/*! normalize.css v8.0.1 | 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 iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  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
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          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
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 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 */
}

/**
 * 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 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
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * 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 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          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 in Chrome and Safari on macOS.
 */

[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 Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * 1. Prevent padding and border from affecting element width
 * https://goo.gl/pYtbK7
 * 2. Change the default font family in all browsers (opinionated)
 */

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  font-family: sans-serif; /* 2 */
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
p,
pre {
  margin: 0;
}

button {
  background: transparent;
  padding: 0;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the system font stack as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 * to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * Allow adding a border to an element by just adding a border-width.
 *
 * By default, the way the browser specifies that an element should have no
 * border is by setting it's border-style to `none` in the user-agent
 * stylesheet.
 *
 * In order to easily add borders to elements by just setting the `border-width`
 * property, we change the default border-style for all elements to `solid`, and
 * use border-width to hide them instead. This way our `border` utilities only
 * need to set the `border-width` property instead of the entire `border`
 * shorthand, making our border utilities much more straightforward to compose.
 *
 * https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
*::before,
*::after {
  border-width: 0;
  border-style: solid;
  border-color: #e2e8f0;
}

/* IE11 has issues with border-style solid even if width 0 */

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */

  *,
  *::before,
  *::after {
    border-style: none;
  }
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: inherit;
  opacity: 0.5;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: inherit;
  opacity: 0.5;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.5;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: inherit;
  opacity: 0.5;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: inherit;
  opacity: 0.5;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: inherit;
  opacity: 0.5;
}

input::placeholder,
textarea::placeholder {
  color: inherit;
  opacity: 0.5;
}

button,
[role="button"] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their instrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

/**
 * This injects Tailwind's base styles, which is a combination of
 * Normalize.css and some additional base styles.
 *
 * You can see the styles here:
 * https://github.com/tailwindcss/tailwindcss/blob/master/css/preflight.css
 *
 */

/* TODO renable, after fixing the various issues that come up */

/*@import "node_modules/tailwindcss/base";*/

/* 
    Using a copy of their preflight, but with a few things removed, like
    the border settings - they break our existing markup when on IE
*/

/*
    Counter some of the choices in tailwind's base
    only because they break too much existing code at this point.
*/

svg,
img {
  display: inline;
}

/*
  HTML reset and global element styles to supplement or override
  TailwindCSS preflight/base.

  MINIMAL!

  Note - some is here for historical reasons - these cases will be
  commented as such and we are working to remove them.
 */

/* legacy ... *may* want to remove */

html,
body {
  height: 100%;
  width: 100%;
}

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

/* left-aligned */

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}

/* right-aligned */

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */

.ui-button-icon-only {
  width: 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

/* no icon support for input elements */

input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

/* button icon element(s) */

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em;
}

/* workarounds */

/* Support: Firefox 5 - 40 */

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

/* Spinner specific style fixes */

.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc( 100% - 2.4em );
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  -webkit-box-shadow: inset 1px 1px 1px #ccc;
          box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25); /* support: IE8 */
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter: inherit;
          filter: inherit;
}

.ui-slider-horizontal {
  height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/

.ui-widget {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333333;
}

/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  -webkit-box-shadow: 0 0 3px 1px rgb(94, 158, 214);
          box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter:Alpha(Opacity=70); /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter:Alpha(Opacity=35); /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(images/d10bc07005bb2d604f4905183690ac04.png);
}

.ui-widget-header .ui-icon {
  background-image: url(images/d10bc07005bb2d604f4905183690ac04.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url(images/00dd0ec0a16a1085e714c7906ff8fb06.png);
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url(images/ea4ebe072be75fbbea002631916836de.png);
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url(images/4e7e3e142f3939883cd0a7e00cabdaef.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(images/093a819138276b446611d1d2a45b98a2.png);
}

.ui-button .ui-icon {
  background-image: url(images/40bf25799e4fec8079c7775083de09df.png);
}

/* positioning */

.ui-icon-blank { background-position: 16px 16px;
}

.ui-icon-caret-1-n { background-position: 0 0;
}

.ui-icon-caret-1-ne { background-position: -16px 0;
}

.ui-icon-caret-1-e { background-position: -32px 0;
}

.ui-icon-caret-1-se { background-position: -48px 0;
}

.ui-icon-caret-1-s { background-position: -65px 0;
}

.ui-icon-caret-1-sw { background-position: -80px 0;
}

.ui-icon-caret-1-w { background-position: -96px 0;
}

.ui-icon-caret-1-nw { background-position: -112px 0;
}

.ui-icon-caret-2-n-s { background-position: -128px 0;
}

.ui-icon-caret-2-e-w { background-position: -144px 0;
}

.ui-icon-triangle-1-n { background-position: 0 -16px;
}

.ui-icon-triangle-1-ne { background-position: -16px -16px;
}

.ui-icon-triangle-1-e { background-position: -32px -16px;
}

.ui-icon-triangle-1-se { background-position: -48px -16px;
}

.ui-icon-triangle-1-s { background-position: -65px -16px;
}

.ui-icon-triangle-1-sw { background-position: -80px -16px;
}

.ui-icon-triangle-1-w { background-position: -96px -16px;
}

.ui-icon-triangle-1-nw { background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s { background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w { background-position: -144px -16px;
}

.ui-icon-arrow-1-n { background-position: 0 -32px;
}

.ui-icon-arrow-1-ne { background-position: -16px -32px;
}

.ui-icon-arrow-1-e { background-position: -32px -32px;
}

.ui-icon-arrow-1-se { background-position: -48px -32px;
}

.ui-icon-arrow-1-s { background-position: -65px -32px;
}

.ui-icon-arrow-1-sw { background-position: -80px -32px;
}

.ui-icon-arrow-1-w { background-position: -96px -32px;
}

.ui-icon-arrow-1-nw { background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s { background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw { background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w { background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw { background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n { background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e { background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s { background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w { background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n { background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne { background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e { background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se { background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s { background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw { background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w { background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw { background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s { background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w { background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n { background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e { background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s { background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w { background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w { background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n { background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e { background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s { background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w { background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n { background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e { background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s { background-position: -176px -64px;
}

.ui-icon-arrow-4 { background-position: 0 -80px;
}

.ui-icon-arrow-4-diag { background-position: -16px -80px;
}

.ui-icon-extlink { background-position: -32px -80px;
}

.ui-icon-newwin { background-position: -48px -80px;
}

.ui-icon-refresh { background-position: -64px -80px;
}

.ui-icon-shuffle { background-position: -80px -80px;
}

.ui-icon-transfer-e-w { background-position: -96px -80px;
}

.ui-icon-transferthick-e-w { background-position: -112px -80px;
}

.ui-icon-folder-collapsed { background-position: 0 -96px;
}

.ui-icon-folder-open { background-position: -16px -96px;
}

.ui-icon-document { background-position: -32px -96px;
}

.ui-icon-document-b { background-position: -48px -96px;
}

.ui-icon-note { background-position: -64px -96px;
}

.ui-icon-mail-closed { background-position: -80px -96px;
}

.ui-icon-mail-open { background-position: -96px -96px;
}

.ui-icon-suitcase { background-position: -112px -96px;
}

.ui-icon-comment { background-position: -128px -96px;
}

.ui-icon-person { background-position: -144px -96px;
}

.ui-icon-print { background-position: -160px -96px;
}

.ui-icon-trash { background-position: -176px -96px;
}

.ui-icon-locked { background-position: -192px -96px;
}

.ui-icon-unlocked { background-position: -208px -96px;
}

.ui-icon-bookmark { background-position: -224px -96px;
}

.ui-icon-tag { background-position: -240px -96px;
}

.ui-icon-home { background-position: 0 -112px;
}

.ui-icon-flag { background-position: -16px -112px;
}

.ui-icon-calendar { background-position: -32px -112px;
}

.ui-icon-cart { background-position: -48px -112px;
}

.ui-icon-pencil { background-position: -64px -112px;
}

.ui-icon-clock { background-position: -80px -112px;
}

.ui-icon-disk { background-position: -96px -112px;
}

.ui-icon-calculator { background-position: -112px -112px;
}

.ui-icon-zoomin { background-position: -128px -112px;
}

.ui-icon-zoomout { background-position: -144px -112px;
}

.ui-icon-search { background-position: -160px -112px;
}

.ui-icon-wrench { background-position: -176px -112px;
}

.ui-icon-gear { background-position: -192px -112px;
}

.ui-icon-heart { background-position: -208px -112px;
}

.ui-icon-star { background-position: -224px -112px;
}

.ui-icon-link { background-position: -240px -112px;
}

.ui-icon-cancel { background-position: 0 -128px;
}

.ui-icon-plus { background-position: -16px -128px;
}

.ui-icon-plusthick { background-position: -32px -128px;
}

.ui-icon-minus { background-position: -48px -128px;
}

.ui-icon-minusthick { background-position: -64px -128px;
}

.ui-icon-close { background-position: -80px -128px;
}

.ui-icon-closethick { background-position: -96px -128px;
}

.ui-icon-key { background-position: -112px -128px;
}

.ui-icon-lightbulb { background-position: -128px -128px;
}

.ui-icon-scissors { background-position: -144px -128px;
}

.ui-icon-clipboard { background-position: -160px -128px;
}

.ui-icon-copy { background-position: -176px -128px;
}

.ui-icon-contact { background-position: -192px -128px;
}

.ui-icon-image { background-position: -208px -128px;
}

.ui-icon-video { background-position: -224px -128px;
}

.ui-icon-script { background-position: -240px -128px;
}

.ui-icon-alert { background-position: 0 -144px;
}

.ui-icon-info { background-position: -16px -144px;
}

.ui-icon-notice { background-position: -32px -144px;
}

.ui-icon-help { background-position: -48px -144px;
}

.ui-icon-check { background-position: -64px -144px;
}

.ui-icon-bullet { background-position: -80px -144px;
}

.ui-icon-radio-on { background-position: -96px -144px;
}

.ui-icon-radio-off { background-position: -112px -144px;
}

.ui-icon-pin-w { background-position: -128px -144px;
}

.ui-icon-pin-s { background-position: -144px -144px;
}

.ui-icon-play { background-position: 0 -160px;
}

.ui-icon-pause { background-position: -16px -160px;
}

.ui-icon-seek-next { background-position: -32px -160px;
}

.ui-icon-seek-prev { background-position: -48px -160px;
}

.ui-icon-seek-end { background-position: -64px -160px;
}

.ui-icon-seek-start { background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-seek-first { background-position: -80px -160px;
}

.ui-icon-stop { background-position: -96px -160px;
}

.ui-icon-eject { background-position: -112px -160px;
}

.ui-icon-volume-off { background-position: -128px -160px;
}

.ui-icon-volume-on { background-position: -144px -160px;
}

.ui-icon-power { background-position: 0 -176px;
}

.ui-icon-signal-diag { background-position: -16px -176px;
}

.ui-icon-signal { background-position: -32px -176px;
}

.ui-icon-battery-0 { background-position: -48px -176px;
}

.ui-icon-battery-1 { background-position: -64px -176px;
}

.ui-icon-battery-2 { background-position: -80px -176px;
}

.ui-icon-battery-3 { background-position: -96px -176px;
}

.ui-icon-circle-plus { background-position: 0 -192px;
}

.ui-icon-circle-minus { background-position: -16px -192px;
}

.ui-icon-circle-close { background-position: -32px -192px;
}

.ui-icon-circle-triangle-e { background-position: -48px -192px;
}

.ui-icon-circle-triangle-s { background-position: -64px -192px;
}

.ui-icon-circle-triangle-w { background-position: -80px -192px;
}

.ui-icon-circle-triangle-n { background-position: -96px -192px;
}

.ui-icon-circle-arrow-e { background-position: -112px -192px;
}

.ui-icon-circle-arrow-s { background-position: -128px -192px;
}

.ui-icon-circle-arrow-w { background-position: -144px -192px;
}

.ui-icon-circle-arrow-n { background-position: -160px -192px;
}

.ui-icon-circle-zoomin { background-position: -176px -192px;
}

.ui-icon-circle-zoomout { background-position: -192px -192px;
}

.ui-icon-circle-check { background-position: -208px -192px;
}

.ui-icon-circlesmall-plus { background-position: 0 -208px;
}

.ui-icon-circlesmall-minus { background-position: -16px -208px;
}

.ui-icon-circlesmall-close { background-position: -32px -208px;
}

.ui-icon-squaresmall-plus { background-position: -48px -208px;
}

.ui-icon-squaresmall-minus { background-position: -64px -208px;
}

.ui-icon-squaresmall-close { background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical { background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal { background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical { background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal { background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se { background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

/* Overlays */

.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .003;
  filter: Alpha(Opacity=.3); /* support: IE8 */
}

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
}

.vis .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  /* Must be displayed above for example selected Timeline items */
  z-index: 10;
}

.vis-active {
  -webkit-box-shadow: 0 0 10px #86d5f8;
          box-shadow: 0 0 10px #86d5f8;
}

/* override some bootstrap styles screwing up the timelines css */

.vis [class*="span"] {
  min-height: 0;
  width: auto;
}

div.vis-configuration {
    position:relative;
    display:block;
    float:left;
    font-size:12px;
}

div.vis-configuration-wrapper {
    display:block;
    width:700px;
}

div.vis-configuration-wrapper::after {
  clear: both;
  content: "";
  display: block;
}

div.vis-configuration.vis-config-option-container{
    display:block;
    width:495px;
    background-color: #ffffff;
    border:2px solid #f7f8fa;
    border-radius:4px;
    margin-top:20px;
    left:10px;
    padding-left:5px;
}

div.vis-configuration.vis-config-button{
    display:block;
    width:495px;
    height:25px;
    vertical-align: middle;
    line-height:25px;
    background-color: #f7f8fa;
    border:2px solid #ceced0;
    border-radius:4px;
    margin-top:20px;
    left:10px;
    padding-left:5px;
    cursor: pointer;
    margin-bottom:30px;
}

div.vis-configuration.vis-config-button.hover{
    background-color: #4588e6;
    border:2px solid #214373;
    color:#ffffff;
}

div.vis-configuration.vis-config-item{
    display:block;
    float:left;
    width:495px;
    height:25px;
    vertical-align: middle;
    line-height:25px;
}


div.vis-configuration.vis-config-item.vis-config-s2{
    left:10px;
    background-color: #f7f8fa;
    padding-left:5px;
    border-radius:3px;
}
div.vis-configuration.vis-config-item.vis-config-s3{
    left:20px;
    background-color: #e4e9f0;
    padding-left:5px;
    border-radius:3px;
}
div.vis-configuration.vis-config-item.vis-config-s4{
    left:30px;
    background-color: #cfd8e6;
    padding-left:5px;
    border-radius:3px;
}

div.vis-configuration.vis-config-header{
    font-size:18px;
    font-weight: bold;
}

div.vis-configuration.vis-config-label{
    width:120px;
    height:25px;
    line-height: 25px;
}

div.vis-configuration.vis-config-label.vis-config-s3{
    width:110px;
}
div.vis-configuration.vis-config-label.vis-config-s4{
    width:100px;
}

div.vis-configuration.vis-config-colorBlock{
    top:1px;
    width:30px;
    height:19px;
    border:1px solid #444444;
    border-radius:2px;
    padding:0px;
    margin:0px;
    cursor:pointer;
}

input.vis-configuration.vis-config-checkbox {
    left:-5px;
}


input.vis-configuration.vis-config-rangeinput{
    position:relative;
    top:-5px;
    width:60px;
    /*height:13px;*/
    padding:1px;
    margin:0;
    pointer-events:none;
}

input.vis-configuration.vis-config-range{
    /*removes default webkit styles*/
    -webkit-appearance: none;

    /*fix for FF unable to apply focus style bug */
    border: 0px solid white;
    background-color:rgba(0,0,0,0);

    /*required for proper track sizing in FF*/
    width: 300px;
    height:20px;
}
input.vis-configuration.vis-config-range::-webkit-slider-runnable-track {
    width: 300px;
    height: 5px;
    background: #dedede; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: -webkit-gradient(linear,  left top, left bottom,  from(#dedede),color-stop(99%, #c8c8c8));
    background: linear-gradient(to bottom,  #dedede 0%,#c8c8c8 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */

    border: 1px solid #999999;
    -webkit-box-shadow: #aaaaaa 0px 0px 3px 0px;
            box-shadow: #aaaaaa 0px 0px 3px 0px;
    border-radius: 3px;
}
input.vis-configuration.vis-config-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: 1px solid #14334b;
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: #3876c2; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: -webkit-gradient(linear,  left top, left bottom,  from(#3876c2),to(#385380));
    background: linear-gradient(to bottom,  #3876c2 0%,#385380 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3876c2', endColorstr='#385380',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: #111927 0px 0px 1px 0px;
            box-shadow: #111927 0px 0px 1px 0px;
    margin-top: -7px;
}
input.vis-configuration.vis-config-range:focus {
    outline: none;
}
input.vis-configuration.vis-config-range:focus::-webkit-slider-runnable-track {
    background: #9d9d9d; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: -webkit-gradient(linear,  left top, left bottom,  from(#9d9d9d),color-stop(99%, #c8c8c8));
    background: linear-gradient(to bottom,  #9d9d9d 0%,#c8c8c8 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d9d9d', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */
}

input.vis-configuration.vis-config-range::-moz-range-track {
    width: 300px;
    height: 10px;
    background: #dedede; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: linear-gradient(to bottom,  #dedede 0%,#c8c8c8 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */

    border: 1px solid #999999;
    box-shadow: #aaaaaa 0px 0px 3px 0px;
    border-radius: 3px;
}
input.vis-configuration.vis-config-range::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;

    border-radius: 50%;
    background:  #385380;
}

/*hide the outline behind the border*/
input.vis-configuration.vis-config-range:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

input.vis-configuration.vis-config-range::-ms-track {
    width: 300px;
    height: 5px;

    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;

    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
input.vis-configuration.vis-config-range::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}
input.vis-configuration.vis-config-range::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
input.vis-configuration.vis-config-range::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background:  #385380;
}
input.vis-configuration.vis-config-range:focus::-ms-fill-lower {
    background: #888;
}
input.vis-configuration.vis-config-range:focus::-ms-fill-upper {
    background: #ccc;
}

.vis-configuration-popup {
    position: absolute;
    background: rgba(57, 76, 89, 0.85);
    border: 2px solid #f2faff;
    line-height:30px;
    height:30px;
    width:150px;
    text-align:center;
    color: #ffffff;
    font-size:14px;
    border-radius:4px;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.vis-configuration-popup:after, .vis-configuration-popup:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.vis-configuration-popup:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: rgba(57, 76, 89, 0.85);
    border-width: 8px;
    margin-top: -8px;
}
.vis-configuration-popup:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #f2faff;
    border-width: 12px;
    margin-top: -12px;
}
div.vis-tooltip {
  position: absolute;
  visibility: hidden;
  padding: 5px;
  white-space: nowrap;

  font-family: verdana;
  font-size:14px;
  color:#000000;
  background-color: #f5f4ed;
  border-radius: 3px;
  border: 1px solid #808074;

  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);

          box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  pointer-events: none;

  z-index: 5;
}


div.vis-color-picker {
  position:absolute;
  top: 0px;
  left: 30px;
  margin-top:-140px;
  margin-left:30px;
  width:310px;
  height:444px;
  z-index: 1;
  padding: 10px;
  border-radius:15px;
  background-color:#ffffff;
  display: none;
  -webkit-box-shadow: rgba(0,0,0,0.5) 0px 0px 10px 0px;
          box-shadow: rgba(0,0,0,0.5) 0px 0px 10px 0px;
}

div.vis-color-picker div.vis-arrow {
  position: absolute;
  top:147px;
  left:5px;
}

div.vis-color-picker div.vis-arrow::after,
div.vis-color-picker div.vis-arrow::before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

div.vis-color-picker div.vis-arrow:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #ffffff;
  border-width: 30px;
  margin-top: -30px;
}

div.vis-color-picker div.vis-color {
  position:absolute;
  width: 289px;
  height: 289px;
  cursor: pointer;
}



div.vis-color-picker div.vis-brightness {
  position: absolute;
  top:313px;
}

div.vis-color-picker div.vis-opacity {
  position:absolute;
  top:350px;
}

div.vis-color-picker div.vis-selector {
  position:absolute;
  top:137px;
  left:137px;
  width:15px;
  height:15px;
  border-radius:15px;
  border:1px solid #ffffff;
  background: #4c4c4c; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: -webkit-gradient(linear,  left top, left bottom,  from(#4c4c4c),color-stop(12%, #595959),color-stop(25%, #666666),color-stop(39%, #474747),color-stop(50%, #2c2c2c),color-stop(51%, #000000),color-stop(60%, #111111),color-stop(76%, #2b2b2b),color-stop(91%, #1c1c1c),to(#131313));
  background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
}



div.vis-color-picker div.vis-new-color {
  position:absolute;
  width:140px;
  height:20px;
  border:1px solid rgba(0,0,0,0.1);
  border-radius:5px;
  top:380px;
  left:159px;
  text-align:right;
  padding-right:2px;
  font-size:10px;
  color:rgba(0,0,0,0.4);
  vertical-align:middle;
  line-height:20px;

}

div.vis-color-picker div.vis-initial-color {
  position:absolute;
  width:140px;
  height:20px;
  border:1px solid rgba(0,0,0,0.1);
  border-radius:5px;
  top:380px;
  left:10px;
  text-align:left;
  padding-left:2px;
  font-size:10px;
  color:rgba(0,0,0,0.4);
  vertical-align:middle;
  line-height:20px;
}

div.vis-color-picker div.vis-label {
  position:absolute;
  width:300px;
  left:10px;
}

div.vis-color-picker div.vis-label.vis-brightness {
  top:300px;
}

div.vis-color-picker div.vis-label.vis-opacity {
  top:338px;
}

div.vis-color-picker div.vis-button {
  position:absolute;
  width:68px;
  height:25px;
  border-radius:10px;
  vertical-align: middle;
  text-align:center;
  line-height: 25px;
  top:410px;
  border:2px solid #d9d9d9;
  background-color: #f7f7f7;
  cursor:pointer;
}

div.vis-color-picker div.vis-button.vis-cancel {
  /*border:2px solid #ff4e33;*/
  /*background-color: #ff7761;*/
  left:5px;
}
div.vis-color-picker div.vis-button.vis-load {
  /*border:2px solid #a153e6;*/
  /*background-color: #cb8dff;*/
  left:82px;
}
div.vis-color-picker div.vis-button.vis-apply {
  /*border:2px solid #4588e6;*/
  /*background-color: #82b6ff;*/
  left:159px;
}
div.vis-color-picker div.vis-button.vis-save {
  /*border:2px solid #45e655;*/
  /*background-color: #6dff7c;*/
  left:236px;
}


div.vis-color-picker input.vis-range {
  width: 290px;
  height:20px;
}

/* TODO: is this redundant?
div.vis-color-picker input.vis-range-brightness {
  width: 289px !important;
}


div.vis-color-picker input.vis-saturation-range {
  width: 289px !important;
}*/
div.vis-network div.vis-manipulation {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;

  border-width: 0;
  border-bottom: 1px;
  border-style:solid;
  border-color: #d6d9d8;
  background: #ffffff; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: -webkit-gradient(linear,  left top, left bottom,  from(#ffffff),color-stop(48%, #fcfcfc),color-stop(50%, #fafafa),to(#fcfcfc));
  background: linear-gradient(to bottom,  #ffffff 0%,#fcfcfc 48%,#fafafa 50%,#fcfcfc 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */

  padding-top:4px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 28px;
}

div.vis-network div.vis-edit-mode {
  position:absolute;
  left: 0;
  top: 5px;
  height: 30px;
}

/* FIXME: shouldn't the vis-close button be a child of the vis-manipulation div? */

div.vis-network div.vis-close {
  position:absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;

  background-position: 20px 3px;
  background-repeat: no-repeat;
  background-image: url(images/260c9c6535065674bb5e59a73f894abb.png);
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

div.vis-network div.vis-close:hover {
  opacity: 0.6;
}

div.vis-network div.vis-manipulation div.vis-button,
div.vis-network div.vis-edit-mode div.vis-button {
  float:left;
  font-family: verdana;
  font-size: 12px;
  border-radius: 15px;
  display:inline-block;
  background-position: 0px 0px;
  background-repeat:no-repeat;
  height:24px;
  margin-left: 10px;
  /*vertical-align:middle;*/
  cursor: pointer;
  padding: 0px 8px 0px 8px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

div.vis-network div.vis-manipulation div.vis-button:hover {
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.20);
          box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.20);
}

div.vis-network div.vis-manipulation div.vis-button:active {
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.50);
          box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.50);
}

div.vis-network div.vis-manipulation div.vis-button.vis-back {
  background-image: url(images/dd0baa69a69937600dc3bf035f3873c4.png);
}

div.vis-network div.vis-manipulation div.vis-button.vis-none:hover {
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.0);
          box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.0);
  cursor: default;
}
div.vis-network div.vis-manipulation div.vis-button.vis-none:active {
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.0);
          box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.0);
}
div.vis-network div.vis-manipulation div.vis-button.vis-none {
  padding: 0;
}
div.vis-network div.vis-manipulation div.notification {
  margin: 2px;
  font-weight: bold;
}

div.vis-network div.vis-manipulation div.vis-button.vis-add {
  background-image: url(images/a1a2d01bcd034270a3bc92176edfb66c.png);
}

div.vis-network div.vis-manipulation div.vis-button.vis-edit,
div.vis-network div.vis-edit-mode div.vis-button.vis-edit {
  background-image: url(images/d5422321c4f6feed4081891051f9a6b2.png);
}

div.vis-network div.vis-edit-mode div.vis-button.vis-edit.vis-edit-mode {
  background-color: #fcfcfc;
  border: 1px solid #cccccc;
}

div.vis-network div.vis-manipulation div.vis-button.vis-connect {
  background-image: url(images/d5267b8db2498e44bd567bd12e07576b.png);
}

div.vis-network div.vis-manipulation div.vis-button.vis-delete {
  background-image: url(images/02d321edc6e03aea1675001899d8f479.png);
}
/* top right bottom left */
div.vis-network div.vis-manipulation div.vis-label,
div.vis-network div.vis-edit-mode div.vis-label {
  margin: 0 0 0 23px;
  line-height: 25px;
}
div.vis-network div.vis-manipulation div.vis-separator-line {
  float:left;
  display:inline-block;
  width:1px;
  height:21px;
  background-color: #bdbdbd;
  margin: 0px 7px 0 15px; /*top right bottom left*/
}

/* TODO: is this redundant?
div.network-navigation_wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
*/

div.vis-network div.vis-navigation div.vis-button {
    width:34px;
    height:34px;
    border-radius: 17px;
    position:absolute;
    display:inline-block;
    background-position: 2px 2px;
    background-repeat:no-repeat;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.vis-network div.vis-navigation div.vis-button:hover {
    -webkit-box-shadow: 0 0 3px 3px rgba(56, 207, 21, 0.30);
            box-shadow: 0 0 3px 3px rgba(56, 207, 21, 0.30);
}

div.vis-network div.vis-navigation div.vis-button:active {
    -webkit-box-shadow: 0 0 1px 3px rgba(56, 207, 21, 0.95);
            box-shadow: 0 0 1px 3px rgba(56, 207, 21, 0.95);
}

div.vis-network div.vis-navigation div.vis-button.vis-up {
    background-image: url(images/f0aa0566b9f39334bd886d27d6a4cfe1.png);
    bottom:50px;
    left:55px;
}
div.vis-network div.vis-navigation div.vis-button.vis-down {
    background-image: url(images/bbfbf2e8eaa8ebbce8524769ac0a5bc0.png);
    bottom:10px;
    left:55px;
}
div.vis-network div.vis-navigation div.vis-button.vis-left {
    background-image: url(images/8965662a4348c548189b97493c21a19e.png);
    bottom:10px;
    left:15px;
}
div.vis-network div.vis-navigation div.vis-button.vis-right {
    background-image: url(images/4f88ef172e7bc7e98e24fc7df5a05c4b.png);
    bottom:10px;
    left:95px;
}
div.vis-network div.vis-navigation div.vis-button.vis-zoomIn {
    background-image: url(images/4c4bf0a13eae5c7cdb109f91f8563f77.png);
    bottom:10px;
    right:15px;
}
div.vis-network div.vis-navigation div.vis-button.vis-zoomOut {
    background-image: url(images/5a379c46656d7a393c8f1ab293e46def.png);
    bottom:10px;
    right:55px;
}
div.vis-network div.vis-navigation div.vis-button.vis-zoomExtends {
    background-image: url(images/5f78e86f895f5a5cc1472cc57db154c5.png);
    bottom:50px;
    right:15px;
}
.vis-timeline {
  /*
  -webkit-transition: height .4s ease-in-out;
  transition:         height .4s ease-in-out;
  */
}

.vis-panel {
  /*
  -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
  transition:         height .4s ease-in-out, top .4s ease-in-out;
  */
}

.vis-axis {
  /*
  -webkit-transition: top .4s ease-in-out;
  transition:         top .4s ease-in-out;
  */
}

/* TODO: get animation working nicely

.vis-item {
  -webkit-transition: top .4s ease-in-out;
  transition:         top .4s ease-in-out;
}

.vis-item.line {
  -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
  transition:         height .4s ease-in-out, top .4s ease-in-out;
}
/**/
.vis-current-time {
  background-color: #FF7F6E;
  width: 2px;
  z-index: 1;
  pointer-events: none;
}

.vis-rolling-mode-btn {
  height: 40px;
  width: 40px;
  position: absolute;
  top: 7px;
  right: 20px;
  border-radius: 50%;
  font-size: 28px;
  cursor: pointer;
  opacity: 0.8;
  color: white;
  font-weight: bold;
  text-align: center;
  background: #3876c2;
}
.vis-rolling-mode-btn:before {
  content: "\26F6";
}

.vis-rolling-mode-btn:hover {
  opacity: 1;
}
.vis-custom-time {
  background-color: #6E94FF;
  width: 2px;
  cursor: move;
  z-index: 1;
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-horizontal {
  position: absolute;
  width: 100%;
  height: 0;
  border-bottom: 1px solid;
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-minor {
  border-color: #e5e5e5;
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-major {
  border-color: #bfbfbf;
}


.vis-data-axis .vis-y-axis.vis-major {
  width: 100%;
  position: absolute;
  color: #4d4d4d;
  white-space: nowrap;
}

.vis-data-axis .vis-y-axis.vis-major.vis-measure {
  padding: 0;
  margin: 0;
  border: 0;
  visibility: hidden;
  width: auto;
}


.vis-data-axis .vis-y-axis.vis-minor {
  position: absolute;
  width: 100%;
  color: #bebebe;
  white-space: nowrap;
}

.vis-data-axis .vis-y-axis.vis-minor.vis-measure {
  padding: 0;
  margin: 0;
  border: 0;
  visibility: hidden;
  width: auto;
}

.vis-data-axis .vis-y-axis.vis-title {
  position: absolute;
  color: #4d4d4d;
  white-space: nowrap;
  bottom: 20px;
  text-align: center;
}

.vis-data-axis .vis-y-axis.vis-title.vis-measure {
  padding: 0;
  margin: 0;
  visibility: hidden;
  width: auto;
}

.vis-data-axis .vis-y-axis.vis-title.vis-left {
  bottom: 0;
  -webkit-transform-origin: left top;
  transform-origin: left bottom;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.vis-data-axis .vis-y-axis.vis-title.vis-right {
  bottom: 0;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.vis-legend {
  background-color: rgba(247, 252, 255, 0.65);
  padding: 5px;
  border: 1px solid #b3b3b3;
  -webkit-box-shadow: 2px 2px 10px rgba(154, 154, 154, 0.55);
          box-shadow: 2px 2px 10px rgba(154, 154, 154, 0.55);
}

.vis-legend-text {
  /*font-size: 10px;*/
  white-space: nowrap;
  display: inline-block
}

.vis-item {
  position: absolute;
  color: #1A1A1A;
  border-color: #97B0F8;
  border-width: 1px;
  background-color: #D5DDF6;
  display: inline-block;
  z-index: 1;
  /*overflow: hidden;*/
}

.vis-item.vis-selected {
  border-color: #FFC200;
  background-color: #FFF785;

  /* z-index must be higher than the z-index of custom time bar and current time bar */
  z-index: 2;
}

.vis-editable.vis-selected {
  cursor: move;
}

.vis-item.vis-point.vis-selected {
  background-color: #FFF785;
}

.vis-item.vis-box {
  text-align: center;
  border-style: solid;
  border-radius: 2px;
}

.vis-item.vis-point {
  background: none;
}

.vis-item.vis-dot {
  position: absolute;
  padding: 0;
  border-width: 4px;
  border-style: solid;
  border-radius: 4px;
}

.vis-item.vis-range {
  border-style: solid;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.vis-item.vis-background {
  border: none;
  background-color: rgba(213, 221, 246, 0.4);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.vis-item .vis-item-overflow {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.vis-item-visible-frame {
  white-space: nowrap;
}

.vis-item.vis-range .vis-item-content {
  position: relative;
  display: inline-block;
}

.vis-item.vis-background .vis-item-content {
  position: absolute;
  display: inline-block;
}

.vis-item.vis-line {
  padding: 0;
  position: absolute;
  width: 0;
  border-left-width: 1px;
  border-left-style: solid;
}

.vis-item .vis-item-content {
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px;
}

.vis-item .vis-onUpdateTime-tooltip {
  position: absolute;
  background: #4f81bd;
  color: white;
  width: 200px;
  text-align: center;
  white-space: nowrap;
  padding: 5px;
  border-radius: 1px;
  transition: 0.4s;
  -o-transition: 0.4s;
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
}

.vis-item .vis-delete, .vis-item .vis-delete-rtl {
  position: absolute;
  top: 0px;
  width: 24px;
  height: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0px 5px;
  cursor: pointer;

  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
}

.vis-item .vis-delete {
  right: -24px;
}

.vis-item .vis-delete-rtl {
  left: -24px;
}

.vis-item .vis-delete:after, .vis-item .vis-delete-rtl:after {
  content: "\00D7"; /* MULTIPLICATION SIGN */
  color: red;
  font-family: arial, sans-serif;
  font-size: 22px;
  font-weight: bold;

  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.vis-item .vis-delete:hover, .vis-item .vis-delete-rtl:hover {
  background: red;
}

.vis-item .vis-delete:hover:after, .vis-item .vis-delete-rtl:hover:after {
  color: white;
}

.vis-item .vis-drag-center {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0px;
  cursor: move;
}

.vis-item.vis-range .vis-drag-left {
  position: absolute;
  width: 24px;
  max-width: 20%;
  min-width: 2px;
  height: 100%;
  top: 0;
  left: -4px;

  cursor: w-resize;
}

.vis-item.vis-range .vis-drag-right {
  position: absolute;
  width: 24px;
  max-width: 20%;
  min-width: 2px;
  height: 100%;
  top: 0;
  right: -4px;

  cursor: e-resize;
}

.vis-range.vis-item.vis-readonly .vis-drag-left,
.vis-range.vis-item.vis-readonly .vis-drag-right {
  cursor: auto;
}


.vis-itemset {
  position: relative;
  padding: 0;
  margin: 0;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;
}

.vis-itemset .vis-background,
.vis-itemset .vis-foreground {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.vis-axis {
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  z-index: 1;
}

.vis-foreground .vis-group {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #bfbfbf;
}

.vis-foreground .vis-group:last-child {
  border-bottom: none;
}

.vis-nesting-group {
  cursor: pointer;
}

.vis-nested-group {
  background: #f5f5f5;
}

.vis-label.vis-nesting-group.expanded:before {
  content: "\25BC";
}

.vis-label.vis-nesting-group.collapsed-rtl:before {
  content: "\25C0";
}

.vis-label.vis-nesting-group.collapsed:before {
  content: "\25B6";
}

.vis-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.vis-labelset {
  position: relative;

  overflow: hidden;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;
}

.vis-labelset .vis-label {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  color: #4d4d4d;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;
}

.vis-labelset .vis-label {
  border-bottom: 1px solid #bfbfbf;
}

.vis-labelset .vis-label.draggable {
  cursor: pointer;
}

.vis-labelset .vis-label:last-child {
  border-bottom: none;
}

.vis-labelset .vis-label .vis-inner {
  display: inline-block;
  padding: 5px;
}

.vis-labelset .vis-label .vis-inner.vis-hidden {
  padding: 0;
}

.vis-panel {
  position: absolute;

  padding: 0;
  margin: 0;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;
}

.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right,
.vis-panel.vis-top,
.vis-panel.vis-bottom {
  border: 1px #bfbfbf;
}

.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right {
  border-top-style: solid;
  border-bottom-style: solid;
  overflow: hidden;
}

.vis-left.vis-panel.vis-vertical-scroll, .vis-right.vis-panel.vis-vertical-scroll {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
} 

.vis-left.vis-panel.vis-vertical-scroll {
  direction: rtl;
}

.vis-left.vis-panel.vis-vertical-scroll .vis-content {
  direction: ltr;
}

.vis-right.vis-panel.vis-vertical-scroll {
  direction: ltr;
}

.vis-right.vis-panel.vis-vertical-scroll .vis-content {
  direction: rtl;
}

.vis-panel.vis-center,
.vis-panel.vis-top,
.vis-panel.vis-bottom {
  border-left-style: solid;
  border-right-style: solid;
}

.vis-background {
  overflow: hidden;
}

.vis-panel > .vis-content {
  position: relative;
}

.vis-panel .vis-shadow {
  position: absolute;
  width: 100%;
  height: 1px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.8);
          box-shadow: 0 0 10px rgba(0,0,0,0.8);
  /* TODO: find a nice way to ensure vis-shadows are drawn on top of items
  z-index: 1;
  */
}

.vis-panel .vis-shadow.vis-top {
  top: -1px;
  left: 0;
}

.vis-panel .vis-shadow.vis-bottom {
  bottom: -1px;
  left: 0;
}
.vis-graph-group0 {
    fill:#4f81bd;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #4f81bd;
}

.vis-graph-group1 {
    fill:#f79646;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #f79646;
}

.vis-graph-group2 {
    fill: #8c51cf;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #8c51cf;
}

.vis-graph-group3 {
    fill: #75c841;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #75c841;
}

.vis-graph-group4 {
    fill: #ff0100;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #ff0100;
}

.vis-graph-group5 {
    fill: #37d8e6;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #37d8e6;
}

.vis-graph-group6 {
    fill: #042662;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #042662;
}

.vis-graph-group7 {
    fill:#00ff26;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #00ff26;
}

.vis-graph-group8 {
    fill:#ff00ff;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #ff00ff;
}

.vis-graph-group9 {
    fill: #8f3938;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #8f3938;
}

.vis-timeline .vis-fill {
    fill-opacity:0.1;
    stroke: none;
}


.vis-timeline .vis-bar {
    fill-opacity:0.5;
    stroke-width:1px;
}

.vis-timeline .vis-point {
    stroke-width:2px;
    fill-opacity:1.0;
}


.vis-timeline .vis-legend-background {
    stroke-width:1px;
    fill-opacity:0.9;
    fill: #ffffff;
    stroke: #c2c2c2;
}


.vis-timeline .vis-outline {
    stroke-width:1px;
    fill-opacity:1;
    fill: #ffffff;
    stroke: #e5e5e5;
}

.vis-timeline .vis-icon-fill {
    fill-opacity:0.3;
    stroke: none;
}

.vis-time-axis {
  position: relative;
  overflow: hidden;
}

.vis-time-axis.vis-foreground {
  top: 0;
  left: 0;
  width: 100%;
}

.vis-time-axis.vis-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vis-time-axis .vis-text {
  position: absolute;
  color: #4d4d4d;
  padding: 3px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;

  white-space: nowrap;
}

.vis-time-axis .vis-text.vis-measure {
  position: absolute;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  visibility: hidden;
}

.vis-time-axis .vis-grid.vis-vertical {
  position: absolute;
  border-left: 1px solid;
}

.vis-time-axis .vis-grid.vis-vertical-rtl {
  position: absolute;
  border-right: 1px solid;
}

.vis-time-axis .vis-grid.vis-minor {
  border-color: #e5e5e5;
}

.vis-time-axis .vis-grid.vis-major {
  border-color: #bfbfbf;
}


.vis-timeline {
  position: relative;
  border: 1px solid #bfbfbf;

  overflow: hidden;
  padding: 0;
  margin: 0;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;
}

/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}
.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px; margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */ border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {}

.CodeMirror-rtl pre { direction: rtl; }

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

.CodeMirror-hints {
  position: absolute;
  z-index: 10;
  overflow: hidden;
  list-style: none;

  margin: 0;
  padding: 2px;

  -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  border-radius: 3px;
  border: 1px solid silver;

  background: white;
  font-size: 90%;
  font-family: monospace;

  max-height: 20em;
  overflow-y: auto;
}

.CodeMirror-hint {
  margin: 0;
  padding: 0 4px;
  border-radius: 2px;
  white-space: pre;
  color: black;
  cursor: pointer;
}

li.CodeMirror-hint-active {
  background: #08f;
  color: white;
}

.ngGrid {
  background-color: #fdfdfd;
}

.ngGrid input[type="checkbox"] {
  margin: 0;
  padding: 0;
}

.ngGrid input {
  vertical-align: top;
}

.ngGrid.unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.ngViewport {
  overflow: auto;
  min-height: 20px;
}

.ngViewport:focus {
  outline: none;
}

.ngCanvas {
  position: relative;
}

.ngVerticalBar {
  position: absolute;
  right: 0;
  width: 0;
}

.ngVerticalBarVisible {
  width: 1px;
  background-color: #d4d4d4;
}

#testDataLength {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -100000;
}

.ngHeaderContainer {
  position: relative;
  overflow: hidden;
  font-weight: bold;
  background-color: inherit;
}

.ngHeaderCell {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: inherit;
}

.ngHeaderCell.pinned {
  z-index: 1;
}

.ngHeaderSortColumn {
  position: absolute;
  overflow: hidden;
}

.ngTopPanel {
  position: relative;
  z-index: 1;
  background-color: #eaeaea;
  border-bottom: 1px solid #d4d4d4;
}

.ngSortButtonDown {
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  border-color: gray transparent;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  height: 0;
  width: 0;
}

.ngNoSort {
  cursor: default;
}

.ngHeaderButton {
  position: absolute;
  right: 2px;
  top: 8px;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  z-index: 1;
  background-color: #9fbbb4;
  cursor: pointer;
}

.ngSortButtonUp {
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  border-color: gray transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  height: 0;
  width: 0;
}

.ngHeaderScroller {
  position: absolute;
  background-color: inherit;
}

.ngSortPriority {
  position: absolute;
  top: -5px;
  left: 1px;
  font-size: 6pt;
  font-weight: bold;
}

.ngHeaderGrip {
  cursor: col-resize;
  width: 10px;
  right: -5px;
  top: 0;
  height: 100%;
  position: absolute;
  background-color: transparent;
}

.ngHeaderText {
  padding: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ngHeaderButtonArrow {
  position: absolute;
  top: 4px;
  left: 3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6.5px 4.5px 0 4.5px;
  border-color: #4d4d4d transparent transparent transparent;
}

.ngPinnedIcon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAmElEQVQoU33PQapBURjA8UtkwJuaWYGSgfQWYBMvczPmTCzAAGVuaA228BZhRCkDGSmE31FucuRfvzq3vr5zT/JSjSU7DsypEPXDkDVn2hSIytJhw4kWGaLCxgHh2gt/RBuLzNhz5caWPjnSqqw4EraFfwznf8qklWjwy4IRTerkiQoPGtPl40OehcEJvcfXl8LglLfBJLkDcMgbgHlHhK8AAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  position: absolute;
  right: 5px;
  top: 5px;
  height: 10px;
  width: 10px;
}

.ngUnPinnedIcon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAlElEQVQoU33PPQrCQBRF4fFnI2KfZVi5ARvdgo1l6mwmkCJVOgluwd5OwUoDtnoOxAei8cLXTN7cvEl/skCNDCMPfsUPO5zQwOHIDEvYtMURHe6wOVLgigvOePRyeDkyR4ln7wZ//7XfFBu8B23+aDJjrHGAwza7hjtHJvDmHg7b7Bru7AMjK7Rw2ObBVHDY5oGk9AKQNB2zy8MBTgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  position: absolute;
  height: 10px;
  width: 10px;
  right: 5px;
  top: 5px;
}

.ngColMenu {
  right: 2px;
  padding: 5px;
  top: 25px;
  border-radius: 3px;
  background-color: #bdd0cb;
  position: absolute;
  border: 2px solid #d4d4d4;
  z-index: 1;
}

.ngColListCheckbox {
  position: relative;
  right: 3px;
  top: 4px;
}

.ngColList {
  list-style-type: none;
}

.ngColListItem {
  position: relative;
  right: 17px;
  top: 2px;
  white-space: nowrap;
}

.ngMenuText {
  position: relative;
  top: 2px;
  left: 2px;
}

.ngGroupPanel {
  background-color: #eaeaea;
  overflow: hidden;
  border-bottom: 1px solid #d4d4d4;
}

.ngGroupPanelDescription {
  margin-top: 5px;
  margin-left: 5px;
}

.ngGroupList {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.ngAggHeader {
  position: absolute;
  border: none;
}

.ngGroupElement {
  float: left;
  height: 100%;
  width: 100%;
}

.ngGroupIcon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAEFJREFUKFNjoAhISkr+h2J5JDZODNXGwGBsbPwfhIGAA8bGh6HaGBiAGhxAGJmND4M1gQCSM0adCsVQbcPcqQwMALWDGyDvWPefAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
  position: absolute;
  right: -2px;
  top: 2px;
}

.ngGroupedByIcon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAElJREFUKFNjoAhISkr+R8LyaHwMDNXGwGBsbPwfhoGAA5mPDUO1oWpE52PDYE0gALTFAYbR+dgwWBMIoPlh1I9ADNU2NPzIwAAAFQYI9E4OLvEAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
  position: absolute;
  right: -2px;
  top: 2px;
}

.ngGroupName {
  background-color: #fdfdfd;
  border: 1px solid #d4d4d4;
  padding: 3px 10px;
  float: left;
  margin-left: 0;
  margin-top: 2px;
  border-radius: 3px;
  font-weight: bold;
}

.ngGroupArrow {
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid black;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
  float: right;
}

.ngGroupingNumber {
  position: absolute;
  right: -10px;
  top: -2px;
}

.ngAggArrowCollapsed {
  position: absolute;
  left: 8px;
  bottom: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #000000;
}

.ngGroupItem {
  float: left;
}

.ngGroupItem:first-child {
  margin-left: 2px;
}

.ngRemoveGroup {
  width: 5px;
  -moz-opacity: 0.4;
  opacity: 0.4;
  margin-top: -1px;
  margin-left: 5px;
}

.ngRemoveGroup:hover {
  color: black;
  text-decoration: none;
  cursor: pointer;
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.ngAggArrowExpanded {
  position: absolute;
  left: 8px;
  bottom: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 9px 9px;
  border-color: transparent transparent #000000 transparent;
}

.ngAggregate {
  position: absolute;
  background-color: #c9dde1;
  border-bottom: 1px solid beige;
  overflow: hidden;
  top: 0;
  bottom: 0;
  right: -1px;
  left: 0;
}

.ngAggregateText {
  position: absolute;
  left: 27px;
  top: 5px;
  line-height: 20px;
  white-space: nowrap;
}

.ngRow {
  position: absolute;
  border-bottom: 1px solid #d4d4d4;
}

.ngRow.odd {
  background-color: #fdfdfd;
}

.ngRow.even {
  background-color: #f3f3f3;
}

.ngRow.selected {
  background-color: #c9dde1;
}

.ngCell {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: inherit;
}

.ngCell.pinned {
  z-index: 1;
}

.ngCellText {
  padding: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ngSelectionCell {
  margin-top: 9px;
  margin-left: 6px;
}

.ngSelectionHeader {
  position: absolute;
  top: 11px;
  left: 6px;
}

.ngCellElement:focus {
  outline: 0;
  background-color: #b3c4c7;
}

.ngRow.canSelect {
  cursor: pointer;
}

.ngSelectionCheckbox {
  margin-top: 9px;
  margin-left: 6px;
}

.ngFooterPanel {
  background-color: #eaeaea;
  padding: 0;
  border-top: 1px solid #d4d4d4;
  position: relative;
}

.nglabel {
  display: block;
  float: left;
  font-weight: bold;
  padding-right: 5px;
}

.ngTotalSelectContainer {
  float: left;
  margin: 5px;
  margin-top: 7px;
}

.ngFooterSelectedItems {
  padding: 2px;
}

.ngFooterTotalItems.ngnoMultiSelect {
  padding: 0 !important;
}

.ngPagerFirstBar {
  width: 10px;
  border-left: 2px solid #4d4d4d;
  margin-top: -6px;
  height: 12px;
  margin-left: -3px;
}

.ngPagerButton {
  height: 25px;
  min-width: 26px;
}

.ngPagerFirstTriangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 8.7px 5px 0;
  border-color: transparent #4d4d4d transparent transparent;
  margin-left: 2px;
}

.ngPagerNextTriangle {
  margin-left: 1px;
}

.ngPagerPrevTriangle {
  margin-left: 0;
}

.ngPagerLastTriangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #4d4d4d;
  margin-left: -1px;
}

.ngPagerLastBar {
  width: 10px;
  border-left: 2px solid #4d4d4d;
  margin-top: -6px;
  height: 12px;
  margin-left: 1px;
}

.ngFooterTotalItems {
  padding: 2px;
}

input::-webkit-input-placeholder {
  opacity: 1;
  color: #757575;
}

input::-moz-placeholder {
  opacity: 1;
  color: #757575;
}

input:-ms-input-placeholder {
  opacity: 1;
  color: #757575;
}

input::-ms-input-placeholder {
  opacity: 1;
  color: #757575;
}

input::placeholder {
  opacity: 1;
  color: #757575;
}

svg:not(:root) {
  overflow: hidden;
}

/*
  HTML reset and global element styles.

  MINIMAL!
 */

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*
 * Our version of bootstrap.less that imports the various BS less files.
 *
 * We used to override styling in BS but we shouldn't do that anymore.
 * Instead to please create a new class that lives close to where you
 * want to use it, and use that new class on your target element.
 */

@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 2cm 0.5cm;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  select {
    background: #fff !important;
  }

  .navbar {
    display: none;
  }

  .table td,
  .table th {
    background-color: #fff !important;
  }

  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }

  .label {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }

  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  line-height: 1.42857143;
  color: #333333;
  background-color: #fff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #428bca;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}

h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 small,
h2 small,
h3 small,
h1 .small,
h2 .small,
h3 .small {
  font-size: 65%;
}

h4,
h5,
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h4 small,
h5 small,
h6 small,
h4 .small,
h5 .small,
h6 .small {
  font-size: 75%;
}

h1,
.h1 {
  font-size: 36px;
}

h2,
.h2 {
  font-size: 30px;
}

h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 18px;
}

h5,
.h5 {
  font-size: 14px;
}

h6,
.h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}

small,
.small {
  font-size: 85%;
}

cite {
  font-style: normal;
}

.text-muted {
  color: #999999;
}

.text-primary {
  color: #428bca;
}

.text-primary:hover {
  color: #3071a9;
}

.text-warning {
  color: #8a6d3b;
}

.text-warning:hover {
  color: #66512c;
}

.text-danger {
  color: #a94442;
}

.text-danger:hover {
  color: #843534;
}

.text-success {
  color: #3c763d;
}

.text-success:hover {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

.text-info:hover {
  color: #245269;
}

.text-left {
  text-align: left;
}

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

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

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.list-inline > li:first-child {
  padding-left: 0;
}

dl {
  margin-top: 0;
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 1.42857143;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dl-horizontal dd {
    margin-left: 180px;
  }

  .dl-horizontal dd:before,
  .dl-horizontal dd:after {
    content: " ";
    display: table;
  }

  .dl-horizontal dd:after {
    clear: both;
  }

  .dl-horizontal dd:before,
  .dl-horizontal dd:after {
    content: " ";
    display: table;
  }

  .dl-horizontal dd:after {
    clear: both;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  border-left: 5px solid #eeeeee;
}

blockquote p {
  font-size: 17.5px;
  font-weight: 300;
  line-height: 1.25;
}

blockquote p:last-child {
  margin-bottom: 0;
}

blockquote small,
blockquote .small {
  display: block;
  line-height: 1.42857143;
  color: #999999;
}

blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}

blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}

blockquote.pull-right p,
blockquote.pull-right small,
blockquote.pull-right .small {
  text-align: right;
}

blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: '';
}

blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}

blockquote:before,
blockquote:after {
  content: "";
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  white-space: nowrap;
  border-radius: 4px;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container:before,
.container:after {
  content: " ";
  display: table;
}

.container:after {
  clear: both;
}

.container:before,
.container:after {
  content: " ";
  display: table;
}

.container:after {
  clear: both;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: 0%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: 0%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-pull-11 {
    right: 91.66666667%;
  }

  .col-sm-pull-10 {
    right: 83.33333333%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-8 {
    right: 66.66666667%;
  }

  .col-sm-pull-7 {
    right: 58.33333333%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-5 {
    right: 41.66666667%;
  }

  .col-sm-pull-4 {
    right: 33.33333333%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-2 {
    right: 16.66666667%;
  }

  .col-sm-pull-1 {
    right: 8.33333333%;
  }

  .col-sm-pull-0 {
    right: 0%;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-push-11 {
    left: 91.66666667%;
  }

  .col-sm-push-10 {
    left: 83.33333333%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-8 {
    left: 66.66666667%;
  }

  .col-sm-push-7 {
    left: 58.33333333%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-5 {
    left: 41.66666667%;
  }

  .col-sm-push-4 {
    left: 33.33333333%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-2 {
    left: 16.66666667%;
  }

  .col-sm-push-1 {
    left: 8.33333333%;
  }

  .col-sm-push-0 {
    left: 0%;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-1 {
    width: 8.33333333%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-pull-11 {
    right: 91.66666667%;
  }

  .col-md-pull-10 {
    right: 83.33333333%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-8 {
    right: 66.66666667%;
  }

  .col-md-pull-7 {
    right: 58.33333333%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-5 {
    right: 41.66666667%;
  }

  .col-md-pull-4 {
    right: 33.33333333%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-2 {
    right: 16.66666667%;
  }

  .col-md-pull-1 {
    right: 8.33333333%;
  }

  .col-md-pull-0 {
    right: 0%;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-push-11 {
    left: 91.66666667%;
  }

  .col-md-push-10 {
    left: 83.33333333%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-8 {
    left: 66.66666667%;
  }

  .col-md-push-7 {
    left: 58.33333333%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-5 {
    left: 41.66666667%;
  }

  .col-md-push-4 {
    left: 33.33333333%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-2 {
    left: 16.66666667%;
  }

  .col-md-push-1 {
    left: 8.33333333%;
  }

  .col-md-push-0 {
    left: 0%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  .col-lg-pull-0 {
    right: 0%;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-push-11 {
    left: 91.66666667%;
  }

  .col-lg-push-10 {
    left: 83.33333333%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-8 {
    left: 66.66666667%;
  }

  .col-lg-push-7 {
    left: 58.33333333%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-5 {
    left: 41.66666667%;
  }

  .col-lg-push-4 {
    left: 33.33333333%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-2 {
    left: 16.66666667%;
  }

  .col-lg-push-1 {
    left: 8.33333333%;
  }

  .col-lg-push-0 {
    left: 0%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }
}

table {
  max-width: 100%;
  background-color: transparent;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #ddd;
}

.table .table {
  background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
  float: none;
  display: table-cell;
}

.table > thead > tr > .active,
.table > tbody > tr > .active,
.table > tfoot > tr > .active,
.table > thead > .active > td,
.table > tbody > .active > td,
.table > tfoot > .active > td,
.table > thead > .active > th,
.table > tbody > .active > th,
.table > tfoot > .active > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > .active:hover,
.table-hover > tbody > .active:hover > td,
.table-hover > tbody > .active:hover > th {
  background-color: #e8e8e8;
}

.table > thead > tr > .success,
.table > tbody > tr > .success,
.table > tfoot > tr > .success,
.table > thead > .success > td,
.table > tbody > .success > td,
.table > tfoot > .success > td,
.table > thead > .success > th,
.table > tbody > .success > th,
.table > tfoot > .success > th {
  background-color: #dff0d8;
}

.table-hover > tbody > tr > .success:hover,
.table-hover > tbody > .success:hover > td,
.table-hover > tbody > .success:hover > th {
  background-color: #d0e9c6;
}

.table > thead > tr > .danger,
.table > tbody > tr > .danger,
.table > tfoot > tr > .danger,
.table > thead > .danger > td,
.table > tbody > .danger > td,
.table > tfoot > .danger > td,
.table > thead > .danger > th,
.table > tbody > .danger > th,
.table > tfoot > .danger > th {
  background-color: #f2dede;
}

.table-hover > tbody > tr > .danger:hover,
.table-hover > tbody > .danger:hover > td,
.table-hover > tbody > .danger:hover > th {
  background-color: #ebcccc;
}

.table > thead > tr > .warning,
.table > tbody > tr > .warning,
.table > tfoot > tr > .warning,
.table > thead > .warning > td,
.table > tbody > .warning > td,
.table > tfoot > .warning > td,
.table > thead > .warning > th,
.table > tbody > .warning > th,
.table > tfoot > .warning > th {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr > .warning:hover,
.table-hover > tbody > .warning:hover > td,
.table-hover > tbody > .warning:hover > th {
  background-color: #faf2cc;
}

@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive > .table {
    margin-bottom: 0;
  }

  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }

  .table-responsive > .table-bordered {
    border: 0;
  }

  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }

  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }

  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  margin-bottom: 5px;
}

input[type="search"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

output {
  display: block;
  padding-top: 4px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  vertical-align: middle;
}

.form-control {
  display: block;
  width: 100%;
  height: 28px;
  padding: 3px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control:-moz-placeholder {
  color: #999999;
}

.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999999;
}

.form-control::-webkit-input-placeholder {
  color: #999999;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
  vertical-align: middle;
}

.radio label,
.checkbox label {
  display: inline;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm {
  height: auto;
}

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

select.input-lg {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg {
  height: auto;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}

.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #a94442;
}

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d;
}

.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}

.form-control-static {
  margin-bottom: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .form-control {
    display: inline-block;
  }

  .form-inline select.form-control {
    width: auto;
  }

  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
  }

  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
}

.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 4px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 24px;
}

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  display: table;
}

.form-horizontal .form-group:after {
  clear: both;
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  display: table;
}

.form-horizontal .form-group:after {
  clear: both;
}

.form-horizontal .form-control-static {
  padding-top: 4px;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
  }
}

.sp-legacy-inputsXX select,
.sp-legacy-inputsXX textarea,
.sp-legacy-inputsXX input,
.sp-legacy-inputsXX input[type="text"],
.sp-legacy-inputsXX input[type="password"],
.sp-legacy-inputsXX input[type="datetime"],
.sp-legacy-inputsXX input[type="datetime-local"],
.sp-legacy-inputsXX input[type="date"],
.sp-legacy-inputsXX input[type="month"],
.sp-legacy-inputsXX input[type="time"],
.sp-legacy-inputsXX input[type="week"],
.sp-legacy-inputsXX input[type="number"],
.sp-legacy-inputsXX input[type="email"],
.sp-legacy-inputsXX input[type="url"],
.sp-legacy-inputsXX input[type="search"],
.sp-legacy-inputsXX input[type="tel"],
.sp-legacy-inputsXX input[type="color"],
.sp-legacy-inputsXX input[type="file"] {
  padding: 0 0 0 2px;
  margin: 0;
  min-height: 27px;
  border: 1px solid #d3d3d3;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: left;
}

.sp-legacy-inputsXX select:focus,
.sp-legacy-inputsXX textarea:focus,
.sp-legacy-inputsXX input:focus,
.sp-legacy-inputsXX input[type="text"]:focus,
.sp-legacy-inputsXX input[type="password"]:focus,
.sp-legacy-inputsXX input[type="datetime"]:focus,
.sp-legacy-inputsXX input[type="datetime-local"]:focus,
.sp-legacy-inputsXX input[type="date"]:focus,
.sp-legacy-inputsXX input[type="month"]:focus,
.sp-legacy-inputsXX input[type="time"]:focus,
.sp-legacy-inputsXX input[type="week"]:focus,
.sp-legacy-inputsXX input[type="number"]:focus,
.sp-legacy-inputsXX input[type="email"]:focus,
.sp-legacy-inputsXX input[type="url"]:focus,
.sp-legacy-inputsXX input[type="search"]:focus,
.sp-legacy-inputsXX input[type="tel"]:focus,
.sp-legacy-inputsXX input[type="color"]:focus,
.sp-legacy-inputsXX input[type="file"]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #30c5c5;
  outline: none;
}

.sp-legacy-inputsXX select[disabled],
.sp-legacy-inputsXX textarea[disabled],
.sp-legacy-inputsXX input[disabled],
.sp-legacy-inputsXX input[type="text"][disabled],
.sp-legacy-inputsXX input[type="password"][disabled],
.sp-legacy-inputsXX input[type="datetime"][disabled],
.sp-legacy-inputsXX input[type="datetime-local"][disabled],
.sp-legacy-inputsXX input[type="date"][disabled],
.sp-legacy-inputsXX input[type="month"][disabled],
.sp-legacy-inputsXX input[type="time"][disabled],
.sp-legacy-inputsXX input[type="week"][disabled],
.sp-legacy-inputsXX input[type="number"][disabled],
.sp-legacy-inputsXX input[type="email"][disabled],
.sp-legacy-inputsXX input[type="url"][disabled],
.sp-legacy-inputsXX input[type="search"][disabled],
.sp-legacy-inputsXX input[type="tel"][disabled],
.sp-legacy-inputsXX input[type="color"][disabled],
.sp-legacy-inputsXX input[type="file"][disabled] {
  cursor: default;
  opacity: 0.5;
  background-color: #ebebe4;
}

.sp-legacy-inputsXX select[disabled]:focus,
.sp-legacy-inputsXX textarea[disabled]:focus,
.sp-legacy-inputsXX input[disabled]:focus,
.sp-legacy-inputsXX input[type="text"][disabled]:focus,
.sp-legacy-inputsXX input[type="password"][disabled]:focus,
.sp-legacy-inputsXX input[type="datetime"][disabled]:focus,
.sp-legacy-inputsXX input[type="datetime-local"][disabled]:focus,
.sp-legacy-inputsXX input[type="date"][disabled]:focus,
.sp-legacy-inputsXX input[type="month"][disabled]:focus,
.sp-legacy-inputsXX input[type="time"][disabled]:focus,
.sp-legacy-inputsXX input[type="week"][disabled]:focus,
.sp-legacy-inputsXX input[type="number"][disabled]:focus,
.sp-legacy-inputsXX input[type="email"][disabled]:focus,
.sp-legacy-inputsXX input[type="url"][disabled]:focus,
.sp-legacy-inputsXX input[type="search"][disabled]:focus,
.sp-legacy-inputsXX input[type="tel"][disabled]:focus,
.sp-legacy-inputsXX input[type="color"][disabled]:focus,
.sp-legacy-inputsXX input[type="file"][disabled]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-legacy-inputsXX select[readonly],
.sp-legacy-inputsXX textarea[readonly],
.sp-legacy-inputsXX input[readonly],
.sp-legacy-inputsXX input[type="text"][readonly],
.sp-legacy-inputsXX input[type="password"][readonly],
.sp-legacy-inputsXX input[type="datetime"][readonly],
.sp-legacy-inputsXX input[type="datetime-local"][readonly],
.sp-legacy-inputsXX input[type="date"][readonly],
.sp-legacy-inputsXX input[type="month"][readonly],
.sp-legacy-inputsXX input[type="time"][readonly],
.sp-legacy-inputsXX input[type="week"][readonly],
.sp-legacy-inputsXX input[type="number"][readonly],
.sp-legacy-inputsXX input[type="email"][readonly],
.sp-legacy-inputsXX input[type="url"][readonly],
.sp-legacy-inputsXX input[type="search"][readonly],
.sp-legacy-inputsXX input[type="tel"][readonly],
.sp-legacy-inputsXX input[type="color"][readonly],
.sp-legacy-inputsXX input[type="file"][readonly] {
  border: 1px solid #d3d3d3;
}

.sp-legacy-inputsXX select[readonly]:focus,
.sp-legacy-inputsXX textarea[readonly]:focus,
.sp-legacy-inputsXX input[readonly]:focus,
.sp-legacy-inputsXX input[type="text"][readonly]:focus,
.sp-legacy-inputsXX input[type="password"][readonly]:focus,
.sp-legacy-inputsXX input[type="datetime"][readonly]:focus,
.sp-legacy-inputsXX input[type="datetime-local"][readonly]:focus,
.sp-legacy-inputsXX input[type="date"][readonly]:focus,
.sp-legacy-inputsXX input[type="month"][readonly]:focus,
.sp-legacy-inputsXX input[type="time"][readonly]:focus,
.sp-legacy-inputsXX input[type="week"][readonly]:focus,
.sp-legacy-inputsXX input[type="number"][readonly]:focus,
.sp-legacy-inputsXX input[type="email"][readonly]:focus,
.sp-legacy-inputsXX input[type="url"][readonly]:focus,
.sp-legacy-inputsXX input[type="search"][readonly]:focus,
.sp-legacy-inputsXX input[type="tel"][readonly]:focus,
.sp-legacy-inputsXX input[type="color"][readonly]:focus,
.sp-legacy-inputsXX input[type="file"][readonly]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-mobile-device .sp-legacy-inputsXX select,
.sp-mobile-device .sp-legacy-inputsXX textarea,
.sp-mobile-device .sp-legacy-inputsXX input,
.sp-mobile-device .sp-legacy-inputsXX input[type="text"],
.sp-mobile-device .sp-legacy-inputsXX input[type="password"],
.sp-mobile-device .sp-legacy-inputsXX input[type="datetime"],
.sp-mobile-device .sp-legacy-inputsXX input[type="datetime-local"],
.sp-mobile-device .sp-legacy-inputsXX input[type="date"],
.sp-mobile-device .sp-legacy-inputsXX input[type="month"],
.sp-mobile-device .sp-legacy-inputsXX input[type="time"],
.sp-mobile-device .sp-legacy-inputsXX input[type="week"],
.sp-mobile-device .sp-legacy-inputsXX input[type="number"],
.sp-mobile-device .sp-legacy-inputsXX input[type="email"],
.sp-mobile-device .sp-legacy-inputsXX input[type="url"],
.sp-mobile-device .sp-legacy-inputsXX input[type="search"],
.sp-mobile-device .sp-legacy-inputsXX input[type="tel"],
.sp-mobile-device .sp-legacy-inputsXX input[type="color"],
.sp-mobile-device .sp-legacy-inputsXX input[type="file"] {
  width: 100%;
  min-height: 40px;
  padding-left: 5px;
  border-radius: 6px;
  background-color: #fefefe;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  -webkit-appearance: none;
}

.sp-tablet-device .sp-legacy-inputsXX select,
.sp-tablet-device .sp-legacy-inputsXX textarea,
.sp-tablet-device .sp-legacy-inputsXX input,
.sp-tablet-device .sp-legacy-inputsXX input[type="text"],
.sp-tablet-device .sp-legacy-inputsXX input[type="password"],
.sp-tablet-device .sp-legacy-inputsXX input[type="datetime"],
.sp-tablet-device .sp-legacy-inputsXX input[type="datetime-local"],
.sp-tablet-device .sp-legacy-inputsXX input[type="date"],
.sp-tablet-device .sp-legacy-inputsXX input[type="month"],
.sp-tablet-device .sp-legacy-inputsXX input[type="time"],
.sp-tablet-device .sp-legacy-inputsXX input[type="week"],
.sp-tablet-device .sp-legacy-inputsXX input[type="number"],
.sp-tablet-device .sp-legacy-inputsXX input[type="email"],
.sp-tablet-device .sp-legacy-inputsXX input[type="url"],
.sp-tablet-device .sp-legacy-inputsXX input[type="search"],
.sp-tablet-device .sp-legacy-inputsXX input[type="tel"],
.sp-tablet-device .sp-legacy-inputsXX input[type="color"],
.sp-tablet-device .sp-legacy-inputsXX input[type="file"] {
  min-height: inherit;
  border-radius: 6px;
  min-height: 40px;
  background-color: #fefefe;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
  -webkit-appearance: none;
}

.sp-mobile-device .sp-legacy-inputsXX select {
  width: 100%;
  min-height: 40px;
  border-radius: 6px;
  background-color: #fefefe;
  -webkit-appearance: none;
  border: 1px solid #bbb;
  -webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.15) inset;
          box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.15) inset;
  background-color: inherit;
  padding-left: 5px;
}

.sp-tablet-device .sp-legacy-inputsXX select {
  width: 100%;
  min-height: 40px;
  background-color: #fefefe;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  -webkit-appearance: none;
  font-weight: lighter;
  -webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.15) inset;
          box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.15) inset;
  background-color: inherit;
  padding-left: 5px;
  border-radius: 6px;
}

.sp-legacy-inputsXX input[type="checkbox"],
.sp-legacy-inputsXX input[type="radio"] {
  padding: 0 0 0 2px;
  min-height: 27px;
  border: 1px solid #d3d3d3;
  border-radius: 2px;
  text-align: left;
  min-height: inherit;
  margin: 0;
  width: auto;
  min-height: 0;
  vertical-align: middle;
  margin-right: 3px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-legacy-inputsXX input[type="checkbox"]:focus,
.sp-legacy-inputsXX input[type="radio"]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #30c5c5;
  outline: none;
}

.sp-legacy-inputsXX input[type="checkbox"][disabled],
.sp-legacy-inputsXX input[type="radio"][disabled] {
  cursor: default;
  opacity: 0.5;
  background-color: #ebebe4;
}

.sp-legacy-inputsXX input[type="checkbox"][disabled]:focus,
.sp-legacy-inputsXX input[type="radio"][disabled]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-legacy-inputsXX input[type="checkbox"][readonly],
.sp-legacy-inputsXX input[type="radio"][readonly] {
  border: 1px solid #d3d3d3;
}

.sp-legacy-inputsXX input[type="checkbox"][readonly]:focus,
.sp-legacy-inputsXX input[type="radio"][readonly]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-legacy-inputsXX input[type="checkbox"]:focus,
.sp-legacy-inputsXX input[type="radio"]:focus {
  outline-offset: -2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 1px solid #30c5c5;
}

.sp-legacy-inputsXX input[type="checkbox"][disabled],
.sp-legacy-inputsXX input[type="radio"][disabled] {
  opacity: 1;
}

.sp-tablet-device .sp-legacy-inputsXX input[type="checkbox"],
.sp-tablet-device .sp-legacy-inputsXX input[type="radio"],
.sp-mobile-device .sp-legacy-inputsXX input[type="checkbox"],
.sp-mobile-device .sp-legacy-inputsXX input[type="radio"] {
  width: 25px;
  height: 25px;
  min-height: inherit !important;
  -webkit-appearance: checkbox;
  -webkit-box-shadow: none;
          box-shadow: none;
  vertical-align: middle;
}

.sp-tablet-device .sp-legacy-inputsXX input[type="checkbox"]:focus,
.sp-tablet-device .sp-legacy-inputsXX input[type="radio"]:focus,
.sp-mobile-device .sp-legacy-inputsXX input[type="checkbox"]:focus,
.sp-mobile-device .sp-legacy-inputsXX input[type="radio"]:focus {
  outline: none;
}

.sp-legacy-inputsXX input[disabled],
.sp-legacy-inputsXX select[disabled],
.sp-legacy-inputsXX textarea[disabled] {
  cursor: default;
  opacity: 0.5;
  background-color: #ebebe4;
}

.sp-legacy-inputsXX input[disabled]:focus,
.sp-legacy-inputsXX select[disabled]:focus,
.sp-legacy-inputsXX textarea[disabled]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-legacy-inputsXX input[type="checkbox"][disabled],
.sp-legacy-inputsXX input[type="radio"][disabled] {
  opacity: 1;
}

.sp-legacy-inputsXX input[readonly],
.sp-legacy-inputsXX select[readonly] {
  border: 1px solid #d3d3d3;
}

.sp-legacy-inputsXX input[readonly]:focus,
.sp-legacy-inputsXX select[readonly]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-legacy-inputsXX textarea[readonly] {
  border: none;
  background-color: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-legacy-inputsXX textarea[readonly]:focus {
  outline: none;
  border: none;
  background-color: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-legacy-inputsXX select:focus,
.sp-legacy-inputsXX input:focus,
.sp-legacy-inputsXX textarea:focus,
.sp-legacy-inputsXX input[type="text"]:focus,
.sp-legacy-inputsXX input[type="password"]:focus,
.sp-legacy-inputsXX input[type="datetime"]:focus,
.sp-legacy-inputsXX input[type="datetime-local"]:focus,
.sp-legacy-inputsXX input[type="date"]:focus,
.sp-legacy-inputsXX input[type="month"]:focus,
.sp-legacy-inputsXX input[type="time"]:focus,
.sp-legacy-inputsXX input[type="week"]:focus,
.sp-legacy-inputsXX input[type="number"]:focus,
.sp-legacy-inputsXX input[type="email"]:focus,
.sp-legacy-inputsXX input[type="url"]:focus,
.sp-legacy-inputsXX input[type="search"]:focus,
.sp-legacy-inputsXX input[type="tel"]:focus,
.sp-legacy-inputsXX input[type="color"]:focus,
.sp-legacy-inputsXX input[type="file"]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #30c5c5;
  outline: none;
}

.sp-legacy-inputsXX input[type="radio"]:focus,
.sp-legacy-inputsXX input[type="checkbox"]:focus {
  outline-offset: -2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 1px solid #30c5c5;
}

.sp-legacy-inputsXX label {
  font-weight: normal;
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 3px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}

.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}

.btn-default .badge {
  color: #fff;
  background-color: #fff;
}

.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}

.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512;
}

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #39b3d7;
  border-color: #269abc;
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-link {
  color: #428bca;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #999999;
  text-decoration: none;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.btn {
  padding: 3px 12px;
  font-size: 12px;
  line-height: 1em;
  cursor: pointer;
  background-color: #414141;
  color: #ededed;
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  border: 1px solid #3c3c3c;
  border-bottom-color: #343434;
  border-radius: 3px;
}

.btn:hover,
.btn:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.btn:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn.disabled img,
.btn[disabled] img {
  opacity: 0.4;
}

.sp-mobile-device .btn,
.sp-tablet-device .btn {
  min-height: 40px;
  min-width: 40px;
  font-size: initial;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('assets/fonts/glyphicons-halflings-regular.eot');

  src: url('assets/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('assets/fonts/glyphicons-halflings-regular.woff') format('woff'), url('assets/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('assets/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon:empty {
  width: 1em;
}

.glyphicon-asterisk:before {
  content: "\2a";
}

.glyphicon-plus:before {
  content: "\2b";
}

.glyphicon-euro:before {
  content: "\20ac";
}

.glyphicon-minus:before {
  content: "\2212";
}

.glyphicon-cloud:before {
  content: "\2601";
}

.glyphicon-envelope:before {
  content: "\2709";
}

.glyphicon-pencil:before {
  content: "\270f";
}

.glyphicon-glass:before {
  content: "\e001";
}

.glyphicon-music:before {
  content: "\e002";
}

.glyphicon-search:before {
  content: "\e003";
}

.glyphicon-heart:before {
  content: "\e005";
}

.glyphicon-star:before {
  content: "\e006";
}

.glyphicon-star-empty:before {
  content: "\e007";
}

.glyphicon-user:before {
  content: "\e008";
}

.glyphicon-film:before {
  content: "\e009";
}

.glyphicon-th-large:before {
  content: "\e010";
}

.glyphicon-th:before {
  content: "\e011";
}

.glyphicon-th-list:before {
  content: "\e012";
}

.glyphicon-ok:before {
  content: "\e013";
}

.glyphicon-remove:before {
  content: "\e014";
}

.glyphicon-zoom-in:before {
  content: "\e015";
}

.glyphicon-zoom-out:before {
  content: "\e016";
}

.glyphicon-off:before {
  content: "\e017";
}

.glyphicon-signal:before {
  content: "\e018";
}

.glyphicon-cog:before {
  content: "\e019";
}

.glyphicon-trash:before {
  content: "\e020";
}

.glyphicon-home:before {
  content: "\e021";
}

.glyphicon-file:before {
  content: "\e022";
}

.glyphicon-time:before {
  content: "\e023";
}

.glyphicon-road:before {
  content: "\e024";
}

.glyphicon-download-alt:before {
  content: "\e025";
}

.glyphicon-download:before {
  content: "\e026";
}

.glyphicon-upload:before {
  content: "\e027";
}

.glyphicon-inbox:before {
  content: "\e028";
}

.glyphicon-play-circle:before {
  content: "\e029";
}

.glyphicon-repeat:before {
  content: "\e030";
}

.glyphicon-refresh:before {
  content: "\e031";
}

.glyphicon-list-alt:before {
  content: "\e032";
}

.glyphicon-lock:before {
  content: "\e033";
}

.glyphicon-flag:before {
  content: "\e034";
}

.glyphicon-headphones:before {
  content: "\e035";
}

.glyphicon-volume-off:before {
  content: "\e036";
}

.glyphicon-volume-down:before {
  content: "\e037";
}

.glyphicon-volume-up:before {
  content: "\e038";
}

.glyphicon-qrcode:before {
  content: "\e039";
}

.glyphicon-barcode:before {
  content: "\e040";
}

.glyphicon-tag:before {
  content: "\e041";
}

.glyphicon-tags:before {
  content: "\e042";
}

.glyphicon-book:before {
  content: "\e043";
}

.glyphicon-bookmark:before {
  content: "\e044";
}

.glyphicon-print:before {
  content: "\e045";
}

.glyphicon-camera:before {
  content: "\e046";
}

.glyphicon-font:before {
  content: "\e047";
}

.glyphicon-bold:before {
  content: "\e048";
}

.glyphicon-italic:before {
  content: "\e049";
}

.glyphicon-text-height:before {
  content: "\e050";
}

.glyphicon-text-width:before {
  content: "\e051";
}

.glyphicon-align-left:before {
  content: "\e052";
}

.glyphicon-align-center:before {
  content: "\e053";
}

.glyphicon-align-right:before {
  content: "\e054";
}

.glyphicon-align-justify:before {
  content: "\e055";
}

.glyphicon-list:before {
  content: "\e056";
}

.glyphicon-indent-left:before {
  content: "\e057";
}

.glyphicon-indent-right:before {
  content: "\e058";
}

.glyphicon-facetime-video:before {
  content: "\e059";
}

.glyphicon-picture:before {
  content: "\e060";
}

.glyphicon-map-marker:before {
  content: "\e062";
}

.glyphicon-adjust:before {
  content: "\e063";
}

.glyphicon-tint:before {
  content: "\e064";
}

.glyphicon-edit:before {
  content: "\e065";
}

.glyphicon-share:before {
  content: "\e066";
}

.glyphicon-check:before {
  content: "\e067";
}

.glyphicon-move:before {
  content: "\e068";
}

.glyphicon-step-backward:before {
  content: "\e069";
}

.glyphicon-fast-backward:before {
  content: "\e070";
}

.glyphicon-backward:before {
  content: "\e071";
}

.glyphicon-play:before {
  content: "\e072";
}

.glyphicon-pause:before {
  content: "\e073";
}

.glyphicon-stop:before {
  content: "\e074";
}

.glyphicon-forward:before {
  content: "\e075";
}

.glyphicon-fast-forward:before {
  content: "\e076";
}

.glyphicon-step-forward:before {
  content: "\e077";
}

.glyphicon-eject:before {
  content: "\e078";
}

.glyphicon-chevron-left:before {
  content: "\e079";
}

.glyphicon-chevron-right:before {
  content: "\e080";
}

.glyphicon-plus-sign:before {
  content: "\e081";
}

.glyphicon-minus-sign:before {
  content: "\e082";
}

.glyphicon-remove-sign:before {
  content: "\e083";
}

.glyphicon-ok-sign:before {
  content: "\e084";
}

.glyphicon-question-sign:before {
  content: "\e085";
}

.glyphicon-info-sign:before {
  content: "\e086";
}

.glyphicon-screenshot:before {
  content: "\e087";
}

.glyphicon-remove-circle:before {
  content: "\e088";
}

.glyphicon-ok-circle:before {
  content: "\e089";
}

.glyphicon-ban-circle:before {
  content: "\e090";
}

.glyphicon-arrow-left:before {
  content: "\e091";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

.glyphicon-arrow-up:before {
  content: "\e093";
}

.glyphicon-arrow-down:before {
  content: "\e094";
}

.glyphicon-share-alt:before {
  content: "\e095";
}

.glyphicon-resize-full:before {
  content: "\e096";
}

.glyphicon-resize-small:before {
  content: "\e097";
}

.glyphicon-exclamation-sign:before {
  content: "\e101";
}

.glyphicon-gift:before {
  content: "\e102";
}

.glyphicon-leaf:before {
  content: "\e103";
}

.glyphicon-fire:before {
  content: "\e104";
}

.glyphicon-eye-open:before {
  content: "\e105";
}

.glyphicon-eye-close:before {
  content: "\e106";
}

.glyphicon-warning-sign:before {
  content: "\e107";
}

.glyphicon-plane:before {
  content: "\e108";
}

.glyphicon-calendar:before {
  content: "\e109";
}

.glyphicon-random:before {
  content: "\e110";
}

.glyphicon-comment:before {
  content: "\e111";
}

.glyphicon-magnet:before {
  content: "\e112";
}

.glyphicon-chevron-up:before {
  content: "\e113";
}

.glyphicon-chevron-down:before {
  content: "\e114";
}

.glyphicon-retweet:before {
  content: "\e115";
}

.glyphicon-shopping-cart:before {
  content: "\e116";
}

.glyphicon-folder-close:before {
  content: "\e117";
}

.glyphicon-folder-open:before {
  content: "\e118";
}

.glyphicon-resize-vertical:before {
  content: "\e119";
}

.glyphicon-resize-horizontal:before {
  content: "\e120";
}

.glyphicon-hdd:before {
  content: "\e121";
}

.glyphicon-bullhorn:before {
  content: "\e122";
}

.glyphicon-bell:before {
  content: "\e123";
}

.glyphicon-certificate:before {
  content: "\e124";
}

.glyphicon-thumbs-up:before {
  content: "\e125";
}

.glyphicon-thumbs-down:before {
  content: "\e126";
}

.glyphicon-hand-right:before {
  content: "\e127";
}

.glyphicon-hand-left:before {
  content: "\e128";
}

.glyphicon-hand-up:before {
  content: "\e129";
}

.glyphicon-hand-down:before {
  content: "\e130";
}

.glyphicon-circle-arrow-right:before {
  content: "\e131";
}

.glyphicon-circle-arrow-left:before {
  content: "\e132";
}

.glyphicon-circle-arrow-up:before {
  content: "\e133";
}

.glyphicon-circle-arrow-down:before {
  content: "\e134";
}

.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-wrench:before {
  content: "\e136";
}

.glyphicon-tasks:before {
  content: "\e137";
}

.glyphicon-filter:before {
  content: "\e138";
}

.glyphicon-briefcase:before {
  content: "\e139";
}

.glyphicon-fullscreen:before {
  content: "\e140";
}

.glyphicon-dashboard:before {
  content: "\e141";
}

.glyphicon-paperclip:before {
  content: "\e142";
}

.glyphicon-heart-empty:before {
  content: "\e143";
}

.glyphicon-link:before {
  content: "\e144";
}

.glyphicon-phone:before {
  content: "\e145";
}

.glyphicon-pushpin:before {
  content: "\e146";
}

.glyphicon-usd:before {
  content: "\e148";
}

.glyphicon-gbp:before {
  content: "\e149";
}

.glyphicon-sort:before {
  content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

.glyphicon-sort-by-order:before {
  content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

.glyphicon-sort-by-attributes:before {
  content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

.glyphicon-unchecked:before {
  content: "\e157";
}

.glyphicon-expand:before {
  content: "\e158";
}

.glyphicon-collapse-down:before {
  content: "\e159";
}

.glyphicon-collapse-up:before {
  content: "\e160";
}

.glyphicon-log-in:before {
  content: "\e161";
}

.glyphicon-flash:before {
  content: "\e162";
}

.glyphicon-log-out:before {
  content: "\e163";
}

.glyphicon-new-window:before {
  content: "\e164";
}

.glyphicon-record:before {
  content: "\e165";
}

.glyphicon-save:before {
  content: "\e166";
}

.glyphicon-open:before {
  content: "\e167";
}

.glyphicon-saved:before {
  content: "\e168";
}

.glyphicon-import:before {
  content: "\e169";
}

.glyphicon-export:before {
  content: "\e170";
}

.glyphicon-send:before {
  content: "\e171";
}

.glyphicon-floppy-disk:before {
  content: "\e172";
}

.glyphicon-floppy-saved:before {
  content: "\e173";
}

.glyphicon-floppy-remove:before {
  content: "\e174";
}

.glyphicon-floppy-save:before {
  content: "\e175";
}

.glyphicon-floppy-open:before {
  content: "\e176";
}

.glyphicon-credit-card:before {
  content: "\e177";
}

.glyphicon-transfer:before {
  content: "\e178";
}

.glyphicon-cutlery:before {
  content: "\e179";
}

.glyphicon-header:before {
  content: "\e180";
}

.glyphicon-compressed:before {
  content: "\e181";
}

.glyphicon-earphone:before {
  content: "\e182";
}

.glyphicon-phone-alt:before {
  content: "\e183";
}

.glyphicon-tower:before {
  content: "\e184";
}

.glyphicon-stats:before {
  content: "\e185";
}

.glyphicon-sd-video:before {
  content: "\e186";
}

.glyphicon-hd-video:before {
  content: "\e187";
}

.glyphicon-subtitles:before {
  content: "\e188";
}

.glyphicon-sound-stereo:before {
  content: "\e189";
}

.glyphicon-sound-dolby:before {
  content: "\e190";
}

.glyphicon-sound-5-1:before {
  content: "\e191";
}

.glyphicon-sound-6-1:before {
  content: "\e192";
}

.glyphicon-sound-7-1:before {
  content: "\e193";
}

.glyphicon-copyright-mark:before {
  content: "\e194";
}

.glyphicon-registration-mark:before {
  content: "\e195";
}

.glyphicon-cloud-download:before {
  content: "\e197";
}

.glyphicon-cloud-upload:before {
  content: "\e198";
}

.glyphicon-tree-conifer:before {
  content: "\e199";
}

.glyphicon-tree-deciduous:before {
  content: "\e200";
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #999999;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
  outline: none;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar:before,
.btn-toolbar:after {
  content: " ";
  display: table;
}

.btn-toolbar:after {
  clear: both;
}

.btn-toolbar:before,
.btn-toolbar:after {
  content: " ";
  display: table;
}

.btn-toolbar:after {
  clear: both;
}

.btn-toolbar .btn-group {
  float: left;
}

.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group,
.btn-toolbar > .btn-group + .btn-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
}

.btn-group-vertical > .btn-group:after {
  clear: both;
}

.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
}

.btn-group-vertical > .btn-group:after {
  clear: both;
}

.btn-group-vertical > .btn-group > .btn {
  float: none;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child > .btn:last-child,
.btn-group-vertical > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}

.btn-group-justified > .btn-group .btn {
  width: 100%;
}

[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  display: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}

.input-group .form-control {
  width: 100%;
  margin-bottom: 0;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}

textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn {
  height: auto;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}

textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn {
  height: auto;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 3px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}

.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  white-space: nowrap;
}

.input-group-btn:first-child > .btn {
  margin-right: -1px;
}

.input-group-btn:last-child > .btn {
  margin-left: -1px;
}

.input-group-btn > .btn {
  position: relative;
}

.input-group-btn > .btn + .btn {
  margin-left: -4px;
}

.input-group-btn > .btn:hover,
.input-group-btn > .btn:active {
  z-index: 2;
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.nav:before,
.nav:after {
  content: " ";
  display: table;
}

.nav:after {
  clear: both;
}

.nav:before,
.nav:after {
  content: " ";
  display: table;
}

.nav:after {
  clear: both;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav > li.disabled > a {
  color: #999999;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #428bca;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}

.nav-tabs.nav-justified > li {
  float: none;
}

.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }

  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }

  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.nav-pills > li {
  float: left;
}

.nav-pills > li > a {
  border-radius: 4px;
}

.nav-pills > li + li {
  margin-left: 2px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #428bca;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified {
  width: 100%;
}

.nav-justified > li {
  float: none;
}

.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }

  .nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified {
  border-bottom: 0;
}

.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}

@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }

  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

.navbar:before,
.navbar:after {
  content: " ";
  display: table;
}

.navbar:after {
  clear: both;
}

.navbar:before,
.navbar:after {
  content: " ";
  display: table;
}

.navbar:after {
  clear: both;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}

.navbar-header:before,
.navbar-header:after {
  content: " ";
  display: table;
}

.navbar-header:after {
  clear: both;
}

.navbar-header:before,
.navbar-header:after {
  content: " ";
  display: table;
}

.navbar-header:after {
  clear: both;
}

@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  max-height: 340px;
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

.navbar-collapse:before,
.navbar-collapse:after {
  content: " ";
  display: table;
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse:before,
.navbar-collapse:after {
  content: " ";
  display: table;
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }

  .navbar-collapse.in {
    overflow-y: visible;
  }

  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}

.container > .navbar-header,
.container > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 768px) {
  .container > .navbar-header,
  .container > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}

@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand {
    margin-left: -15px;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-nav {
  margin: 7.5px -15px;
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }

  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }

  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }

  .navbar-nav > li {
    float: left;
  }

  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }

  .navbar-right {
    float: right !important;
  }
}

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 11px;
  margin-bottom: 11px;
}

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .form-control {
    display: inline-block;
  }

  .navbar-form select.form-control {
    width: auto;
  }

  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
  }

  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}

@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .navbar-form.navbar-right:last-child {
    margin-right: -15px;
  }
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-nav.pull-right > li > .dropdown-menu,
.navbar-nav > li > .dropdown-menu.pull-right {
  left: auto;
  right: 0;
}

.navbar-btn {
  margin-top: 11px;
  margin-bottom: 11px;
}

.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}

.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }

  .navbar-text.navbar-right:last-child {
    margin-right: 0;
  }
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
  color: #777;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}

.navbar-default .navbar-text {
  color: #777;
}

.navbar-default .navbar-nav > li > a {
  color: #777;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border-color: #ddd;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #ccc;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}

.navbar-default .navbar-link {
  color: #777;
}

.navbar-default .navbar-link:hover {
  color: #333;
}

.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}

.navbar-inverse .navbar-brand {
  color: #999999;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-text {
  color: #999999;
}

.navbar-inverse .navbar-nav > li > a {
  color: #999999;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
  border-color: #333;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #fff;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #999999;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}

.navbar-inverse .navbar-link {
  color: #999999;
}

.navbar-inverse .navbar-link:hover {
  color: #fff;
}

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}

.label[href]:hover,
.label[href]:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label:empty {
  display: none;
}

.btn .label {
  position: relative;
  top: -1px;
}

.label-default {
  background-color: #999999;
}

.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #808080;
}

.label-primary {
  background-color: #428bca;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #3071a9;
}

.label-success {
  background-color: #5cb85c;
}

.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}

.label-info {
  background-color: #5bc0de;
}

.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #f0ad4e;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}

.label-danger {
  background-color: #d9534f;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #999999;
  border-radius: 10px;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #428bca;
  background-color: #fff;
}

.nav-pills > li > a > .badge {
  margin-left: 3px;
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.thumbnail > img,
.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #428bca;
}

.thumbnail .caption {
  padding: 9px;
  color: #333333;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable {
  padding-right: 35px;
}

.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress-striped .progress-bar {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}

.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
  background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}

.media,
.media .media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media-object {
  display: block;
}

.media-heading {
  margin: 0 0 5px;
}

.media > .pull-left {
  margin-right: 10px;
}

.media > .pull-right {
  margin-left: 10px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.list-group-item > .badge {
  float: right;
}

.list-group-item > .badge + .badge {
  margin-right: 5px;
}

a.list-group-item {
  color: #555;
}

a.list-group-item .list-group-item-heading {
  color: #333;
}

a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}

a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}

a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}

.panel-body:before,
.panel-body:after {
  content: " ";
  display: table;
}

.panel-body:after {
  clear: both;
}

.panel-body:before,
.panel-body:after {
  content: " ";
  display: table;
}

.panel-body:after {
  clear: both;
}

.panel > .list-group {
  margin-bottom: 0;
}

.panel > .list-group .list-group-item {
  border-width: 1px 0;
}

.panel > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel > .list-group .list-group-item:last-child {
  border-bottom: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table {
  margin-bottom: 0;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #ddd;
}

.panel > .table > tbody:first-child th,
.panel > .table > tbody:first-child td {
  border-top: 0;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}

.panel > .table-bordered > thead > tr:last-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > th,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-bordered > thead > tr:last-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0;
}

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.panel-title > a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
  overflow: hidden;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid #ddd;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}

.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ddd;
}

.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #428bca;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}

.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #428bca;
}

.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #428bca;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6;
}

.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #faebcc;
}

.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ebccd1;
}

.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ebccd1;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1;
}

.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-dialog {
  position: relative;
  width: auto;
  z-index: 1050;
}

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none;
}

.sp-mobile-device .modal-content {
  border-radius: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #f5f5f5;
  min-height: 16.42857143px;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.modal-body {
  position: relative;
  padding: 20px;
}

.modal-footer {
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right;
  border-top: 1px solid #ddd;
}

.sp-mobile-device .modal-footer {
  border-radius: 0;
}

.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}

.modal-footer:after {
  clear: both;
}

.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

@media screen and (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}

.sp-mobile-modal {
  overflow-y: hidden;
}

.sp-modal-content {
  position: relative;
  background-color: #fff;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none;
  color: #555;
}

.sp-modal-header {
  background-color: #f7f7f7;
  padding: 15px;
  min-height: 16.42857143px;
  padding: 15px 15px 10px;
  border-radius: 0;
  border-bottom: none;
  color: #000;
}

.sp-modal-header h6 {
  margin: 0;
  padding: 0;
  font-size: 1.4em;
  text-shadow: none;
  text-align: left;
  font-weight: normal;
  display: inline-block;
}

.sp-mobile-device .sp-modal-header h6,
.sp-tablet-device .sp-modal-header h6 {
  font-weight: lighter;
}

.sp-modal-header h5 {
  margin-left: 5px;
  opacity: 0.8;
  padding: 0;
  font-size: 1.1em;
  text-shadow: none;
  color: white;
  text-align: left;
  font-weight: lighter;
  display: inline-block;
}

.sp-modal-header h7 {
  margin-left: 5px;
  opacity: 0.8;
  padding: 0;
  font-size: 1.1em;
  text-shadow: none;
  text-align: left;
  font-weight: lighter;
  display: inline-block;
}

.sp-modal-body {
  position: relative;
  padding: 10px 15px;
  overflow-y: auto;
  vertical-align: middle;
  width: 100%;
}

.sp-model-body-report-action-button {
  left: 18px;
  margin: 0;
}

.sp-modal-label {
  text-align: left;
  min-width: 140px;
  vertical-align: top;
  margin-bottom: 0;
  min-height: 22px;
}

.sp-modal-select {
  height: inherit;
  padding: 0 0 0 2px;
  width: 100%;
}

.sp-modal-option {
  text-align: left;
  padding-left: 6px;
  margin: 5px 0 0;
  font-size: 0.85em;
  color: #7b878f;
  text-decoration: none;
  text-transform: uppercase;
  background-color: transparent;
  border: none;
  border-radius: 0;
  border-top: 1px solid #ccc;
  margin-left: -15px;
  padding-left: 15px;
}

.sp-modal-option:hover {
  background-color: #ededed;
  -webkit-box-shadow: inherit;
          box-shadow: inherit;
}

.sp-modal-option img {
  opacity: 0.65;
  margin-top: -2px;
}

.sp-modal-tabarea {
  padding: 0;
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
}

.sp-modal-tab-container {
  padding: 0 3px;
  display: table;
  vertical-align: middle;
  width: 100%;
}

.sp-modal-tab-container div {
  vertical-align: middle;
}

.sp-modal-tab-container label {
  vertical-align: top;
}

.sp-modal-nav-tabs {
  margin: 0;
  margin-top: 5px;
  cursor: pointer;
  border-bottom: 1px solid #bbb;
  margin-bottom: 5px;
}

.sp-modal-nav-tabs li a {
  padding: 3px 12px 2px;
  background-color: #ddd;
  color: #666;
  border: none;
}

.sp-modal-nav-tabs .active a {
  padding-bottom: 3px;
  background: #404040;
  color: white;
}

.sp-modal-nav-tabs .active a:hover,
.sp-modal-nav-tabs .active a:focus {
  border: none;
  background: #272727;
  color: white;
}

.sp-modal-footer {
  padding: 10px;
  display: block;
  margin-top: 0;
  text-align: right;
  background-color: #ddd;
  border-top: none;
  border-radius: 0;
}

.sp-modal-footer:before,
.sp-modal-footer:after {
  content: " ";
  display: table;
}

.sp-modal-footer:after {
  clear: both;
}

.sp-modal-footer:before,
.sp-modal-footer:after {
  content: " ";
  display: table;
}

.sp-modal-footer:after {
  clear: both;
}

.sp-mobile-device .modal {
  overflow-y: hidden;
}

.modal-content {
  position: relative;
  background-color: #fff;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none;
  color: #555;
}

.modal-header {
  background-color: #f7f7f7;
  padding: 15px;
  min-height: 16.42857143px;
  padding: 15px 15px 10px;
  border-radius: 0;
  border-bottom: none;
  color: #000;
}

.modal-header h6 {
  margin: 0;
  padding: 0;
  font-size: 1.4em;
  text-shadow: none;
  text-align: left;
  font-weight: normal;
  display: inline-block;
}

.sp-mobile-device .modal-header h6,
.sp-tablet-device .modal-header h6 {
  font-weight: lighter;
}

.modal-header h5 {
  margin-left: 5px;
  opacity: 0.8;
  padding: 0;
  font-size: 1.1em;
  text-shadow: none;
  color: white;
  text-align: left;
  font-weight: lighter;
  display: inline-block;
}

.modal-header h7 {
  margin-left: 5px;
  opacity: 0.8;
  padding: 0;
  font-size: 1.1em;
  text-shadow: none;
  text-align: left;
  font-weight: lighter;
  display: inline-block;
}

.modal-body {
  position: relative;
  padding: 10px 15px;
  overflow-y: auto;
  vertical-align: middle;
  width: 100%;
}

.sp-mobile-device .modal-body,
.sp-tablet-device .modal-body {
  padding: 0;
}

.modal-body label {
  text-align: left;
  min-width: 140px;
  vertical-align: top;
  margin-bottom: 0;
  min-height: 22px;
}

.modal-body select {
  height: inherit;
  padding: 0 0 0 2px;
  width: 100%;
}

.modal-body .spreport-view .headerPanel button[name="actionButton"] {
  left: 18px;
  margin: 0;
}

.modal-body .option {
  text-align: left;
  padding-left: 6px;
  margin: 5px 0 0;
  font-size: 0.85em;
  color: #7b878f;
  text-decoration: none;
  text-transform: uppercase;
  background-color: transparent;
  border: none;
  border-radius: 0;
  border-top: 1px solid #ccc;
  margin-left: -15px;
  padding-left: 15px;
}

.modal-body .option:hover {
  background-color: #ededed;
  -webkit-box-shadow: inherit;
          box-shadow: inherit;
}

.modal-body .option img {
  opacity: 0.65;
  margin-top: -2px;
}

.modal-body .tabarea {
  padding: 0;
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
}

.modal-body .tabarea .tab-container {
  padding: 0 3px;
  display: table;
  vertical-align: middle;
  width: 100%;
}

.modal-body .tabarea .tab-container div {
  vertical-align: middle;
}

.modal-body .tabarea .tab-container label {
  vertical-align: top;
}

.modal-body .tabarea .tab-container input[type="text"] {
  background-color: #fff;
  width: 100%;
}

.modal-body .tabarea .tab-container textarea {
  background-color: #fff;
}

.modal-body .tabarea .tab-container input[type="checkbox"] {
  margin: 0;
}

.modal-body .tabarea .tab-container table {
  width: 100%;
}

.modal-body .nav-tabs {
  margin: 0;
  margin-top: 5px;
  cursor: pointer;
  border-bottom: 1px solid #bbb;
  margin-bottom: 5px;
}

.modal-body .nav-tabs li a {
  padding: 3px 12px 2px;
  background-color: #ddd;
  color: #666;
  border: none;
}

.modal-body .nav-tabs .active a {
  padding-bottom: 3px;
  background: #404040;
  color: white;
}

.modal-body .nav-tabs .active a:hover,
.modal-body .nav-tabs .active a:focus {
  border: none;
  background: #272727;
  color: white;
}

.modal-body .table {
  width: 100%;
  display: table;
}

.modal-body .row {
  width: 100%;
  display: table-row;
  margin: 0;
}

.modal-body .cell {
  display: table-cell;
  padding-bottom: 1em;
  padding-right: 1em;
}

.modal-body .cell:first-child {
  width: 140px;
}

.modal-footer {
  padding: 10px;
  display: block;
  margin-top: 0;
  text-align: right;
  background-color: #ddd;
  border-top: none;
  border-radius: 0;
}

.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}

.modal-footer:after {
  clear: both;
}

.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}

.modal-footer:after {
  clear: both;
}

.modal-footer button {
  min-height: 26px;
  min-width: 65px;
}

.modal-footer .btn + .btn {
  margin-left: 3px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-footer .btn.btn-danger,
.modal-footer .btn.btn-success {
  color: white;
}

.sp-mobile-device,
.sp-tablet-device {
  /* stretch the modal to fill full screen. need to set both 'modal-dialog' and 'modal-content' to make it work */
  /* stretch the modal to fill full screen. need to set both 'modal-dialog' and 'modal-content' to make it work */
}

.sp-mobile-device .modal-dialog,
.sp-tablet-device .modal-dialog {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100% !important;
  margin: 0 !important;
}

.sp-mobile-device .modal-content,
.sp-tablet-device .modal-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.sp-mobile-device .modal-header,
.sp-tablet-device .modal-header {
  position: relative;
  height: 50px;
}

.sp-mobile-device .modal-body,
.sp-tablet-device .modal-body {
  position: absolute;
  top: 50px;
  bottom: 60px;
  left: 0;
  right: 0;
  padding: 10px 15px;
}

.sp-mobile-device .modal-body .edit-form-control-container,
.sp-tablet-device .modal-body .edit-form-control-container {
  display: block;
  width: 100%;
}

.sp-mobile-device .modal-body .edit-form-control-container .edit-form-title,
.sp-tablet-device .modal-body .edit-form-control-container .edit-form-title {
  width: 100%;
  display: block;
}

.sp-mobile-device .modal-body .edit-form-control-container .edit-form-value,
.sp-tablet-device .modal-body .edit-form-control-container .edit-form-value {
  display: block;
}

.sp-mobile-device .modal-footer,
.sp-tablet-device .modal-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.sp-mobile-device .modal-footer button.btn,
.sp-tablet-device .modal-footer button.btn {
  width: calc(50% - 4px);
  height: 38px;
}

.sp-tablet-device .modal-footer button.btn {
  width: auto;
  height: 38px;
}

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #666;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #666;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #666;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #666;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #666;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #666;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #666;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #666;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow {
  border-width: 11px;
}

.popover .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}

.popover.top .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}

.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}

.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}

.popover.bottom .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}

.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-control.left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.carousel-control:hover,
.carousel-control:focus {
  outline: none;
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}

.carousel-control .icon-prev:before {
  content: '\2039';
}

.carousel-control .icon-next:before {
  content: '\203a';
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}

.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicons-chevron-left,
  .carousel-control .glyphicons-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
  }

  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }

  .carousel-indicators {
    bottom: 20px;
  }
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

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

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}

.visible-xs,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-xs.visible-sm {
    display: block !important;
  }

  table.visible-xs.visible-sm {
    display: table;
  }

  tr.visible-xs.visible-sm {
    display: table-row !important;
  }

  th.visible-xs.visible-sm,
  td.visible-xs.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-xs.visible-md {
    display: block !important;
  }

  table.visible-xs.visible-md {
    display: table;
  }

  tr.visible-xs.visible-md {
    display: table-row !important;
  }

  th.visible-xs.visible-md,
  td.visible-xs.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-xs.visible-lg {
    display: block !important;
  }

  table.visible-xs.visible-lg {
    display: table;
  }

  tr.visible-xs.visible-lg {
    display: table-row !important;
  }

  th.visible-xs.visible-lg,
  td.visible-xs.visible-lg {
    display: table-cell !important;
  }
}

.visible-sm,
tr.visible-sm,
th.visible-sm,
td.visible-sm {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-sm.visible-xs {
    display: block !important;
  }

  table.visible-sm.visible-xs {
    display: table;
  }

  tr.visible-sm.visible-xs {
    display: table-row !important;
  }

  th.visible-sm.visible-xs,
  td.visible-sm.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-sm.visible-md {
    display: block !important;
  }

  table.visible-sm.visible-md {
    display: table;
  }

  tr.visible-sm.visible-md {
    display: table-row !important;
  }

  th.visible-sm.visible-md,
  td.visible-sm.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-sm.visible-lg {
    display: block !important;
  }

  table.visible-sm.visible-lg {
    display: table;
  }

  tr.visible-sm.visible-lg {
    display: table-row !important;
  }

  th.visible-sm.visible-lg,
  td.visible-sm.visible-lg {
    display: table-cell !important;
  }
}

.visible-md,
tr.visible-md,
th.visible-md,
td.visible-md {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-md.visible-xs {
    display: block !important;
  }

  table.visible-md.visible-xs {
    display: table;
  }

  tr.visible-md.visible-xs {
    display: table-row !important;
  }

  th.visible-md.visible-xs,
  td.visible-md.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-md.visible-sm {
    display: block !important;
  }

  table.visible-md.visible-sm {
    display: table;
  }

  tr.visible-md.visible-sm {
    display: table-row !important;
  }

  th.visible-md.visible-sm,
  td.visible-md.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-md.visible-lg {
    display: block !important;
  }

  table.visible-md.visible-lg {
    display: table;
  }

  tr.visible-md.visible-lg {
    display: table-row !important;
  }

  th.visible-md.visible-lg,
  td.visible-md.visible-lg {
    display: table-cell !important;
  }
}

.visible-lg,
tr.visible-lg,
th.visible-lg,
td.visible-lg {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-lg.visible-xs {
    display: block !important;
  }

  table.visible-lg.visible-xs {
    display: table;
  }

  tr.visible-lg.visible-xs {
    display: table-row !important;
  }

  th.visible-lg.visible-xs,
  td.visible-lg.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-lg.visible-sm {
    display: block !important;
  }

  table.visible-lg.visible-sm {
    display: table;
  }

  tr.visible-lg.visible-sm {
    display: table-row !important;
  }

  th.visible-lg.visible-sm,
  td.visible-lg.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg.visible-md {
    display: block !important;
  }

  table.visible-lg.visible-md {
    display: table;
  }

  tr.visible-lg.visible-md {
    display: table-row !important;
  }

  th.visible-lg.visible-md,
  td.visible-lg.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

.hidden-xs {
  display: block !important;
}

table.hidden-xs {
  display: table;
}

tr.hidden-xs {
  display: table-row !important;
}

th.hidden-xs,
td.hidden-xs {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-xs,
  tr.hidden-xs,
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-xs.hidden-sm,
  tr.hidden-xs.hidden-sm,
  th.hidden-xs.hidden-sm,
  td.hidden-xs.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs.hidden-md,
  tr.hidden-xs.hidden-md,
  th.hidden-xs.hidden-md,
  td.hidden-xs.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xs.hidden-lg,
  tr.hidden-xs.hidden-lg,
  th.hidden-xs.hidden-lg,
  td.hidden-xs.hidden-lg {
    display: none !important;
  }
}

.hidden-sm {
  display: block !important;
}

table.hidden-sm {
  display: table;
}

tr.hidden-sm {
  display: table-row !important;
}

th.hidden-sm,
td.hidden-sm {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-sm.hidden-xs,
  tr.hidden-sm.hidden-xs,
  th.hidden-sm.hidden-xs,
  td.hidden-sm.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm,
  tr.hidden-sm,
  th.hidden-sm,
  td.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-sm.hidden-md,
  tr.hidden-sm.hidden-md,
  th.hidden-sm.hidden-md,
  td.hidden-sm.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-sm.hidden-lg,
  tr.hidden-sm.hidden-lg,
  th.hidden-sm.hidden-lg,
  td.hidden-sm.hidden-lg {
    display: none !important;
  }
}

.hidden-md {
  display: block !important;
}

table.hidden-md {
  display: table;
}

tr.hidden-md {
  display: table-row !important;
}

th.hidden-md,
td.hidden-md {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-md.hidden-xs,
  tr.hidden-md.hidden-xs,
  th.hidden-md.hidden-xs,
  td.hidden-md.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md.hidden-sm,
  tr.hidden-md.hidden-sm,
  th.hidden-md.hidden-sm,
  td.hidden-md.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md,
  tr.hidden-md,
  th.hidden-md,
  td.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-md.hidden-lg,
  tr.hidden-md.hidden-lg,
  th.hidden-md.hidden-lg,
  td.hidden-md.hidden-lg {
    display: none !important;
  }
}

.hidden-lg {
  display: block !important;
}

table.hidden-lg {
  display: table;
}

tr.hidden-lg {
  display: table-row !important;
}

th.hidden-lg,
td.hidden-lg {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-lg.hidden-xs,
  tr.hidden-lg.hidden-xs,
  th.hidden-lg.hidden-xs,
  td.hidden-lg.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-lg.hidden-sm,
  tr.hidden-lg.hidden-sm,
  th.hidden-lg.hidden-sm,
  td.hidden-lg.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg.hidden-md,
  tr.hidden-lg.hidden-md,
  th.hidden-lg.hidden-md,
  td.hidden-lg.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg,
  tr.hidden-lg,
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
}

.visible-print,
tr.visible-print,
th.visible-print,
td.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }

  .hidden-print,
  tr.hidden-print,
  th.hidden-print,
  td.hidden-print {
    display: none !important;
  }
}

.field-control-on-form--rich-text-wrapper {
  height: 100%;
  width: 100%;
  display: inline-block !important;
}

sp-inline-edit-form .field-control-on-form--rich-text-wrapper,
.sp-mobile-device .field-control-on-form--rich-text-wrapper {
  vertical-align: top;
  display: inline-block;
  width: 100%;
}

.field-control-on-form--rich-text-wrapper rn-rich-text-inline-editor + .multitext-expander {
  height: 100% !important;
  max-height: inherit;
  margin-left: -4px;
}

.tab-container .field-control-on-form--rich-text-wrapper {
  height: 57px;
}

rn-rich-text {
  width: calc(100% - 20px);
}

rn-rich-text + .multitext-expander {
  margin: 0;
  height: 18px !important;
  min-height: inherit !important;
  border: none;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}

rn-rich-text + .multitext-expander img {
  padding: 4px;
  margin-left: 2px !important;
}

.sp-mobile-device rn-rich-text + .multitext-expander,
.sp-tablet-device rn-rich-text + .multitext-expander {
  height: 40px !important;
  min-height: inherit !important;
}

.sp-mobile-device rn-rich-text + .multitext-expander img,
.sp-tablet-device rn-rich-text + .multitext-expander img {
  margin: 0;
}

.sp-mobile-device rn-rich-text,
.sp-tablet-device rn-rich-text {
  width: calc(100% - 40px);
}

rn-rich-text-inline-editor {
  vertical-align: top;
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
}

.sp-form-builder-container-content rn-rich-text-inline-editor {
  width: 100%;
}

.sp-mobile-device rn-rich-text-inline-editor,
.sp-tablet-device rn-rich-text-inline-editor {
  display: inline-block;
  width: calc(100% - 40px);
  font-size: 16px;
  height: 100%;
  position: relative;
}

rn-rich-text-inline-editor .rn-rich-text-inline-editor {
  height: 100%;
}

.sp-mobile-device rn-rich-text-inline-editor .rn-rich-text-inline-editor {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire {
  border: none !important;
  border-radius: 0;
  height: 100%;
  width: 100%;
  display: inline-block;
}

rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire .editor-container {
  border-radius: 2px 0 0 2px;
  background-color: #fff;
}

.modal-body.modalText-body rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire .editor-container {
  border-radius: 0 !important;
}

rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire .editor-container .menu {
  padding: 2px 3px;
  vertical-align: middle;
  height: auto;
  background-color: #dde6ef !important;
  position: relative;
  z-index: 3;
}

rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire .editor-container .menu .item {
  opacity: 0.9;
  padding: 2px 5px;
  height: 21px !important;
  border-left: 1px #d0d0d0 dotted;
}

rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire .editor-container .menu .group {
  border: none;
  -webkit-box-shadow: 0 0 0 1px #fff inset;
          box-shadow: 0 0 0 1px #fff inset;
  border: 1px solid rgba(0, 0, 0, 0.15);
  vertical-align: middle;
}

rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire .editor-container .menu .group + .group {
  margin-left: -2px;
}

rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire .editor-container .angular-squire-wrapper {
  padding: 0 !important;
  display: inline-block;
  width: 100%;
  height: 100%;
  z-index: 2;
}

rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire .editor-container .angular-squire-wrapper iframe {
  height: 100%;
}

.modal-body.modalText-body rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire .editor-container .angular-squire-wrapper {
  height: calc(100% - 27px);
  position: absolute;
}

.tabarea rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire .editor-container .angular-squire-wrapper {
  height: 100%;
}

rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire .editor-container .angular-squire-wrapper .placeholder {
  height: 100%;
  padding: 0;
  border-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire .editor-container .angular-squire-wrapper .placeholder > div {
  padding: 2px;
}

.modal-body.modalText-body rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire .editor-container .angular-squire-wrapper .placeholder {
  border-radius: 0;
}

.sp-mobile-device .modal-body.modalText-body rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire .editor-container .angular-squire-wrapper .placeholder {
  border-radius: 0 !important;
}

.sp-mobile-device rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire .editor-container .angular-squire-wrapper .placeholder {
  border-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  display: none;
}

.sp-mobile-device rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire .editor-container {
  border-radius: 6px 0 0 6px !important;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}

rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire .squire-popover {
  background: #2196f3 !important;
  border: none !important;
  top: 32px !important;
  min-width: 220px !important;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  position: absolute !important;
  z-index: 1000 !important;
}

rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire .squire-popover .content {
  padding: 4px !important;
  font-size: 12px;
}

rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire .squire-popover .content .title {
  display: none !important;
}

rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire .squire-popover .content input {
  margin: 0 !important;
  border: none !important;
  height: auto !important;
  min-height: 24px;
  border-radius: 2px !important;
  font-weight: 600;
  color: #000;
}

.sp-mobile-device rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire .squire-popover .content input {
  font-size: 16px !important;
}

rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire .squire-popover .content button {
  width: 50% !important;
  margin: 4px auto !important;
  height: auto !important;
  border: none !important;
  opacity: 0.9 !important;
  font-weight: 600;
  border-radius: 2px !important;
}

rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire .squire-popover .content button:hover {
  opacity: 1 !important;
}

rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire .squire-popover .content button + button {
  width: calc(50% - 3px) !important;
  margin-left: 3px;
}

rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire .squire-popover:before {
  display: none;
}

rn-rich-text-inline-editor .rn-rich-text-inline-editor .angular-squire .squire-popover:after {
  border-bottom-color: #2196f3 !important;
  border-width: 7px !important;
  margin-left: -7px !important;
}

rn-rich-text-inline-editor + .multitext-expander {
  min-width: 20px;
  margin: 0;
  position: inherit !important;
}

rn-rich-text-inline-editor + .multitext-expander > img {
  position: inherit !important;
}

.sp-mobile-device rn-rich-text-inline-editor + .multitext-expander {
  margin-left: -4px;
  height: 100% !important;
}

.modal-body rn-rich-text-inline-editor {
  width: calc(100% - 21px) !important;
}

.modal-body.modalText-body rn-rich-text-inline-editor {
  width: 100% !important;
  height: 300px;
  position: relative;
}

.sp-mobile-device .modal-body.modalText-body rn-rich-text-inline-editor {
  width: 100%;
  height: 99.5%;
}

.rn-rich-text-inline-editor--compact .rn-rich-text-inline-editor {
  height: 24px !important;
}

.rn-rich-text {
  white-space: normal;
  overflow: hidden;
  height: 100%;
}

.rn-rich-text > div {
  overflow: hidden;
  text-overflow: ellipsis;
}

.rn-rich-text blockquote {
  padding: 0 10px !important;
  margin: 0 !important;
}

.modal-body.modalText-body .rn-rich-text {
  width: 100%;
  height: 300px;
  position: relative;
  overflow-y: scroll;
}

.sp-mobile-device .modal-body.modalText-body .rn-rich-text {
  width: 100%;
  height: 99.5%;
}

.rn-rich-text-inline-editor--menu-pop-up:hover .rn-rich-text-inline-editor > .angular-squire > .editor-container > .menu {
  margin-top: -26px !important;
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3) inset;
          box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3) inset;
  background-color: #d0d0d0;
  width: auto !important;
  min-width: 288px;
  text-align: left;
  position: absolute !important;
  z-index: 10000 !important;
}

.modal-body.modalText-body .rn-rich-text-inline-editor--menu-pop-up:hover .rn-rich-text-inline-editor > .angular-squire > .editor-container > .menu {
  width: 100%;
  height: auto;
  margin: 0;
}

sp-data-grid-row .rn-inline-edit .rn-rich-text-inline-editor--menu-pop-up:hover .rn-rich-text-inline-editor > .angular-squire > .editor-container > .menu,
.sp-form-builder-container-content .rn-rich-text-inline-editor--menu-pop-up:hover .rn-rich-text-inline-editor > .angular-squire > .editor-container > .menu {
  display: none !important;
}

.sp-mobile-device .rn-rich-text-inline-editor--menu-pop-up:hover .rn-rich-text-inline-editor > .angular-squire > .editor-container > .menu {
  display: none;
}

.modal-body.modalText-body .rn-rich-text-inline-editor > .angular-squire > .editor-container > .menu {
  cursor: default;
}

.sp-mobile-device .modal-body.modalText-body .rn-rich-text-inline-editor > .angular-squire > .editor-container > .menu,
.sp-tablet-device .modal-body.modalText-body .rn-rich-text-inline-editor > .angular-squire > .editor-container > .menu {
  display: none;
}

html.angular-squire-iframe {
  overflow: hidden;
}

html.angular-squire-iframe body {
  padding: 2px !important;
  color: #000 !important;
  font-size: 13px;
  line-height: 1.3em;
  border: 1px solid #d3d3d3;
  background-color: #fff;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

html.angular-squire-iframe body:focus {
  border-color: #30c5c5;
}

html.angular-squire-iframe body blockquote {
  padding: 0 10px !important;
  margin: 0 !important;
  border-left: 5px solid #bbc9d2;
}

html.angular-squire-iframe.rn-rich-text-inline-editor__content--compact body {
  font-size: 12px;
  line-height: 1.4em;
}

html.angular-squire-iframe.rn-rich-text-inline-editor__content--compact body blockquote {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

html.angular-squire-iframe.rn-rich-text-inline-editor--mobile body {
  font-size: 17px;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.angular-squire.form-control {
  height: inherit;
  padding: 0;
  border-radius: 5px 5px 0 0;
}

.angular-squire {
  -webkit-transition: transition(all 2s);
  -webkit-transition: transition(all 2s), transition(all 2s);
  transition: transition(all 2s), transition(all 2s);
  transition: transition(all 2s);
  outline: 0;
  border: 1px solid #dde6e8;
  border-radius: 5px 5px 0 0;
}

.angular-squire .hl,
.angular-squire .menu .group .item:hover,
.angular-squire .menu .item.active:first-child,
.angular-squire .menu .item:first-child:hover,
.angular-squire .menu.align-center .item.acenter,
.angular-squire .menu.align-left .item.aleft,
.angular-squire .menu.align-right .item.aright,
.angular-squire .menu.b .item.bold,
.angular-squire .menu.blockquote .item.quote,
.angular-squire .menu.i .item.italic,
.angular-squire .menu.ol .item.olist,
.angular-squire .menu.size .item.header,
.angular-squire .menu.u .item.underline,
.angular-squire .menu.ul .item.ulist {
  border-bottom: 2px #55ACEE solid;
  opacity: 1;
}

.angular-squire .popover-visible .squire-popover {
  display: block;
}

.angular-squire .squire-popover {
  background: #FAFAFA;
  border: 2px solid #dde6e8;
  position: absolute;
  z-index: 101;
  top: 45px;
  display: none;
  border-radius: 4px;
  min-width: 250px;
}

.angular-squire .squire-popover:after,
.angular-squire .squire-popover:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.angular-squire .squire-popover:after {
  border-color: rgba(250, 250, 250, 0);
  border-bottom-color: #FAFAFA;
  border-width: 15px;
  margin-left: -15px;
}

.angular-squire .squire-popover:before {
  border-color: rgba(221, 230, 232, 0);
  border-bottom-color: #dde6e8;
  border-width: 18px;
  margin-left: -18px;
}

.angular-squire .squire-popover .content {
  z-index: 110;
  padding: 10px;
}

.angular-squire .squire-popover .content .title {
  font-weight: 700;
}

.angular-squire .squire-popover .content button,
.angular-squire .squire-popover .content input {
  border-radius: 4px;
  border: 1px solid #dde6e8;
  background-color: #FFF;
  height: 30px;
  padding: 2px;
  display: block;
  width: 100%;
  margin: 5px 0;
}

.angular-squire .squire-popover .content button:active span.fa,
.angular-squire .squire-popover .content button:hover span.fa,
.angular-squire .squire-popover .content input:active span.fa,
.angular-squire .squire-popover .content input:hover span.fa {
  color: #55ACEE;
}

.angular-squire .squire-popover .content button.disabled,
.angular-squire .squire-popover .content input.disabled {
  opacity: 0.5;
}

.angular-squire .squire-popover .content button.disabled span.fa,
.angular-squire .squire-popover .content input.disabled span.fa {
  color: inherit;
}

.angular-squire .squire-popover .content button.double {
  width: 48%;
  margin-bottom: 10px;
  display: inline-block;
}

.angular-squire .squire-popover .content button.double.l {
  float: left;
}

.angular-squire .squire-popover .content button.double.r {
  float: right;
}

.angular-squire .squire-popover .squire-popover-overlay {
  background-color: transparent;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  z-index: -1;
}

.angular-squire .editor-container {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  height: 100%;
  background-color: #dde6e8;
  border-radius: 5px;
}

.angular-squire .editor-container .ng-hide {
  height: 0;
}

.angular-squire .editor-container.editor-hide {
  height: 0;
  overflow: hidden;
}

.angular-squire .angular-squire-controls,
.angular-squire .angular-squire-cover {
  display: block;
}

.angular-squire .menu .item {
  position: relative;
  opacity: 0.5;
  font-size: 13px;
  padding: 1px 5px;
  color: #000;
  float: left;
  background: #FFF;
  border-left: 1px #EEE solid;
  border-bottom: 2px transparent solid;
  -webkit-font-smoothing: subpixel-antialiased;
}

.angular-squire .menu .group {
  display: inline-block;
  border: 1px solid #EEE;
}

.angular-squire .menu .item:first-child {
  border-left: none;
}

.angular-squire .menu {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: right;
  padding: 4px 4px 0 0;
  height: 31px;
}

.angular-squire .angular-squire-wrapper {
  position: relative;
  padding: 5px 0;
}

.angular-squire .angular-squire-wrapper .placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1em;
  background: #fff;
  color: #777;
  z-index: 0;
}

.angular-squire .angular-squire-wrapper iframe {
  background: right center no-repeat;
  z-index: 10;
  position: relative;
  width: 100%;
  height: 100%;
  color: #333;
  outline: 0;
}

.angular-squire textarea {
  width: 100%;
  border: none;
  padding: 10px;
}

.angular-squire .angular-squire-wrapper .placeholder div {
  padding: 5px 0;
}

html.angular-squire-iframe {
  height: 100%;
}

html.angular-squire-iframe body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  padding: 1em;
  background: 0 0;
  color: #2b2b2b;
  cursor: text;
}

/**
 * Our global LESS variables.
 */

.sp-input {
  padding: 0 0 0 2px;
  margin: 0;
  min-height: 27px;
  border: 1px solid #d3d3d3;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: left;
}

.sp-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #30c5c5;
  outline: none;
}

.sp-input[disabled] {
  cursor: default;
  opacity: 0.5;
  background-color: #ebebe4;
}

.sp-input[disabled]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-input[readonly] {
  border: 1px solid #d3d3d3;
}

.sp-input[readonly]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-input-default-width {
  width: 225px;
}

.sp-input-focussed {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #30c5c5;
  outline: none;
}

.sp-input-disabled {
  cursor: default;
  opacity: 0.5;
  background-color: #ebebe4;
}

.sp-input-disabled:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-input-readonly {
  border: 1px solid #d3d3d3;
}

.sp-input-readonly:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-mobile-input {
  width: 100%;
  min-height: 40px;
  padding-left: 5px;
  border-radius: 6px;
  background-color: #fefefe;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  -webkit-appearance: none;
}

.sp-tablet-input {
  min-height: inherit;
  border-radius: 6px;
  min-height: 40px;
  background-color: #fefefe;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
  -webkit-appearance: none;
}

.sp-select {
  padding: 0 0 0 2px;
  margin: 0;
  min-height: 27px;
  border: 1px solid #d3d3d3;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: left;
}

.sp-select:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #30c5c5;
  outline: none;
}

.sp-select[disabled] {
  cursor: default;
  opacity: 0.5;
  background-color: #ebebe4;
}

.sp-select[disabled]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-select[readonly] {
  border: 1px solid #d3d3d3;
}

.sp-select[readonly]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-mobile-select {
  width: 100%;
  min-height: 40px;
  border-radius: 6px;
  background-color: #fefefe;
  -webkit-appearance: none;
  border: 1px solid #bbb;
  -webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.15) inset;
          box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.15) inset;
  background-color: inherit;
  padding-left: 5px;
}

.sp-tablet-select {
  width: 100%;
  min-height: 40px;
  background-color: #fefefe;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  -webkit-appearance: none;
  font-weight: lighter;
  -webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.15) inset;
          box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.15) inset;
  background-color: inherit;
  padding-left: 5px;
  border-radius: 6px;
}

.sp-label {
  font-weight: normal;
}

.sp-checkbox,
.sp-radio {
  padding: 0 0 0 2px;
  min-height: 27px;
  border: 1px solid #d3d3d3;
  border-radius: 2px;
  text-align: left;
  min-height: inherit;
  margin: 0;
  width: auto;
  min-height: 0;
  vertical-align: middle;
  margin-right: 3px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-checkbox:focus,
.sp-radio:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #30c5c5;
  outline: none;
}

.sp-checkbox[disabled],
.sp-radio[disabled] {
  cursor: default;
  opacity: 0.5;
  background-color: #ebebe4;
}

.sp-checkbox[disabled]:focus,
.sp-radio[disabled]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-checkbox[readonly],
.sp-radio[readonly] {
  border: 1px solid #d3d3d3;
}

.sp-checkbox[readonly]:focus,
.sp-radio[readonly]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-checkbox:focus,
.sp-radio:focus {
  outline-offset: -2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 1px solid #30c5c5;
}

.sp-checkbox[disabled],
.sp-radio[disabled] {
  opacity: 1;
}

.sp-checkbox-focussed {
  outline-offset: -2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 1px solid #30c5c5;
}

.sp-touch-checkbox {
  width: 25px;
  height: 25px;
  min-height: inherit !important;
  -webkit-appearance: checkbox;
  -webkit-box-shadow: none;
          box-shadow: none;
  vertical-align: middle;
}

.sp-touch-checkbox:focus {
  outline: none;
}

.sp-checkbox-disabled {
  opacity: 1;
}

.sp-textarea {
  padding: 0 0 0 2px;
  margin: 0;
  min-height: 27px;
  border: 1px solid #d3d3d3;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: left;
  vertical-align: top;
}

.sp-textarea:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #30c5c5;
  outline: none;
}

.sp-textarea[readonly] {
  border: none;
  background-color: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-textarea[readonly]:focus {
  outline: none;
  border: none;
  background-color: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-textarea[disabled] {
  cursor: default;
  opacity: 0.5;
  background-color: #ebebe4;
}

.sp-textarea-readonly {
  border: none;
  background-color: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-textarea-readonly:focus {
  outline: none;
  border: none;
  background-color: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-mobile-textarea {
  width: 100%;
  min-height: 40px;
  padding-left: 5px;
  border-radius: 6px;
  background-color: #fefefe;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  -webkit-appearance: none;
}

.sp-button {
  padding: 3px 12px;
  font-size: 12px;
  line-height: 1em;
  cursor: pointer;
  background-color: #414141;
  color: #ededed;
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  border: 1px solid #3c3c3c;
  border-bottom-color: #343434;
  border-radius: 3px;
}

.sp-button:hover,
.sp-button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.sp-button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.sp-button.active,
.sp-button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.sp-button.disabled,
.sp-button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sp-button.disabled img,
.sp-button[disabled] img {
  opacity: 0.4;
}

.sp-button-mobile {
  min-height: 40px;
  min-width: 40px;
  font-size: initial;
}

.sp-button-lighten {
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 3px 12px;
  font-size: 12px;
  line-height: 1em;
  cursor: pointer;
  background-color: #414141;
  color: #ededed;
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  border: 1px solid #3c3c3c;
  border-bottom-color: #343434;
  border-radius: 3px;
  background-color: #f0f0f0;
  border-color: #bdbdbd;
  border-bottom-color: #c0c0c0;
  color: #606060;
}

.sp-button-lighten:hover,
.sp-button-lighten:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.sp-button-lighten:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.sp-button-lighten.active,
.sp-button-lighten:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.sp-button-lighten.disabled,
.sp-button-lighten[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sp-button-lighten.disabled img,
.sp-button-lighten[disabled] img {
  opacity: 0.4;
}

.sp-button-lighten:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.sp-button-lighten:hover,
.sp-button-lighten:focus {
  color: #333;
  text-decoration: none;
}

.sp-button-lighten:active,
.sp-button-lighten.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.sp-button-lighten.disabled,
.sp-button-lighten[disabled],
fieldset[disabled] .sp-button-lighten {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sp-button-lighten:hover,
.sp-button-lighten:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.sp-button-lighten:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.sp-button-lighten.active,
.sp-button-lighten:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.sp-button-lighten.disabled,
.sp-button-lighten[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sp-button-lighten.disabled img,
.sp-button-lighten[disabled] img {
  opacity: 0.4;
}

.sp-mobile-device .sp-button-lighten,
.sp-tablet-device .sp-button-lighten {
  min-height: 40px;
  min-width: 40px;
  font-size: initial;
}

.sp-button-lighten:hover,
.sp-button-lighten:focus {
  color: #2b2b2b;
  text-decoration: none;
  background-color: #e3e3e3;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.sp-button-lighten:focus {
  background-color: #f0f0f0;
  outline: none;
  border: 1px solid #bdbdbd;
}

.sp-button-lighten.active,
.sp-button-lighten:active {
  background-image: none;
  background-color: #e3e3e3;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
  box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
}

.sp-button-lighten.disabled,
.sp-button-lighten[disabled] {
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sp-button-lighten.disabled img,
.sp-button-lighten[disabled] img {
  opacity: 0.4;
}

.builder-Toolbox {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #535353;
}

.builder-Toolbox .builder-Accordion .panel-group {
  background-color: #535353;
}

.builder-Toolbox .builder-Accordion .panel-group .panel {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.builder-Toolbox .builder-Accordion .panel-group .panel + .panel {
  margin-top: 0;
}

.builder-Toolbox .builder-Section {
  border: none;
  border-radius: inherit;
}

.builder-Toolbox .builder-Section .panel-heading {
  background-color: #3a3a3a;
  padding: 0;
  border-radius: 0;
  cursor: pointer;
}

.builder-Toolbox .builder-Section .panel-heading:hover {
  background-color: #343434;
}

.builder-Toolbox .builder-Section .panel-heading + .panel-collapse .panel-body {
  border-top: 0 solid #ddd;
}

.builder-Toolbox .builder-Section .panel-heading .accordion-toggle {
  display: block;
  padding: 10px;
  vertical-align: middle;
  color: #aaa;
  font-size: 14px;
  -webkit-box-shadow: 0 1px 0 0 rgba(47, 47, 47, 0) inset, 0 -1px 0 0 #2f2f2f inset;
          box-shadow: 0 1px 0 0 rgba(47, 47, 47, 0) inset, 0 -1px 0 0 #2f2f2f inset;
  font-weight: normal;
  text-decoration: none;
  background-color: #3a3a3a;
}

.builder-Toolbox .builder-Section .panel-body {
  border: none;
  padding: 5px;
  background-color: #535353;
}

.builder-Toolbox .builder-Controls {
  margin-bottom: 5px;
  text-align: right;
  display: block;
  line-height: 0;
}

.builder-Control-Button {
  border: 1px solid #464646;
  background-color: #6d6d6d;
  -webkit-box-shadow: 0 0 0 1px #868686 inset;
          box-shadow: 0 0 0 1px #868686 inset;
  color: #ddd;
  display: inline-block;
  font-size: 11px;
  cursor: pointer;
  padding: 1px;
  vertical-align: middle;
  line-height: 0;
}

.builder-Control-Button img {
  opacity: 0.5;
  margin: 0;
}

.builder-Control-Button:hover {
  background-color: #868686;
}

.builder-Control-Button:hover img {
  opacity: 1;
}

.builder-Control-Button:focus {
  outline: none;
}

.builder-ToolBar {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding-bottom: 0;
  text-align: right;
  height: 30px;
  overflow: hidden;
  z-index: 2;
}

.builder-ToolBar button {
  background-color: transparent;
  height: 30px;
  min-width: 35px;
  border: none;
  opacity: 0.85;
  margin: 0;
  padding: 1px 6px;
  -webkit-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
}

.builder-ToolBar button:hover,
.builder-ToolBar button:focus,
.builder-ToolBar button:active {
  opacity: 1;
  outline: none;
  border: none;
  background-color: rgba(0, 0, 0, 0.03);
}

.builder-ToolBar button img {
  margin-right: 4px;
  width: 16px;
  height: 16px;
}

.builder-ToolBar button img:focus {
  outline: none;
}

.builder-ToolBar button span {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
  color: #404040;
}

.builder-ToolBar button.builder-ToolBar-Close,
.builder-ToolBar button[title="close"],
.builder-ToolBar button[title="Close"] {
  background-color: #f8dcdb;
  width: 42px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.builder-ToolBar button.builder-ToolBar-Close:hover,
.builder-ToolBar button[title="close"]:hover,
.builder-ToolBar button[title="Close"]:hover {
  background-color: #f29590;
  opacity: 1;
}

.builder-ToolBar button[tooltip="Properties"] img {
  margin-bottom: -2px;
  margin-top: -2px;
}

.builder-ToolBar button + button {
  margin: 0 0 0 -3px;
}

.builder-Header {
  height: 90px;
  text-align: center;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) inset;
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) inset;
}

.builder-Header h1 {
  font-size: 26px;
  margin-top: 45px;
  color: #fff;
  display: inline-block;
  width: 100%;
  font-weight: lighter;
}

.builder-Header h2 {
  font-size: 0.85em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 11px 7px 7px 3px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  color: rgba(255, 255, 255, 0.75);
  font-weight: lighter;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.2);
}

.builder-Header h2 span {
  font-family: sans;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: initial;
}

.builder-Treeview .builder-Treeview-Rootnode {
  color: #999;
  font-size: 0.9em;
}

.builder-Toggle {
  display: inline-block;
  background: transparent;
  border: none;
  outline: none;
  padding: 3px;
  vertical-align: middle;
  opacity: 0.5;
  border-radius: 2px;
}

.builder-Toggle:hover,
.builder-Toggle:active {
  opacity: 1;
}

.builder-Group {
  color: #aaa;
  font-size: 13px;
}

.builder-Group .toggleButton {
  display: inline-block;
  background: transparent;
  border: none;
  outline: none;
  padding: 3px;
  vertical-align: middle;
  opacity: 0.5;
  border-radius: 2px;
  min-width: 15px;
  display: table-cell;
}

.builder-Group .toggleButton:hover,
.builder-Group .toggleButton:active {
  opacity: 1;
}

.builder-Group .groupname {
  color: #ccc;
  font-size: 13px;
  display: table-cell;
  width: 100%;
  padding-left: 3px;
  word-break: break-all;
  vertical-align: middle;
}

.builder-Group .groupname.chart-reportby {
  display: table;
  width: 100%;
  margin-bottom: 5px;
  padding: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.builder-Group .groupname.chart-reportby > span {
  display: table-cell;
}

.builder-Group .groupname.chart-reportby > span:first-child {
  width: 45px;
  font-size: x-small;
}

.builder-Group .groupname.chart-reportby > span:last-child {
  width: 20px;
}

.builder-Group .toggleGroup {
  color: #ccc;
  font-size: 13px;
  display: table-cell;
  width: 100%;
  padding-left: 3px;
  word-break: break-all;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.builder-Group .toggleGroup.chart-reportby {
  display: table;
  width: 100%;
  margin-bottom: 5px;
  padding: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.builder-Group .toggleGroup.chart-reportby > span {
  display: table-cell;
}

.builder-Group .toggleGroup.chart-reportby > span:first-child {
  width: 45px;
  font-size: x-small;
}

.builder-Group .toggleGroup.chart-reportby > span:last-child {
  width: 20px;
}

.builder-Group .readonlygroupname {
  color: #ccc;
  font-size: 13px;
  display: table-cell;
  width: 100%;
  padding-left: 3px;
  word-break: break-all;
  vertical-align: middle;
  font-style: italic;
}

.builder-Group .readonlygroupname.chart-reportby {
  display: table;
  width: 100%;
  margin-bottom: 5px;
  padding: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.builder-Group .readonlygroupname.chart-reportby > span {
  display: table-cell;
}

.builder-Group .readonlygroupname.chart-reportby > span:first-child {
  width: 45px;
  font-size: x-small;
}

.builder-Group .readonlygroupname.chart-reportby > span:last-child {
  width: 20px;
}

.builder-Group .groupitems {
  margin-bottom: 10px;
}

.builder-Group .groupitems .itemcontainer {
  display: table;
  width: 100%;
  margin-bottom: 3px;
}

.builder-Group .groupitems .itemcontainer .isrequireimage {
  width: 2px;
  height: 17px;
  background: #f00;
  display: inline-block;
  vertical-align: top;
  margin-right: -2px;
  margin-left: -3px;
}

.builder-Group .groupitems .subgroup {
  background-color: #424242;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-left: 15px;
  margin-top: 2px;
  margin-bottom: 1px;
  padding: 2px;
  cursor: pointer;
}

.builder-Group .groupitems .subgroup:before {
  content: "";
  margin-top: -5px;
  position: absolute;
  left: 12px;
}

.builder-Group .groupitems .subgroup button {
  border: 1px solid #464646;
  background-color: #6d6d6d;
  -webkit-box-shadow: 0 0 0 1px #868686 inset;
          box-shadow: 0 0 0 1px #868686 inset;
  color: #ddd;
  display: inline-block;
  font-size: 11px;
  cursor: pointer;
  padding: 1px;
  vertical-align: middle;
  float: right;
  line-height: 0;
  height: 17px;
  width: 17px;
}

.builder-Group .groupitems .subgroup button img {
  opacity: 0.5;
  margin: 0;
}

.builder-Group .groupitems .subgroup button:hover {
  background-color: #868686;
}

.builder-Group .groupitems .subgroup button:hover img {
  opacity: 1;
}

.builder-Group .groupitems .subgroup button:focus {
  outline: none;
}

.builder-Group .groupitems .subgroup button img {
  margin-top: -1px;
  margin-left: -1px;
}

.builder-Group .groupitems .subgroup .subgroupname {
  color: #ababab;
  cursor: default;
  display: inline-block;
  text-overflow: ellipsis;
  min-width: 100px;
}

.builder-Group .groupitems .item {
  background-color: #dedede;
  padding: 4px;
  cursor: move;
  margin-left: 15px;
  display: table;
  width: calc(100% - 15px);
}

.builder-Group .groupitems .item:hover {
  background-color: #f2f2f2;
  -webkit-transition: background-color ease-out 0.15s;
  transition: background-color ease-out 0.15s;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.builder-Group .groupitems .item .itemicon {
  display: table-cell;
  vertical-align: top;
  padding-right: 5px;
  width: 21px;
  line-height: 0;
}

.builder-Group .groupitems .item .itemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
}

.builder-Group .groupitems .item .readonlyitemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
  font-style: italic;
}

.builder-Group .groupitems .item .fieldcheckbox {
  display: table-cell;
  width: 0.1%;
  cursor: default;
}

.builder-Group .groupitems .item > .itemname,
.builder-Group .groupitems .item > .itemicon {
  display: table-cell;
}

.builder-Group .groupitems .item > .itemname.fb-inline,
.builder-Group .groupitems .item > .itemicon.fb-inline {
  padding: 5px 8px;
  border-radius: 2px;
}

.builder-Group .groupitems .item:before {
  content: url("assets/images/fielditem_child.png");
  margin-top: -5px;
  position: absolute;
  left: 12px;
}

.builder-Group .groupitems .item .itemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
}

.builder-Group .groupitems .item.is-default .itemname:after {
  content: " *";
  color: darkblue;
}

.builder-Group .fb-toolbox-config img {
  width: 16px;
  height: 16px;
  display: inline-block;
}

.builder-board {
  border-radius: 3px;
  background-color: #dfdfdf;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 15px inset;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 15px inset;
  background-image: url(assets/images/home_bg.png);
}

.builder-Edit-Name {
  display: inline-block;
  font-weight: lighter;
  font-size: 26px;
  color: #000;
  line-height: initial;
}

.builder-Edit-Description {
  font-size: 1em;
  color: #888;
  display: inline-block;
}

.droppable-item-raw {
  border-radius: 3px;
  background-color: #dfdfdf;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 15px inset;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 15px inset;
  background-image: url(assets/images/home_bg.png);
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px 0 inset;
          box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px 0 inset;
  border-radius: 2px;
}

.droppable-item-raw:before {
  content: "Drop items here";
  display: inline-block;
  float: left;
  padding: 12px 5px 0;
  line-height: 0;
  opacity: 0.5;
  font-size: 0.85em;
  text-transform: uppercase;
}

.draggable-item-raw {
  background-color: #dedede;
  padding: 4px;
  cursor: move;
}

.draggable-item-raw:hover {
  background-color: #f2f2f2;
  -webkit-transition: background-color ease-out 0.15s;
  transition: background-color ease-out 0.15s;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.draggable-item-raw .itemicon {
  display: table-cell;
  vertical-align: top;
  padding-right: 5px;
  width: 21px;
  line-height: 0;
}

.draggable-item-raw .itemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
}

.draggable-item-raw .readonlyitemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
  font-style: italic;
}

.draggable-item-raw .fieldcheckbox {
  display: table-cell;
  width: 0.1%;
  cursor: default;
}

.toolbox-header {
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.toolbox-header__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  height: 34px;
  padding: 6px 12px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.layout-open .toolbox-header__title {
  opacity: 1;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.toolbox-header__title i {
  font-size: 20px;
}

.toolbox-header__subtitle {
  height: 56px;
  margin: 0;
  padding: 12px;
  font-family: inherit;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  color: #f9fafb;
}

.layout-open .toolbox-header__subtitle {
  opacity: 1;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.sp-dropdown-button {
  padding: 0 0 0 2px;
  margin: 0;
  min-height: 27px;
  border: 1px solid #d3d3d3;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  padding-top: 2px;
}

.sp-dropdown-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #30c5c5;
  outline: none;
}

.sp-dropdown-button[disabled] {
  cursor: default;
  opacity: 0.5;
  background-color: #ebebe4;
}

.sp-dropdown-button[disabled]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-dropdown-button[readonly] {
  border: 1px solid #d3d3d3;
}

.sp-dropdown-button[readonly]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-mobile-device .sp-dropdown-button,
.sp-tablet-device .sp-dropdown-button {
  height: 40px;
  width: 100%;
  text-align: left;
  vertical-align: middle;
  padding-right: 9px;
  padding-top: 6px;
}

.sp-dropdown-button:hover,
.sp-dropdown-button:active,
.sp-dropdown-button.active,
.sp-dropdown-button.disabled,
.sp-dropdown-button[disabled] {
  color: #333;
  background-color: #e6e6e6;
}

.sp-dropdown-button.disabled,
.sp-dropdown-button[disabled] {
  opacity: 0.5;
}

.sp-dropdown-button:active,
.sp-dropdown-button.active {
  background-color: #ccc \9;
}

.sp-dropdown-button:hover {
  color: #333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.sp-dropdown-button .dropdownIcon {
  margin: 2px 0 -2px 0;
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 5px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #222;
}

.sp-mobile-device .sp-dropdown-button {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  width: 100%;
  min-height: 40px;
  border-radius: 6px;
  background-color: #fefefe;
  -webkit-appearance: none;
  border: 1px solid #bbb;
  -webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.15) inset;
          box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.15) inset;
  background-color: inherit;
  padding-left: 5px;
}

.sp-tablet-device .sp-dropdown-button {
  min-height: inherit;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
  width: 100%;
  min-height: 40px;
  background-color: #fefefe;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  -webkit-appearance: none;
  font-weight: lighter;
  -webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.15) inset;
          box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.15) inset;
  background-color: inherit;
  padding-left: 5px;
  border-radius: 6px;
}

.modal-body .tabarea .tab-container label.field-title {
  padding-top: 4px;
}

.sp-mobile-device .inlineRelationPickerDialog .modal-body {
  top: 0;
  padding: 0;
}

.sp-tablet-device .inlineRelationPickerDialog .modal-body {
  padding: 0;
}

body {
  font-size: 0.75rem;
}

h1, h2, h3, h4, h5, h6{
  margin: 0;
}

input, select, button{
  vertical-align: middle;
}

/*!
 * Font Awesome Pro 7.0.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2025 Fonticons, Inc.
 */
.fa-solid,
.fa-regular,
.fa-brands,
.fa-classic,
.fas,
.far,
.fab,
.fal,
.fat,
.fad,
.fadr,
.fadl,
.fadt,
.fass,
.fasr,
.fasl,
.fast,
.fasds,
.fasdr,
.fasdl,
.fasdt,
.faslr,
.faslpr,
.fawsb,
.fatl,
.fans,
.fands,
.faes,
.fajr,
.fajfr,
.fajdr,
.facr,
.fa-solid,
.fa-semibold,
.fa-regular,
.fa-light,
.fa-thin,
.fa-brands,
.fa-classic,
.fa-duotone,
.fa-sharp,
.fa-sharp-duotone,
.fa-chisel,
.fa-etch,
.fa-jelly,
.fa-jelly-duo,
.fa-jelly-fill,
.fa-notdog,
.fa-notdog-duo,
.fa-slab,
.fa-slab-press,
.fa-thumbprint,
.fa-whiteboard,
.fa {
  --_fa-family: var(--fa-family, var(--fa-style-family, "Font Awesome 7 Pro"));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em);
}

:is(.fas,
.fass,
.far,
.fasr,
.fal,
.fasl,
.fat,
.fast,
.fad,
.fadr,
.fadl,
.fadt,
.fasds,
.fasdr,
.fasdl,
.fasdt,
.fab,
.faslr,
.faslpr,
.fawsb,
.fatl,
.fans,
.fands,
.faes,
.fajr,
.fajfr,
.fajdr,
.facr,
.fa-solid,
.fa-semibold,
.fa-regular,
.fa-light,
.fa-thin,
.fa-brands,
.fa-classic,
.fa-duotone,
.fa-sharp,
.fa-sharp-duotone,
.fa-chisel,
.fa-etch,
.fa-jelly,
.fa-jelly-duo,
.fa-jelly-fill,
.fa-notdog,
.fa-notdog-duo,
.fa-slab,
.fa-slab-press,
.fa-thumbprint,
.fa-whiteboard,
.fa)::before {
  content: var(--fa)/"";
}

@supports not (content: ""/"") {
  :is(.fas,
  .fass,
  .far,
  .fasr,
  .fal,
  .fasl,
  .fat,
  .fast,
  .fad,
  .fadr,
  .fadl,
  .fadt,
  .fasds,
  .fasdr,
  .fasdl,
  .fasdt,
  .fab,
  .faslr,
  .faslpr,
  .fawsb,
  .fatl,
  .fans,
  .fands,
  .faes,
  .fajr,
  .fajfr,
  .fajdr,
  .facr,
  .fa-solid,
  .fa-semibold,
  .fa-regular,
  .fa-light,
  .fa-thin,
  .fa-brands,
  .fa-classic,
  .fa-duotone,
  .fa-sharp,
  .fa-sharp-duotone,
  .fa-chisel,
  .fa-etch,
  .fa-jelly,
  .fa-jelly-duo,
  .fa-jelly-fill,
  .fa-notdog,
  .fa-notdog-duo,
  .fa-slab,
  .fa-slab-press,
  .fa-thumbprint,
  .fa-whiteboard,
  .fa)::before {
    content: var(--fa);
  }
}
:is(.fad,
.fa-duotone,
.fadr,
.fadl,
.fadt,
.fasds,
.fa-sharp-duotone,
.fasdr,
.fasdl,
.fasdt,
.fatl,
.fa-thumbprint,
.fands,
.fa-notdog-duo,
.fajdr,
.fa-jelly-duo)::after {
  content: var(--fa);
  -webkit-font-feature-settings: "ss01";
          font-feature-settings: "ss01";
}

@supports not (content: ""/"") {
  :is(.fad,
  .fa-duotone,
  .fadr,
  .fadl,
  .fadt,
  .fasds,
  .fa-sharp-duotone,
  .fasdr,
  .fasdl,
  .fasdt,
  .fatl,
  .fa-thumbprint,
  .fands,
  .fa-notdog-duo,
  .fajdr,
  .fa-jelly-duo)::after {
    content: var(--fa);
  }
}
.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-2xs {
  font-size: calc(10 / 16 * 1em); /* converts a 10px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 10 * 1em); /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 10 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-xs {
  font-size: calc(12 / 16 * 1em); /* converts a 12px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 12 * 1em); /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 12 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-sm {
  font-size: calc(14 / 16 * 1em); /* converts a 14px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 14 * 1em); /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 14 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-lg {
  font-size: calc(20 / 16 * 1em); /* converts a 20px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 20 * 1em); /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 20 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-xl {
  font-size: calc(24 / 16 * 1em); /* converts a 24px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 24 * 1em); /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 24 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-2xl {
  font-size: calc(32 / 16 * 1em); /* converts a 32px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 32 * 1em); /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 32 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-width-auto {
  --fa-width: auto;
}

.fa-fw,
.fa-width-fixed {
  --fa-width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  -webkit-margin-start: var(--fa-li-margin, 2.5em);
          margin-inline-start: var(--fa-li-margin, 2.5em);
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  inset-inline-start: calc(-1 * var(--fa-li-width, 2em));
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}

/* Heads Up: Bordered Icons will not be supported in the future!
  - This feature will be deprecated in the next major release of Font Awesome (v8)!
  - You may continue to use it in this version *v7), but it will not be supported in Font Awesome v8.
*/
/* Notes:
* --@{v.$css-prefix}-border-width = 1/16 by default (to render as ~1px based on a 16px default font-size)
* --@{v.$css-prefix}-border-padding =
  ** 3/16 for vertical padding (to give ~2px of vertical whitespace around an icon considering it's vertical alignment)
  ** 4/16 for horizontal padding (to give ~4px of horizontal whitespace around an icon)
*/
.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.0625em);
  -webkit-box-sizing: var(--fa-border-box-sizing, content-box);
          box-sizing: var(--fa-border-box-sizing, content-box);
  padding: var(--fa-border-padding, 0.1875em 0.25em);
}

.fa-pull-left,
.fa-pull-start {
  float: inline-start;
  -webkit-margin-end: var(--fa-pull-margin, 0.3em);
          margin-inline-end: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right,
.fa-pull-end {
  float: inline-end;
  -webkit-margin-start: var(--fa-pull-margin, 0.3em);
          margin-inline-start: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
  -webkit-animation-name: fa-beat;
          animation-name: fa-beat;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
          animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
  -webkit-animation-name: fa-bounce;
          animation-name: fa-bounce;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.fa-fade {
  -webkit-animation-name: fa-fade;
          animation-name: fa-fade;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-beat-fade {
  -webkit-animation-name: fa-beat-fade;
          animation-name: fa-beat-fade;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-flip {
  -webkit-animation-name: fa-flip;
          animation-name: fa-flip;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
          animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
  -webkit-animation-name: fa-shake;
          animation-name: fa-shake;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
          animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin {
  -webkit-animation-name: fa-spin;
          animation-name: fa-spin;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 2s);
          animation-duration: var(--fa-animation-duration, 2s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
          animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
  --fa-animation-direction: reverse;
}

.fa-pulse,
.fa-spin-pulse {
  -webkit-animation-name: fa-spin;
          animation-name: fa-spin;
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
          animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    -webkit-animation: none !important;
            animation: none !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}
@-webkit-keyframes fa-beat {
  0%, 90% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
            transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-beat {
  0%, 90% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
            transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@-webkit-keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
  100% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
}
@keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
  100% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
}
@-webkit-keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@-webkit-keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
            transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
            transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@-webkit-keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@-webkit-keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  4% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  8%, 24% {
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg);
  }
  12%, 28% {
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-22deg);
            transform: rotate(-22deg);
  }
  20% {
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg);
  }
  32% {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
  }
  36% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
  }
  40%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  4% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  8%, 24% {
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg);
  }
  12%, 28% {
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-22deg);
            transform: rotate(-22deg);
  }
  20% {
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg);
  }
  32% {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
  }
  36% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
  }
  40%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

.fa-flip-horizontal {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.fa-flip-vertical {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}

.fa-rotate-by {
  -webkit-transform: rotate(var(--fa-rotate-angle, 0));
          transform: rotate(var(--fa-rotate-angle, 0));
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  --fa-width: 100%;
  inset: 0;
  position: absolute;
  text-align: center;
  width: var(--fa-width);
  z-index: var(--fa-stack-z-index, auto);
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: var(--fa-inverse, #fff);
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

.fa-0 {
  --fa: "\30 ";
}

.fa-1 {
  --fa: "\31 ";
}

.fa-2 {
  --fa: "\32 ";
}

.fa-3 {
  --fa: "\33 ";
}

.fa-4 {
  --fa: "\34 ";
}

.fa-5 {
  --fa: "\35 ";
}

.fa-6 {
  --fa: "\36 ";
}

.fa-7 {
  --fa: "\37 ";
}

.fa-8 {
  --fa: "\38 ";
}

.fa-9 {
  --fa: "\39 ";
}

.fa-exclamation {
  --fa: "\!";
}

.fa-ditto {
  --fa: "\"";
}

.fa-hashtag {
  --fa: "\#";
}

.fa-dollar-sign {
  --fa: "\$";
}

.fa-dollar {
  --fa: "\$";
}

.fa-usd {
  --fa: "\$";
}

.fa-percent {
  --fa: "\%";
}

.fa-percentage {
  --fa: "\%";
}

.fa-ampersand {
  --fa: "\&";
}

.fa-apostrophe {
  --fa: "\'";
}

.fa-bracket-round {
  --fa: "\(";
}

.fa-parenthesis {
  --fa: "\(";
}

.fa-bracket-round-right {
  --fa: "\)";
}

.fa-asterisk {
  --fa: "\*";
}

.fa-plus {
  --fa: "\+";
}

.fa-add {
  --fa: "\+";
}

.fa-comma {
  --fa: "\,";
}

.fa-hyphen {
  --fa: "\-";
}

.fa-period {
  --fa: "\.";
}

.fa-slash-forward {
  --fa: "\/";
}

.fa-colon {
  --fa: "\:";
}

.fa-semicolon {
  --fa: "\;";
}

.fa-less-than {
  --fa: "\<";
}

.fa-equals {
  --fa: "\=";
}

.fa-greater-than {
  --fa: "\>";
}

.fa-question {
  --fa: "\?";
}

.fa-at {
  --fa: "\@";
}

.fa-a {
  --fa: "A";
}

.fa-b {
  --fa: "B";
}

.fa-c {
  --fa: "C";
}

.fa-d {
  --fa: "D";
}

.fa-e {
  --fa: "E";
}

.fa-f {
  --fa: "F";
}

.fa-g {
  --fa: "G";
}

.fa-h {
  --fa: "H";
}

.fa-i {
  --fa: "I";
}

.fa-j {
  --fa: "J";
}

.fa-k {
  --fa: "K";
}

.fa-l {
  --fa: "L";
}

.fa-m {
  --fa: "M";
}

.fa-n {
  --fa: "N";
}

.fa-o {
  --fa: "O";
}

.fa-p {
  --fa: "P";
}

.fa-q {
  --fa: "Q";
}

.fa-r {
  --fa: "R";
}

.fa-s {
  --fa: "S";
}

.fa-t {
  --fa: "T";
}

.fa-u {
  --fa: "U";
}

.fa-v {
  --fa: "V";
}

.fa-w {
  --fa: "W";
}

.fa-x {
  --fa: "X";
}

.fa-y {
  --fa: "Y";
}

.fa-z {
  --fa: "Z";
}

.fa-bracket-square {
  --fa: "\[";
}

.fa-bracket {
  --fa: "\[";
}

.fa-bracket-left {
  --fa: "\[";
}

.fa-slash-back {
  --fa: "\\";
}

.fa-bracket-square-right {
  --fa: "\]";
}

.fa-accent-grave {
  --fa: "\`";
}

.fa-bracket-curly {
  --fa: "\{";
}

.fa-bracket-curly-left {
  --fa: "\{";
}

.fa-pipe {
  --fa: "\|";
}

.fa-bracket-curly-right {
  --fa: "\}";
}

.fa-tilde {
  --fa: "\~";
}

.fa-caravan-simple {
  --fa: "\e000";
}

.fa-caravan-alt {
  --fa: "\e000";
}

.fa-cat-space {
  --fa: "\e001";
}

.fa-coffee-pot {
  --fa: "\e002";
}

.fa-comet {
  --fa: "\e003";
}

.fa-fan-table {
  --fa: "\e004";
}

.fa-faucet {
  --fa: "\e005";
}

.fa-faucet-drip {
  --fa: "\e006";
}

.fa-galaxy {
  --fa: "\e008";
}

.fa-garage {
  --fa: "\e009";
}

.fa-garage-car {
  --fa: "\e00a";
}

.fa-garage-open {
  --fa: "\e00b";
}

.fa-heat {
  --fa: "\e00c";
}

.fa-house-chimney-window {
  --fa: "\e00d";
}

.fa-house-day {
  --fa: "\e00e";
}

.fa-house-person-leave {
  --fa: "\e00f";
}

.fa-house-leave {
  --fa: "\e00f";
}

.fa-house-person-depart {
  --fa: "\e00f";
}

.fa-house-night {
  --fa: "\e010";
}

.fa-house-person-return {
  --fa: "\e011";
}

.fa-house-person-arrive {
  --fa: "\e011";
}

.fa-house-return {
  --fa: "\e011";
}

.fa-house-signal {
  --fa: "\e012";
}

.fa-lamp-desk {
  --fa: "\e014";
}

.fa-lamp-floor {
  --fa: "\e015";
}

.fa-light-ceiling {
  --fa: "\e016";
}

.fa-light-switch {
  --fa: "\e017";
}

.fa-light-switch-off {
  --fa: "\e018";
}

.fa-light-switch-on {
  --fa: "\e019";
}

.fa-microwave {
  --fa: "\e01b";
}

.fa-outlet {
  --fa: "\e01c";
}

.fa-oven {
  --fa: "\e01d";
}

.fa-planet-moon {
  --fa: "\e01f";
}

.fa-planet-ringed {
  --fa: "\e020";
}

.fa-police-box {
  --fa: "\e021";
}

.fa-person-to-portal {
  --fa: "\e022";
}

.fa-portal-enter {
  --fa: "\e022";
}

.fa-person-from-portal {
  --fa: "\e023";
}

.fa-portal-exit {
  --fa: "\e023";
}

.fa-radar {
  --fa: "\e024";
}

.fa-raygun {
  --fa: "\e025";
}

.fa-refrigerator {
  --fa: "\e026";
}

.fa-rocket-launch {
  --fa: "\e027";
}

.fa-sensor {
  --fa: "\e028";
}

.fa-sensor-triangle-exclamation {
  --fa: "\e029";
}

.fa-sensor-alert {
  --fa: "\e029";
}

.fa-sensor-fire {
  --fa: "\e02a";
}

.fa-sensor-on {
  --fa: "\e02b";
}

.fa-sensor-cloud {
  --fa: "\e02c";
}

.fa-sensor-smoke {
  --fa: "\e02c";
}

.fa-siren {
  --fa: "\e02d";
}

.fa-siren-on {
  --fa: "\e02e";
}

.fa-solar-system {
  --fa: "\e02f";
}

.fa-circle-sort {
  --fa: "\e030";
}

.fa-sort-circle {
  --fa: "\e030";
}

.fa-circle-sort-down {
  --fa: "\e031";
}

.fa-sort-circle-down {
  --fa: "\e031";
}

.fa-circle-sort-up {
  --fa: "\e032";
}

.fa-sort-circle-up {
  --fa: "\e032";
}

.fa-space-station-moon {
  --fa: "\e033";
}

.fa-space-station-moon-construction {
  --fa: "\e034";
}

.fa-space-station-moon-alt {
  --fa: "\e034";
}

.fa-sprinkler {
  --fa: "\e035";
}

.fa-star-shooting {
  --fa: "\e036";
}

.fa-starfighter {
  --fa: "\e037";
}

.fa-starfighter-twin-ion-engine {
  --fa: "\e038";
}

.fa-starfighter-alt {
  --fa: "\e038";
}

.fa-starship {
  --fa: "\e039";
}

.fa-starship-freighter {
  --fa: "\e03a";
}

.fa-sword-laser {
  --fa: "\e03b";
}

.fa-sword-laser-alt {
  --fa: "\e03c";
}

.fa-swords-laser {
  --fa: "\e03d";
}

.fa-telescope {
  --fa: "\e03e";
}

.fa-temperature-arrow-down {
  --fa: "\e03f";
}

.fa-temperature-down {
  --fa: "\e03f";
}

.fa-temperature-arrow-up {
  --fa: "\e040";
}

.fa-temperature-up {
  --fa: "\e040";
}

.fa-trailer {
  --fa: "\e041";
}

.fa-transporter {
  --fa: "\e042";
}

.fa-transporter-1 {
  --fa: "\e043";
}

.fa-transporter-2 {
  --fa: "\e044";
}

.fa-transporter-3 {
  --fa: "\e045";
}

.fa-transporter-empty {
  --fa: "\e046";
}

.fa-ufo {
  --fa: "\e047";
}

.fa-ufo-beam {
  --fa: "\e048";
}

.fa-user-alien {
  --fa: "\e04a";
}

.fa-user-robot {
  --fa: "\e04b";
}

.fa-user-visor {
  --fa: "\e04c";
}

.fa-vacuum {
  --fa: "\e04d";
}

.fa-vacuum-robot {
  --fa: "\e04e";
}

.fa-window-frame {
  --fa: "\e04f";
}

.fa-window-frame-open {
  --fa: "\e050";
}

.fa-coffin-cross {
  --fa: "\e051";
}

.fa-folder-arrow-down {
  --fa: "\e053";
}

.fa-folder-download {
  --fa: "\e053";
}

.fa-folder-arrow-up {
  --fa: "\e054";
}

.fa-folder-upload {
  --fa: "\e054";
}

.fa-user-unlock {
  --fa: "\e058";
}

.fa-bacteria {
  --fa: "\e059";
}

.fa-bacterium {
  --fa: "\e05a";
}

.fa-box-tissue {
  --fa: "\e05b";
}

.fa-hand-holding-medical {
  --fa: "\e05c";
}

.fa-hand-sparkles {
  --fa: "\e05d";
}

.fa-hands-bubbles {
  --fa: "\e05e";
}

.fa-hands-wash {
  --fa: "\e05e";
}

.fa-handshake-slash {
  --fa: "\e060";
}

.fa-handshake-alt-slash {
  --fa: "\e060";
}

.fa-handshake-simple-slash {
  --fa: "\e060";
}

.fa-head-side-cough {
  --fa: "\e061";
}

.fa-head-side-cough-slash {
  --fa: "\e062";
}

.fa-head-side-mask {
  --fa: "\e063";
}

.fa-head-side-virus {
  --fa: "\e064";
}

.fa-house-chimney-user {
  --fa: "\e065";
}

.fa-house-laptop {
  --fa: "\e066";
}

.fa-laptop-house {
  --fa: "\e066";
}

.fa-lungs-virus {
  --fa: "\e067";
}

.fa-people-arrows {
  --fa: "\e068";
}

.fa-people-arrows-left-right {
  --fa: "\e068";
}

.fa-plane-slash {
  --fa: "\e069";
}

.fa-pump-medical {
  --fa: "\e06a";
}

.fa-pump-soap {
  --fa: "\e06b";
}

.fa-shield-virus {
  --fa: "\e06c";
}

.fa-sink {
  --fa: "\e06d";
}

.fa-soap {
  --fa: "\e06e";
}

.fa-stopwatch-20 {
  --fa: "\e06f";
}

.fa-shop-slash {
  --fa: "\e070";
}

.fa-store-alt-slash {
  --fa: "\e070";
}

.fa-store-slash {
  --fa: "\e071";
}

.fa-toilet-paper-slash {
  --fa: "\e072";
}

.fa-users-slash {
  --fa: "\e073";
}

.fa-virus {
  --fa: "\e074";
}

.fa-virus-slash {
  --fa: "\e075";
}

.fa-viruses {
  --fa: "\e076";
}

.fa-vest {
  --fa: "\e085";
}

.fa-vest-patches {
  --fa: "\e086";
}

.fa-airplay {
  --fa: "\e089";
}

.fa-alt {
  --fa: "\e08a";
}

.fa-angle {
  --fa: "\e08c";
}

.fa-angle-90 {
  --fa: "\e08d";
}

.fa-apple-core {
  --fa: "\e08f";
}

.fa-arrow-down-from-dotted-line {
  --fa: "\e090";
}

.fa-arrow-down-left {
  --fa: "\e091";
}

.fa-arrow-down-left-and-arrow-up-right-to-center {
  --fa: "\e092";
}

.fa-arrow-down-right {
  --fa: "\e093";
}

.fa-arrow-down-to-bracket {
  --fa: "\e094";
}

.fa-arrow-down-to-dotted-line {
  --fa: "\e095";
}

.fa-arrow-down-to-square {
  --fa: "\e096";
}

.fa-arrow-trend-down {
  --fa: "\e097";
}

.fa-arrow-trend-up {
  --fa: "\e098";
}

.fa-arrow-up-arrow-down {
  --fa: "\e099";
}

.fa-sort-up-down {
  --fa: "\e099";
}

.fa-arrow-up-from-bracket {
  --fa: "\e09a";
}

.fa-arrow-up-from-dotted-line {
  --fa: "\e09b";
}

.fa-arrow-up-from-square {
  --fa: "\e09c";
}

.fa-arrow-up-left {
  --fa: "\e09d";
}

.fa-arrow-up-left-from-circle {
  --fa: "\e09e";
}

.fa-arrow-up-right {
  --fa: "\e09f";
}

.fa-arrow-up-right-and-arrow-down-left-from-center {
  --fa: "\e0a0";
}

.fa-arrow-up-to-dotted-line {
  --fa: "\e0a1";
}

.fa-arrows-cross {
  --fa: "\e0a2";
}

.fa-arrows-from-dotted-line {
  --fa: "\e0a3";
}

.fa-arrows-from-line {
  --fa: "\e0a4";
}

.fa-arrows-minimize {
  --fa: "\e0a5";
}

.fa-compress-arrows {
  --fa: "\e0a5";
}

.fa-arrows-to-dotted-line {
  --fa: "\e0a6";
}

.fa-arrows-to-line {
  --fa: "\e0a7";
}

.fa-audio-description-slash {
  --fa: "\e0a8";
}

.fa-austral-sign {
  --fa: "\e0a9";
}

.fa-avocado {
  --fa: "\e0aa";
}

.fa-award-simple {
  --fa: "\e0ab";
}

.fa-baht-sign {
  --fa: "\e0ac";
}

.fa-bars-filter {
  --fa: "\e0ad";
}

.fa-bars-sort {
  --fa: "\e0ae";
}

.fa-basket-shopping-simple {
  --fa: "\e0af";
}

.fa-shopping-basket-alt {
  --fa: "\e0af";
}

.fa-battery-exclamation {
  --fa: "\e0b0";
}

.fa-battery-low {
  --fa: "\e0b1";
}

.fa-battery-1 {
  --fa: "\e0b1";
}

.fa-bee {
  --fa: "\e0b2";
}

.fa-beer-mug {
  --fa: "\e0b3";
}

.fa-beer-foam {
  --fa: "\e0b3";
}

.fa-bitcoin-sign {
  --fa: "\e0b4";
}

.fa-block-quote {
  --fa: "\e0b5";
}

.fa-bolt-auto {
  --fa: "\e0b6";
}

.fa-bolt-lightning {
  --fa: "\e0b7";
}

.fa-bolt-slash {
  --fa: "\e0b8";
}

.fa-book-arrow-right {
  --fa: "\e0b9";
}

.fa-book-arrow-up {
  --fa: "\e0ba";
}

.fa-book-bookmark {
  --fa: "\e0bb";
}

.fa-book-circle-arrow-right {
  --fa: "\e0bc";
}

.fa-book-circle-arrow-up {
  --fa: "\e0bd";
}

.fa-book-copy {
  --fa: "\e0be";
}

.fa-book-font {
  --fa: "\e0bf";
}

.fa-book-open-cover {
  --fa: "\e0c0";
}

.fa-book-open-alt {
  --fa: "\e0c0";
}

.fa-book-section {
  --fa: "\e0c1";
}

.fa-book-law {
  --fa: "\e0c1";
}

.fa-bookmark-slash {
  --fa: "\e0c2";
}

.fa-bowling-ball-pin {
  --fa: "\e0c3";
}

.fa-box-circle-check {
  --fa: "\e0c4";
}

.fa-brackets-round {
  --fa: "\e0c5";
}

.fa-parentheses {
  --fa: "\e0c5";
}

.fa-brain-circuit {
  --fa: "\e0c6";
}

.fa-brake-warning {
  --fa: "\e0c7";
}

.fa-briefcase-blank {
  --fa: "\e0c8";
}

.fa-brightness {
  --fa: "\e0c9";
}

.fa-brightness-low {
  --fa: "\e0ca";
}

.fa-browsers {
  --fa: "\e0cb";
}

.fa-buildings {
  --fa: "\e0cc";
}

.fa-burger-fries {
  --fa: "\e0cd";
}

.fa-burger-glass {
  --fa: "\e0ce";
}

.fa-calendar-arrow-down {
  --fa: "\e0d0";
}

.fa-calendar-download {
  --fa: "\e0d0";
}

.fa-calendar-arrow-up {
  --fa: "\e0d1";
}

.fa-calendar-upload {
  --fa: "\e0d1";
}

.fa-calendar-clock {
  --fa: "\e0d2";
}

.fa-calendar-time {
  --fa: "\e0d2";
}

.fa-calendar-heart {
  --fa: "\e0d3";
}

.fa-calendar-image {
  --fa: "\e0d4";
}

.fa-calendar-lines {
  --fa: "\e0d5";
}

.fa-calendar-note {
  --fa: "\e0d5";
}

.fa-calendar-range {
  --fa: "\e0d6";
}

.fa-calendars {
  --fa: "\e0d7";
}

.fa-camera-rotate {
  --fa: "\e0d8";
}

.fa-camera-slash {
  --fa: "\e0d9";
}

.fa-camera-viewfinder {
  --fa: "\e0da";
}

.fa-screenshot {
  --fa: "\e0da";
}

.fa-cart-minus {
  --fa: "\e0db";
}

.fa-cart-shopping-fast {
  --fa: "\e0dc";
}

.fa-cart-xmark {
  --fa: "\e0dd";
}

.fa-castle {
  --fa: "\e0de";
}

.fa-cedi-sign {
  --fa: "\e0df";
}

.fa-chart-bullet {
  --fa: "\e0e1";
}

.fa-chart-candlestick {
  --fa: "\e0e2";
}

.fa-chart-column {
  --fa: "\e0e3";
}

.fa-chart-gantt {
  --fa: "\e0e4";
}

.fa-chart-line-up {
  --fa: "\e0e5";
}

.fa-chart-pyramid {
  --fa: "\e0e6";
}

.fa-chart-radar {
  --fa: "\e0e7";
}

.fa-chart-scatter-3d {
  --fa: "\e0e8";
}

.fa-chart-scatter-bubble {
  --fa: "\e0e9";
}

.fa-chart-tree-map {
  --fa: "\e0ea";
}

.fa-chart-waterfall {
  --fa: "\e0eb";
}

.fa-cherries {
  --fa: "\e0ec";
}

.fa-circle-0 {
  --fa: "\e0ed";
}

.fa-circle-1 {
  --fa: "\e0ee";
}

.fa-circle-2 {
  --fa: "\e0ef";
}

.fa-circle-3 {
  --fa: "\e0f0";
}

.fa-circle-4 {
  --fa: "\e0f1";
}

.fa-circle-5 {
  --fa: "\e0f2";
}

.fa-circle-6 {
  --fa: "\e0f3";
}

.fa-circle-7 {
  --fa: "\e0f4";
}

.fa-circle-8 {
  --fa: "\e0f5";
}

.fa-circle-9 {
  --fa: "\e0f6";
}

.fa-circle-a {
  --fa: "\e0f7";
}

.fa-circle-ampersand {
  --fa: "\e0f8";
}

.fa-circle-arrow-down-left {
  --fa: "\e0f9";
}

.fa-circle-arrow-down-right {
  --fa: "\e0fa";
}

.fa-circle-arrow-up-left {
  --fa: "\e0fb";
}

.fa-circle-arrow-up-right {
  --fa: "\e0fc";
}

.fa-circle-b {
  --fa: "\e0fd";
}

.fa-circle-bolt {
  --fa: "\e0fe";
}

.fa-circle-book-open {
  --fa: "\e0ff";
}

.fa-book-circle {
  --fa: "\e0ff";
}

.fa-circle-bookmark {
  --fa: "\e100";
}

.fa-bookmark-circle {
  --fa: "\e100";
}

.fa-circle-c {
  --fa: "\e101";
}

.fa-circle-calendar {
  --fa: "\e102";
}

.fa-calendar-circle {
  --fa: "\e102";
}

.fa-circle-camera {
  --fa: "\e103";
}

.fa-camera-circle {
  --fa: "\e103";
}

.fa-circle-d {
  --fa: "\e104";
}

.fa-circle-dashed {
  --fa: "\e105";
}

.fa-circle-divide {
  --fa: "\e106";
}

.fa-circle-down-left {
  --fa: "\e107";
}

.fa-circle-down-right {
  --fa: "\e108";
}

.fa-circle-e {
  --fa: "\e109";
}

.fa-circle-ellipsis {
  --fa: "\e10a";
}

.fa-circle-ellipsis-vertical {
  --fa: "\e10b";
}

.fa-circle-envelope {
  --fa: "\e10c";
}

.fa-envelope-circle {
  --fa: "\e10c";
}

.fa-circle-exclamation-check {
  --fa: "\e10d";
}

.fa-circle-f {
  --fa: "\e10e";
}

.fa-circle-g {
  --fa: "\e10f";
}

.fa-circle-half {
  --fa: "\e110";
}

.fa-circle-i {
  --fa: "\e111";
}

.fa-circle-j {
  --fa: "\e112";
}

.fa-circle-k {
  --fa: "\e113";
}

.fa-circle-l {
  --fa: "\e114";
}

.fa-circle-m {
  --fa: "\e115";
}

.fa-circle-microphone {
  --fa: "\e116";
}

.fa-microphone-circle {
  --fa: "\e116";
}

.fa-circle-microphone-lines {
  --fa: "\e117";
}

.fa-microphone-circle-alt {
  --fa: "\e117";
}

.fa-circle-n {
  --fa: "\e118";
}

.fa-circle-o {
  --fa: "\e119";
}

.fa-circle-p {
  --fa: "\e11a";
}

.fa-circle-phone {
  --fa: "\e11b";
}

.fa-phone-circle {
  --fa: "\e11b";
}

.fa-circle-phone-flip {
  --fa: "\e11c";
}

.fa-phone-circle-alt {
  --fa: "\e11c";
}

.fa-circle-phone-hangup {
  --fa: "\e11d";
}

.fa-phone-circle-down {
  --fa: "\e11d";
}

.fa-circle-q {
  --fa: "\e11e";
}

.fa-circle-quarter {
  --fa: "\e11f";
}

.fa-circle-r {
  --fa: "\e120";
}

.fa-circle-s {
  --fa: "\e121";
}

.fa-circle-small {
  --fa: "\e122";
}

.fa-circle-star {
  --fa: "\e123";
}

.fa-star-circle {
  --fa: "\e123";
}

.fa-circle-t {
  --fa: "\e124";
}

.fa-circle-three-quarters {
  --fa: "\e125";
}

.fa-circle-trash {
  --fa: "\e126";
}

.fa-trash-circle {
  --fa: "\e126";
}

.fa-circle-u {
  --fa: "\e127";
}

.fa-circle-up-left {
  --fa: "\e128";
}

.fa-circle-up-right {
  --fa: "\e129";
}

.fa-circle-v {
  --fa: "\e12a";
}

.fa-circle-video {
  --fa: "\e12b";
}

.fa-video-circle {
  --fa: "\e12b";
}

.fa-circle-w {
  --fa: "\e12c";
}

.fa-circle-waveform-lines {
  --fa: "\e12d";
}

.fa-waveform-circle {
  --fa: "\e12d";
}

.fa-circle-x {
  --fa: "\e12e";
}

.fa-circle-y {
  --fa: "\e12f";
}

.fa-circle-z {
  --fa: "\e130";
}

.fa-clapperboard {
  --fa: "\e131";
}

.fa-clapperboard-play {
  --fa: "\e132";
}

.fa-clipboard-medical {
  --fa: "\e133";
}

.fa-clock-desk {
  --fa: "\e134";
}

.fa-closed-captioning-slash {
  --fa: "\e135";
}

.fa-clothes-hanger {
  --fa: "\e136";
}

.fa-cloud-slash {
  --fa: "\e137";
}

.fa-cloud-word {
  --fa: "\e138";
}

.fa-clover {
  --fa: "\e139";
}

.fa-code-compare {
  --fa: "\e13a";
}

.fa-code-fork {
  --fa: "\e13b";
}

.fa-code-pull-request {
  --fa: "\e13c";
}

.fa-code-simple {
  --fa: "\e13d";
}

.fa-coffee-bean {
  --fa: "\e13e";
}

.fa-coffee-beans {
  --fa: "\e13f";
}

.fa-colon-sign {
  --fa: "\e140";
}

.fa-command {
  --fa: "\e142";
}

.fa-comment-arrow-down {
  --fa: "\e143";
}

.fa-comment-arrow-up {
  --fa: "\e144";
}

.fa-comment-arrow-up-right {
  --fa: "\e145";
}

.fa-comment-captions {
  --fa: "\e146";
}

.fa-comment-code {
  --fa: "\e147";
}

.fa-comment-image {
  --fa: "\e148";
}

.fa-comment-middle {
  --fa: "\e149";
}

.fa-comment-middle-top {
  --fa: "\e14a";
}

.fa-comment-question {
  --fa: "\e14b";
}

.fa-comment-quote {
  --fa: "\e14c";
}

.fa-comment-text {
  --fa: "\e14d";
}

.fa-comments-question {
  --fa: "\e14e";
}

.fa-comments-question-check {
  --fa: "\e14f";
}

.fa-conveyor-belt-empty {
  --fa: "\e150";
}

.fa-crate-empty {
  --fa: "\e151";
}

.fa-cruzeiro-sign {
  --fa: "\e152";
}

.fa-delete-right {
  --fa: "\e154";
}

.fa-desktop-arrow-down {
  --fa: "\e155";
}

.fa-diagram-lean-canvas {
  --fa: "\e156";
}

.fa-diagram-nested {
  --fa: "\e157";
}

.fa-diagram-sankey {
  --fa: "\e158";
}

.fa-diagram-venn {
  --fa: "\e15a";
}

.fa-dial {
  --fa: "\e15b";
}

.fa-dial-med-high {
  --fa: "\e15b";
}

.fa-dial-high {
  --fa: "\e15c";
}

.fa-dial-low {
  --fa: "\e15d";
}

.fa-dial-max {
  --fa: "\e15e";
}

.fa-dial-med {
  --fa: "\e15f";
}

.fa-dial-med-low {
  --fa: "\e160";
}

.fa-dial-min {
  --fa: "\e161";
}

.fa-dial-off {
  --fa: "\e162";
}

.fa-display {
  --fa: "\e163";
}

.fa-display-arrow-down {
  --fa: "\e164";
}

.fa-display-code {
  --fa: "\e165";
}

.fa-desktop-code {
  --fa: "\e165";
}

.fa-display-medical {
  --fa: "\e166";
}

.fa-desktop-medical {
  --fa: "\e166";
}

.fa-dolphin {
  --fa: "\e168";
}

.fa-dong-sign {
  --fa: "\e169";
}

.fa-down-left {
  --fa: "\e16a";
}

.fa-down-right {
  --fa: "\e16b";
}

.fa-eggplant {
  --fa: "\e16c";
}

.fa-elevator {
  --fa: "\e16d";
}

.fa-engine {
  --fa: "\e16e";
}

.fa-envelope-dot {
  --fa: "\e16f";
}

.fa-envelope-badge {
  --fa: "\e16f";
}

.fa-envelopes {
  --fa: "\e170";
}

.fa-escalator {
  --fa: "\e171";
}

.fa-eye-dropper-full {
  --fa: "\e172";
}

.fa-eye-dropper-half {
  --fa: "\e173";
}

.fa-ferris-wheel {
  --fa: "\e174";
}

.fa-file-binary {
  --fa: "\e175";
}

.fa-file-heart {
  --fa: "\e176";
}

.fa-file-plus-minus {
  --fa: "\e177";
}

.fa-files {
  --fa: "\e178";
}

.fa-film-slash {
  --fa: "\e179";
}

.fa-films {
  --fa: "\e17a";
}

.fa-filter-circle-xmark {
  --fa: "\e17b";
}

.fa-filter-list {
  --fa: "\e17c";
}

.fa-filter-slash {
  --fa: "\e17d";
}

.fa-filters {
  --fa: "\e17e";
}

.fa-fire-hydrant {
  --fa: "\e17f";
}

.fa-floppy-disk-circle-arrow-right {
  --fa: "\e180";
}

.fa-save-circle-arrow-right {
  --fa: "\e180";
}

.fa-floppy-disk-circle-xmark {
  --fa: "\e181";
}

.fa-floppy-disk-times {
  --fa: "\e181";
}

.fa-save-circle-xmark {
  --fa: "\e181";
}

.fa-save-times {
  --fa: "\e181";
}

.fa-floppy-disk-pen {
  --fa: "\e182";
}

.fa-floppy-disks {
  --fa: "\e183";
}

.fa-florin-sign {
  --fa: "\e184";
}

.fa-folder-closed {
  --fa: "\e185";
}

.fa-folder-bookmark {
  --fa: "\e186";
}

.fa-folder-gear {
  --fa: "\e187";
}

.fa-folder-cog {
  --fa: "\e187";
}

.fa-folder-grid {
  --fa: "\e188";
}

.fa-folder-heart {
  --fa: "\e189";
}

.fa-folder-image {
  --fa: "\e18a";
}

.fa-folder-magnifying-glass {
  --fa: "\e18b";
}

.fa-folder-search {
  --fa: "\e18b";
}

.fa-folder-medical {
  --fa: "\e18c";
}

.fa-folder-music {
  --fa: "\e18d";
}

.fa-folder-user {
  --fa: "\e18e";
}

.fa-franc-sign {
  --fa: "\e18f";
}

.fa-gif {
  --fa: "\e190";
}

.fa-glass-empty {
  --fa: "\e191";
}

.fa-glass-half {
  --fa: "\e192";
}

.fa-glass-half-empty {
  --fa: "\e192";
}

.fa-glass-half-full {
  --fa: "\e192";
}

.fa-grate {
  --fa: "\e193";
}

.fa-grate-droplet {
  --fa: "\e194";
}

.fa-grid {
  --fa: "\e195";
}

.fa-grid-3 {
  --fa: "\e195";
}

.fa-grid-2 {
  --fa: "\e196";
}

.fa-grid-2-plus {
  --fa: "\e197";
}

.fa-grid-4 {
  --fa: "\e198";
}

.fa-grid-5 {
  --fa: "\e199";
}

.fa-guarani-sign {
  --fa: "\e19a";
}

.fa-gun {
  --fa: "\e19b";
}

.fa-gun-slash {
  --fa: "\e19c";
}

.fa-gun-squirt {
  --fa: "\e19d";
}

.fa-hand-back-point-down {
  --fa: "\e19e";
}

.fa-hand-back-point-left {
  --fa: "\e19f";
}

.fa-hand-back-point-ribbon {
  --fa: "\e1a0";
}

.fa-hand-back-point-right {
  --fa: "\e1a1";
}

.fa-hand-back-point-up {
  --fa: "\e1a2";
}

.fa-hand-fingers-crossed {
  --fa: "\e1a3";
}

.fa-hand-holding-skull {
  --fa: "\e1a4";
}

.fa-hand-love {
  --fa: "\e1a5";
}

.fa-hand-point-ribbon {
  --fa: "\e1a6";
}

.fa-hand-wave {
  --fa: "\e1a7";
}

.fa-hands-clapping {
  --fa: "\e1a8";
}

.fa-hand-horns {
  --fa: "\e1a9";
}

.fa-head-side-heart {
  --fa: "\e1aa";
}

.fa-heart-half {
  --fa: "\e1ab";
}

.fa-heart-half-stroke {
  --fa: "\e1ac";
}

.fa-heart-half-alt {
  --fa: "\e1ac";
}

.fa-hexagon-divide {
  --fa: "\e1ad";
}

.fa-high-definition {
  --fa: "\e1ae";
}

.fa-rectangle-hd {
  --fa: "\e1ae";
}

.fa-highlighter-line {
  --fa: "\e1af";
}

.fa-house-user {
  --fa: "\e1b0";
}

.fa-home-user {
  --fa: "\e1b0";
}

.fa-house-building {
  --fa: "\e1b1";
}

.fa-house-chimney-heart {
  --fa: "\e1b2";
}

.fa-house-tree {
  --fa: "\e1b3";
}

.fa-house-turret {
  --fa: "\e1b4";
}

.fa-image-landscape {
  --fa: "\e1b5";
}

.fa-landscape {
  --fa: "\e1b5";
}

.fa-image-polaroid-user {
  --fa: "\e1b6";
}

.fa-image-slash {
  --fa: "\e1b7";
}

.fa-image-user {
  --fa: "\e1b8";
}

.fa-images-user {
  --fa: "\e1b9";
}

.fa-inbox-full {
  --fa: "\e1ba";
}

.fa-inboxes {
  --fa: "\e1bb";
}

.fa-indian-rupee-sign {
  --fa: "\e1bc";
}

.fa-indian-rupee {
  --fa: "\e1bc";
}

.fa-inr {
  --fa: "\e1bc";
}

.fa-input-numeric {
  --fa: "\e1bd";
}

.fa-input-pipe {
  --fa: "\e1be";
}

.fa-input-text {
  --fa: "\e1bf";
}

.fa-keyboard-brightness {
  --fa: "\e1c0";
}

.fa-keyboard-brightness-low {
  --fa: "\e1c1";
}

.fa-keyboard-down {
  --fa: "\e1c2";
}

.fa-keyboard-left {
  --fa: "\e1c3";
}

.fa-kip-sign {
  --fa: "\e1c4";
}

.fa-lamp-street {
  --fa: "\e1c5";
}

.fa-laptop-arrow-down {
  --fa: "\e1c6";
}

.fa-laptop-slash {
  --fa: "\e1c7";
}

.fa-lari-sign {
  --fa: "\e1c8";
}

.fa-lasso-sparkles {
  --fa: "\e1c9";
}

.fa-lightbulb-exclamation-on {
  --fa: "\e1ca";
}

.fa-link-horizontal {
  --fa: "\e1cb";
}

.fa-chain-horizontal {
  --fa: "\e1cb";
}

.fa-link-horizontal-slash {
  --fa: "\e1cc";
}

.fa-chain-horizontal-slash {
  --fa: "\e1cc";
}

.fa-link-simple {
  --fa: "\e1cd";
}

.fa-link-simple-slash {
  --fa: "\e1ce";
}

.fa-list-dropdown {
  --fa: "\e1cf";
}

.fa-list-radio {
  --fa: "\e1d0";
}

.fa-list-timeline {
  --fa: "\e1d1";
}

.fa-list-tree {
  --fa: "\e1d2";
}

.fa-litecoin-sign {
  --fa: "\e1d3";
}

.fa-loader {
  --fa: "\e1d4";
}

.fa-manat-sign {
  --fa: "\e1d5";
}

.fa-manhole {
  --fa: "\e1d6";
}

.fa-mask-face {
  --fa: "\e1d7";
}

.fa-memo {
  --fa: "\e1d8";
}

.fa-memo-circle-check {
  --fa: "\e1d9";
}

.fa-memo-pad {
  --fa: "\e1da";
}

.fa-message-arrow-down {
  --fa: "\e1db";
}

.fa-comment-alt-arrow-down {
  --fa: "\e1db";
}

.fa-message-arrow-up {
  --fa: "\e1dc";
}

.fa-comment-alt-arrow-up {
  --fa: "\e1dc";
}

.fa-message-arrow-up-right {
  --fa: "\e1dd";
}

.fa-message-captions {
  --fa: "\e1de";
}

.fa-comment-alt-captions {
  --fa: "\e1de";
}

.fa-message-code {
  --fa: "\e1df";
}

.fa-message-image {
  --fa: "\e1e0";
}

.fa-comment-alt-image {
  --fa: "\e1e0";
}

.fa-message-middle {
  --fa: "\e1e1";
}

.fa-comment-middle-alt {
  --fa: "\e1e1";
}

.fa-message-middle-top {
  --fa: "\e1e2";
}

.fa-comment-middle-top-alt {
  --fa: "\e1e2";
}

.fa-message-question {
  --fa: "\e1e3";
}

.fa-message-quote {
  --fa: "\e1e4";
}

.fa-comment-alt-quote {
  --fa: "\e1e4";
}

.fa-message-sms {
  --fa: "\e1e5";
}

.fa-message-text {
  --fa: "\e1e6";
}

.fa-comment-alt-text {
  --fa: "\e1e6";
}

.fa-messages-question {
  --fa: "\e1e7";
}

.fa-meter {
  --fa: "\e1e8";
}

.fa-meter-bolt {
  --fa: "\e1e9";
}

.fa-meter-droplet {
  --fa: "\e1ea";
}

.fa-meter-fire {
  --fa: "\e1eb";
}

.fa-microchip-ai {
  --fa: "\e1ec";
}

.fa-mill-sign {
  --fa: "\e1ed";
}

.fa-mobile-notch {
  --fa: "\e1ee";
}

.fa-mobile-iphone {
  --fa: "\e1ee";
}

.fa-mobile-signal {
  --fa: "\e1ef";
}

.fa-mobile-signal-out {
  --fa: "\e1f0";
}

.fa-money-bill-simple {
  --fa: "\e1f1";
}

.fa-money-bill-simple-wave {
  --fa: "\e1f2";
}

.fa-money-bills {
  --fa: "\e1f3";
}

.fa-money-bills-simple {
  --fa: "\e1f4";
}

.fa-money-bills-alt {
  --fa: "\e1f4";
}

.fa-mug-tea-saucer {
  --fa: "\e1f5";
}

.fa-naira-sign {
  --fa: "\e1f6";
}

.fa-nfc {
  --fa: "\e1f7";
}

.fa-nfc-lock {
  --fa: "\e1f8";
}

.fa-nfc-magnifying-glass {
  --fa: "\e1f9";
}

.fa-nfc-pen {
  --fa: "\e1fa";
}

.fa-nfc-signal {
  --fa: "\e1fb";
}

.fa-nfc-slash {
  --fa: "\e1fc";
}

.fa-nfc-trash {
  --fa: "\e1fd";
}

.fa-notdef {
  --fa: "\e1fe";
}

.fa-note {
  --fa: "\e1ff";
}

.fa-note-medical {
  --fa: "\e200";
}

.fa-notebook {
  --fa: "\e201";
}

.fa-notes {
  --fa: "\e202";
}

.fa-octagon-divide {
  --fa: "\e203";
}

.fa-octagon-exclamation {
  --fa: "\e204";
}

.fa-oil-can-drip {
  --fa: "\e205";
}

.fa-paintbrush-pencil {
  --fa: "\e206";
}

.fa-pallet-box {
  --fa: "\e208";
}

.fa-panorama {
  --fa: "\e209";
}

.fa-paper-plane-top {
  --fa: "\e20a";
}

.fa-paper-plane-alt {
  --fa: "\e20a";
}

.fa-send {
  --fa: "\e20a";
}

.fa-peach {
  --fa: "\e20b";
}

.fa-pear {
  --fa: "\e20c";
}

.fa-pedestal {
  --fa: "\e20d";
}

.fa-pen-circle {
  --fa: "\e20e";
}

.fa-pen-clip-slash {
  --fa: "\e20f";
}

.fa-pen-alt-slash {
  --fa: "\e20f";
}

.fa-pen-fancy-slash {
  --fa: "\e210";
}

.fa-pen-field {
  --fa: "\e211";
}

.fa-pen-line {
  --fa: "\e212";
}

.fa-pen-slash {
  --fa: "\e213";
}

.fa-pen-swirl {
  --fa: "\e214";
}

.fa-pencil-slash {
  --fa: "\e215";
}

.fa-people {
  --fa: "\e216";
}

.fa-people-dress {
  --fa: "\e217";
}

.fa-people-dress-simple {
  --fa: "\e218";
}

.fa-people-pants {
  --fa: "\e219";
}

.fa-people-pants-simple {
  --fa: "\e21a";
}

.fa-people-simple {
  --fa: "\e21b";
}

.fa-person-dress-simple {
  --fa: "\e21c";
}

.fa-person-pinball {
  --fa: "\e21d";
}

.fa-person-seat {
  --fa: "\e21e";
}

.fa-person-seat-reclined {
  --fa: "\e21f";
}

.fa-person-simple {
  --fa: "\e220";
}

.fa-peseta-sign {
  --fa: "\e221";
}

.fa-peso-sign {
  --fa: "\e222";
}

.fa-phone-arrow-down-left {
  --fa: "\e223";
}

.fa-phone-arrow-down {
  --fa: "\e223";
}

.fa-phone-incoming {
  --fa: "\e223";
}

.fa-phone-arrow-up-right {
  --fa: "\e224";
}

.fa-phone-arrow-up {
  --fa: "\e224";
}

.fa-phone-outgoing {
  --fa: "\e224";
}

.fa-phone-hangup {
  --fa: "\e225";
}

.fa-phone-missed {
  --fa: "\e226";
}

.fa-phone-xmark {
  --fa: "\e227";
}

.fa-photo-film-music {
  --fa: "\e228";
}

.fa-pinball {
  --fa: "\e229";
}

.fa-plane-prop {
  --fa: "\e22b";
}

.fa-plane-tail {
  --fa: "\e22c";
}

.fa-plane-up {
  --fa: "\e22d";
}

.fa-plane-up-slash {
  --fa: "\e22e";
}

.fa-play-pause {
  --fa: "\e22f";
}

.fa-puzzle-piece-simple {
  --fa: "\e231";
}

.fa-puzzle-piece-alt {
  --fa: "\e231";
}

.fa-quotes {
  --fa: "\e234";
}

.fa-rectangle-pro {
  --fa: "\e235";
}

.fa-pro {
  --fa: "\e235";
}

.fa-rectangle-terminal {
  --fa: "\e236";
}

.fa-rectangle-vertical-history {
  --fa: "\e237";
}

.fa-reel {
  --fa: "\e238";
}

.fa-reply-clock {
  --fa: "\e239";
}

.fa-reply-time {
  --fa: "\e239";
}

.fa-restroom-simple {
  --fa: "\e23a";
}

.fa-rhombus {
  --fa: "\e23b";
}

.fa-rotate-exclamation {
  --fa: "\e23c";
}

.fa-rupiah-sign {
  --fa: "\e23d";
}

.fa-screencast {
  --fa: "\e23e";
}

.fa-scribble {
  --fa: "\e23f";
}

.fa-sd-cards {
  --fa: "\e240";
}

.fa-seal {
  --fa: "\e241";
}

.fa-seal-exclamation {
  --fa: "\e242";
}

.fa-seal-question {
  --fa: "\e243";
}

.fa-seat-airline {
  --fa: "\e244";
}

.fa-shelves-empty {
  --fa: "\e246";
}

.fa-shield-exclamation {
  --fa: "\e247";
}

.fa-shield-keyhole {
  --fa: "\e248";
}

.fa-shield-minus {
  --fa: "\e249";
}

.fa-shield-plus {
  --fa: "\e24a";
}

.fa-shield-slash {
  --fa: "\e24b";
}

.fa-shield-xmark {
  --fa: "\e24c";
}

.fa-shield-times {
  --fa: "\e24c";
}

.fa-shower-down {
  --fa: "\e24d";
}

.fa-shower-alt {
  --fa: "\e24d";
}

.fa-sidebar {
  --fa: "\e24e";
}

.fa-sidebar-flip {
  --fa: "\e24f";
}

.fa-signal-stream-slash {
  --fa: "\e250";
}

.fa-sim-cards {
  --fa: "\e251";
}

.fa-slider {
  --fa: "\e252";
}

.fa-sliders-simple {
  --fa: "\e253";
}

.fa-split {
  --fa: "\e254";
}

.fa-square-0 {
  --fa: "\e255";
}

.fa-square-1 {
  --fa: "\e256";
}

.fa-square-2 {
  --fa: "\e257";
}

.fa-square-3 {
  --fa: "\e258";
}

.fa-square-4 {
  --fa: "\e259";
}

.fa-square-5 {
  --fa: "\e25a";
}

.fa-square-6 {
  --fa: "\e25b";
}

.fa-square-7 {
  --fa: "\e25c";
}

.fa-square-8 {
  --fa: "\e25d";
}

.fa-square-9 {
  --fa: "\e25e";
}

.fa-square-a {
  --fa: "\e25f";
}

.fa-square-ampersand {
  --fa: "\e260";
}

.fa-square-arrow-down-left {
  --fa: "\e261";
}

.fa-square-arrow-down-right {
  --fa: "\e262";
}

.fa-square-arrow-up-left {
  --fa: "\e263";
}

.fa-square-b {
  --fa: "\e264";
}

.fa-square-bolt {
  --fa: "\e265";
}

.fa-square-c {
  --fa: "\e266";
}

.fa-square-code {
  --fa: "\e267";
}

.fa-square-d {
  --fa: "\e268";
}

.fa-square-dashed {
  --fa: "\e269";
}

.fa-square-divide {
  --fa: "\e26a";
}

.fa-square-down-left {
  --fa: "\e26b";
}

.fa-square-down-right {
  --fa: "\e26c";
}

.fa-square-e {
  --fa: "\e26d";
}

.fa-square-ellipsis {
  --fa: "\e26e";
}

.fa-square-ellipsis-vertical {
  --fa: "\e26f";
}

.fa-square-f {
  --fa: "\e270";
}

.fa-square-g {
  --fa: "\e271";
}

.fa-square-i {
  --fa: "\e272";
}

.fa-square-j {
  --fa: "\e273";
}

.fa-square-k {
  --fa: "\e274";
}

.fa-square-l {
  --fa: "\e275";
}

.fa-square-m {
  --fa: "\e276";
}

.fa-square-n {
  --fa: "\e277";
}

.fa-square-o {
  --fa: "\e278";
}

.fa-square-p {
  --fa: "\e279";
}

.fa-square-phone-hangup {
  --fa: "\e27a";
}

.fa-phone-square-down {
  --fa: "\e27a";
}

.fa-square-q {
  --fa: "\e27b";
}

.fa-square-r {
  --fa: "\e27c";
}

.fa-square-s {
  --fa: "\e27d";
}

.fa-square-small {
  --fa: "\e27e";
}

.fa-square-star {
  --fa: "\e27f";
}

.fa-square-t {
  --fa: "\e280";
}

.fa-square-u {
  --fa: "\e281";
}

.fa-square-up-left {
  --fa: "\e282";
}

.fa-square-user {
  --fa: "\e283";
}

.fa-square-v {
  --fa: "\e284";
}

.fa-square-w {
  --fa: "\e285";
}

.fa-square-x {
  --fa: "\e286";
}

.fa-square-y {
  --fa: "\e287";
}

.fa-square-z {
  --fa: "\e288";
}

.fa-stairs {
  --fa: "\e289";
}

.fa-standard-definition {
  --fa: "\e28a";
}

.fa-rectangle-sd {
  --fa: "\e28a";
}

.fa-star-sharp {
  --fa: "\e28b";
}

.fa-star-sharp-half {
  --fa: "\e28c";
}

.fa-star-sharp-half-stroke {
  --fa: "\e28d";
}

.fa-star-sharp-half-alt {
  --fa: "\e28d";
}

.fa-starfighter-twin-ion-engine-advanced {
  --fa: "\e28e";
}

.fa-starfighter-alt-advanced {
  --fa: "\e28e";
}

.fa-sun-bright {
  --fa: "\e28f";
}

.fa-sun-alt {
  --fa: "\e28f";
}

.fa-table-layout {
  --fa: "\e290";
}

.fa-table-pivot {
  --fa: "\e291";
}

.fa-table-rows {
  --fa: "\e292";
}

.fa-rows {
  --fa: "\e292";
}

.fa-table-tree {
  --fa: "\e293";
}

.fa-tally-1 {
  --fa: "\e294";
}

.fa-tally-2 {
  --fa: "\e295";
}

.fa-tally-3 {
  --fa: "\e296";
}

.fa-tally-4 {
  --fa: "\e297";
}

.fa-taxi-bus {
  --fa: "\e298";
}

.fa-temperature-list {
  --fa: "\e299";
}

.fa-ticket-airline {
  --fa: "\e29a";
}

.fa-ticket-perforated-plane {
  --fa: "\e29a";
}

.fa-ticket-plane {
  --fa: "\e29a";
}

.fa-tickets-airline {
  --fa: "\e29b";
}

.fa-tickets-perforated-plane {
  --fa: "\e29b";
}

.fa-tickets-plane {
  --fa: "\e29b";
}

.fa-timeline {
  --fa: "\e29c";
}

.fa-timeline-arrow {
  --fa: "\e29d";
}

.fa-timer {
  --fa: "\e29e";
}

.fa-toilet-paper-under {
  --fa: "\e2a0";
}

.fa-toilet-paper-blank-under {
  --fa: "\e2a0";
}

.fa-toilet-paper-reverse {
  --fa: "\e2a0";
}

.fa-toilet-paper-reverse-alt {
  --fa: "\e2a0";
}

.fa-toilet-paper-under-slash {
  --fa: "\e2a1";
}

.fa-toilet-paper-reverse-slash {
  --fa: "\e2a1";
}

.fa-tower-control {
  --fa: "\e2a2";
}

.fa-train-subway-tunnel {
  --fa: "\e2a3";
}

.fa-subway-tunnel {
  --fa: "\e2a3";
}

.fa-transformer-bolt {
  --fa: "\e2a4";
}

.fa-transporter-4 {
  --fa: "\e2a5";
}

.fa-transporter-5 {
  --fa: "\e2a6";
}

.fa-transporter-6 {
  --fa: "\e2a7";
}

.fa-transporter-7 {
  --fa: "\e2a8";
}

.fa-trash-can-check {
  --fa: "\e2a9";
}

.fa-trash-can-clock {
  --fa: "\e2aa";
}

.fa-trash-can-list {
  --fa: "\e2ab";
}

.fa-trash-can-plus {
  --fa: "\e2ac";
}

.fa-trash-can-slash {
  --fa: "\e2ad";
}

.fa-trash-alt-slash {
  --fa: "\e2ad";
}

.fa-trash-can-xmark {
  --fa: "\e2ae";
}

.fa-trash-check {
  --fa: "\e2af";
}

.fa-trash-clock {
  --fa: "\e2b0";
}

.fa-trash-list {
  --fa: "\e2b1";
}

.fa-trash-plus {
  --fa: "\e2b2";
}

.fa-trash-slash {
  --fa: "\e2b3";
}

.fa-trash-xmark {
  --fa: "\e2b4";
}

.fa-truck-container-empty {
  --fa: "\e2b5";
}

.fa-truck-flatbed {
  --fa: "\e2b6";
}

.fa-truck-front {
  --fa: "\e2b7";
}

.fa-truck-tow {
  --fa: "\e2b8";
}

.fa-tty-answer {
  --fa: "\e2b9";
}

.fa-teletype-answer {
  --fa: "\e2b9";
}

.fa-tugrik-sign {
  --fa: "\e2ba";
}

.fa-turkish-lira-sign {
  --fa: "\e2bb";
}

.fa-try {
  --fa: "\e2bb";
}

.fa-turkish-lira {
  --fa: "\e2bb";
}

.fa-umbrella-simple {
  --fa: "\e2bc";
}

.fa-umbrella-alt {
  --fa: "\e2bc";
}

.fa-up-left {
  --fa: "\e2bd";
}

.fa-up-right {
  --fa: "\e2be";
}

.fa-user-bounty-hunter {
  --fa: "\e2bf";
}

.fa-user-pilot {
  --fa: "\e2c0";
}

.fa-user-pilot-tie {
  --fa: "\e2c1";
}

.fa-user-shakespeare {
  --fa: "\e2c2";
}

.fa-utility-pole {
  --fa: "\e2c3";
}

.fa-utility-pole-double {
  --fa: "\e2c4";
}

.fa-vault {
  --fa: "\e2c5";
}

.fa-video-arrow-down-left {
  --fa: "\e2c8";
}

.fa-video-arrow-up-right {
  --fa: "\e2c9";
}

.fa-wand-magic-sparkles {
  --fa: "\e2ca";
}

.fa-magic-wand-sparkles {
  --fa: "\e2ca";
}

.fa-watch-apple {
  --fa: "\e2cb";
}

.fa-watch-smart {
  --fa: "\e2cc";
}

.fa-wheat-awn {
  --fa: "\e2cd";
}

.fa-wheat-alt {
  --fa: "\e2cd";
}

.fa-wheelchair-move {
  --fa: "\e2ce";
}

.fa-wheelchair-alt {
  --fa: "\e2ce";
}

.fa-wifi-exclamation {
  --fa: "\e2cf";
}

.fa-wrench-simple {
  --fa: "\e2d1";
}

.fa-robot-astromech {
  --fa: "\e2d2";
}

.fa-360-degrees {
  --fa: "\e2dc";
}

.fa-aperture {
  --fa: "\e2df";
}

.fa-arrow-turn-down-left {
  --fa: "\e2e1";
}

.fa-balloon {
  --fa: "\e2e3";
}

.fa-balloons {
  --fa: "\e2e4";
}

.fa-banana {
  --fa: "\e2e5";
}

.fa-bangladeshi-taka-sign {
  --fa: "\e2e6";
}

.fa-bench-tree {
  --fa: "\e2e7";
}

.fa-blueberries {
  --fa: "\e2e8";
}

.fa-bowl-chopsticks {
  --fa: "\e2e9";
}

.fa-bowl-chopsticks-noodles {
  --fa: "\e2ea";
}

.fa-bowl-rice {
  --fa: "\e2eb";
}

.fa-briefcase-arrow-right {
  --fa: "\e2f2";
}

.fa-citrus {
  --fa: "\e2f4";
}

.fa-citrus-slice {
  --fa: "\e2f5";
}

.fa-coconut {
  --fa: "\e2f6";
}

.fa-display-slash {
  --fa: "\e2fa";
}

.fa-desktop-slash {
  --fa: "\e2fa";
}

.fa-face-explode {
  --fa: "\e2fe";
}

.fa-exploding-head {
  --fa: "\e2fe";
}

.fa-face-viewfinder {
  --fa: "\e2ff";
}

.fa-family {
  --fa: "\e300";
}

.fa-family-dress {
  --fa: "\e301";
}

.fa-family-pants {
  --fa: "\e302";
}

.fa-fence {
  --fa: "\e303";
}

.fa-fish-bones {
  --fa: "\e304";
}

.fa-grapes {
  --fa: "\e306";
}

.fa-kiwi-fruit {
  --fa: "\e30c";
}

.fa-mango {
  --fa: "\e30f";
}

.fa-melon {
  --fa: "\e310";
}

.fa-melon-slice {
  --fa: "\e311";
}

.fa-money-from-bracket {
  --fa: "\e312";
}

.fa-money-simple-from-bracket {
  --fa: "\e313";
}

.fa-olive {
  --fa: "\e316";
}

.fa-olive-branch {
  --fa: "\e317";
}

.fa-option {
  --fa: "\e318";
}

.fa-party-bell {
  --fa: "\e31a";
}

.fa-party-horn {
  --fa: "\e31b";
}

.fa-peapod {
  --fa: "\e31c";
}

.fa-person-pregnant {
  --fa: "\e31e";
}

.fa-pineapple {
  --fa: "\e31f";
}

.fa-rectangle-code {
  --fa: "\e322";
}

.fa-rectangles-mixed {
  --fa: "\e323";
}

.fa-roller-coaster {
  --fa: "\e324";
}

.fa-square-quote {
  --fa: "\e329";
}

.fa-square-terminal {
  --fa: "\e32a";
}

.fa-strawberry {
  --fa: "\e32b";
}

.fa-table-picnic {
  --fa: "\e32d";
}

.fa-thought-bubble {
  --fa: "\e32e";
}

.fa-tick {
  --fa: "\e32f";
}

.fa-tomato {
  --fa: "\e330";
}

.fa-turn-down-left {
  --fa: "\e331";
}

.fa-user-police {
  --fa: "\e333";
}

.fa-user-police-tie {
  --fa: "\e334";
}

.fa-watermelon-slice {
  --fa: "\e337";
}

.fa-wheat-awn-slash {
  --fa: "\e338";
}

.fa-wheat-slash {
  --fa: "\e339";
}

.fa-badminton {
  --fa: "\e33a";
}

.fa-binary {
  --fa: "\e33b";
}

.fa-binary-circle-check {
  --fa: "\e33c";
}

.fa-binary-lock {
  --fa: "\e33d";
}

.fa-binary-slash {
  --fa: "\e33e";
}

.fa-boot-heeled {
  --fa: "\e33f";
}

.fa-car-bolt {
  --fa: "\e341";
}

.fa-car-circle-bolt {
  --fa: "\e342";
}

.fa-car-mirrors {
  --fa: "\e343";
}

.fa-car-side-bolt {
  --fa: "\e344";
}

.fa-clock-eight {
  --fa: "\e345";
}

.fa-clock-eight-thirty {
  --fa: "\e346";
}

.fa-clock-eleven {
  --fa: "\e347";
}

.fa-clock-eleven-thirty {
  --fa: "\e348";
}

.fa-clock-five {
  --fa: "\e349";
}

.fa-clock-five-thirty {
  --fa: "\e34a";
}

.fa-clock-four-thirty {
  --fa: "\e34b";
}

.fa-clock-nine {
  --fa: "\e34c";
}

.fa-clock-nine-thirty {
  --fa: "\e34d";
}

.fa-clock-one {
  --fa: "\e34e";
}

.fa-clock-one-thirty {
  --fa: "\e34f";
}

.fa-clock-seven {
  --fa: "\e350";
}

.fa-clock-seven-thirty {
  --fa: "\e351";
}

.fa-clock-six {
  --fa: "\e352";
}

.fa-clock-six-thirty {
  --fa: "\e353";
}

.fa-clock-ten {
  --fa: "\e354";
}

.fa-clock-ten-thirty {
  --fa: "\e355";
}

.fa-clock-three {
  --fa: "\e356";
}

.fa-clock-three-thirty {
  --fa: "\e357";
}

.fa-clock-twelve {
  --fa: "\e358";
}

.fa-clock-twelve-thirty {
  --fa: "\e359";
}

.fa-clock-two {
  --fa: "\e35a";
}

.fa-clock-two-thirty {
  --fa: "\e35b";
}

.fa-cloud-check {
  --fa: "\e35c";
}

.fa-cloud-minus {
  --fa: "\e35d";
}

.fa-cloud-plus {
  --fa: "\e35e";
}

.fa-cloud-xmark {
  --fa: "\e35f";
}

.fa-columns-3 {
  --fa: "\e361";
}

.fa-crystal-ball {
  --fa: "\e362";
}

.fa-cup-straw {
  --fa: "\e363";
}

.fa-cup-straw-swoosh {
  --fa: "\e364";
}

.fa-distribute-spacing-horizontal {
  --fa: "\e365";
}

.fa-distribute-spacing-vertical {
  --fa: "\e366";
}

.fa-eyes {
  --fa: "\e367";
}

.fa-face-angry-horns {
  --fa: "\e368";
}

.fa-face-anguished {
  --fa: "\e369";
}

.fa-face-anxious-sweat {
  --fa: "\e36a";
}

.fa-face-astonished {
  --fa: "\e36b";
}

.fa-face-confounded {
  --fa: "\e36c";
}

.fa-face-confused {
  --fa: "\e36d";
}

.fa-face-cowboy-hat {
  --fa: "\e36e";
}

.fa-face-disappointed {
  --fa: "\e36f";
}

.fa-face-disguise {
  --fa: "\e370";
}

.fa-face-downcast-sweat {
  --fa: "\e371";
}

.fa-face-drooling {
  --fa: "\e372";
}

.fa-face-expressionless {
  --fa: "\e373";
}

.fa-face-eyes-xmarks {
  --fa: "\e374";
}

.fa-face-fearful {
  --fa: "\e375";
}

.fa-face-frown-slight {
  --fa: "\e376";
}

.fa-face-glasses {
  --fa: "\e377";
}

.fa-face-hand-over-mouth {
  --fa: "\e378";
}

.fa-face-hand-yawn {
  --fa: "\e379";
}

.fa-face-head-bandage {
  --fa: "\e37a";
}

.fa-face-hushed {
  --fa: "\e37b";
}

.fa-face-icicles {
  --fa: "\e37c";
}

.fa-face-kiss-closed-eyes {
  --fa: "\e37d";
}

.fa-face-lying {
  --fa: "\e37e";
}

.fa-face-mask {
  --fa: "\e37f";
}

.fa-face-monocle {
  --fa: "\e380";
}

.fa-face-nauseated {
  --fa: "\e381";
}

.fa-face-nose-steam {
  --fa: "\e382";
}

.fa-face-party {
  --fa: "\e383";
}

.fa-face-pensive {
  --fa: "\e384";
}

.fa-face-persevering {
  --fa: "\e385";
}

.fa-face-pleading {
  --fa: "\e386";
}

.fa-face-pouting {
  --fa: "\e387";
}

.fa-face-raised-eyebrow {
  --fa: "\e388";
}

.fa-face-relieved {
  --fa: "\e389";
}

.fa-face-sad-sweat {
  --fa: "\e38a";
}

.fa-face-scream {
  --fa: "\e38b";
}

.fa-face-shush {
  --fa: "\e38c";
}

.fa-face-sleeping {
  --fa: "\e38d";
}

.fa-face-sleepy {
  --fa: "\e38e";
}

.fa-face-smile-halo {
  --fa: "\e38f";
}

.fa-face-smile-hearts {
  --fa: "\e390";
}

.fa-face-smile-horns {
  --fa: "\e391";
}

.fa-face-smile-relaxed {
  --fa: "\e392";
}

.fa-face-smile-tear {
  --fa: "\e393";
}

.fa-face-smile-tongue {
  --fa: "\e394";
}

.fa-face-smile-upside-down {
  --fa: "\e395";
}

.fa-face-smiling-hands {
  --fa: "\e396";
}

.fa-face-smirking {
  --fa: "\e397";
}

.fa-face-sunglasses {
  --fa: "\e398";
}

.fa-face-swear {
  --fa: "\e399";
}

.fa-face-thermometer {
  --fa: "\e39a";
}

.fa-face-thinking {
  --fa: "\e39b";
}

.fa-face-tissue {
  --fa: "\e39c";
}

.fa-face-tongue-money {
  --fa: "\e39d";
}

.fa-face-tongue-sweat {
  --fa: "\e39e";
}

.fa-face-unamused {
  --fa: "\e39f";
}

.fa-face-vomit {
  --fa: "\e3a0";
}

.fa-face-weary {
  --fa: "\e3a1";
}

.fa-face-woozy {
  --fa: "\e3a2";
}

.fa-face-worried {
  --fa: "\e3a3";
}

.fa-face-zany {
  --fa: "\e3a4";
}

.fa-face-zipper {
  --fa: "\e3a5";
}

.fa-file-lock {
  --fa: "\e3a6";
}

.fa-file-slash {
  --fa: "\e3a7";
}

.fa-fishing-rod {
  --fa: "\e3a8";
}

.fa-flying-disc {
  --fa: "\e3a9";
}

.fa-gallery-thumbnails {
  --fa: "\e3aa";
}

.fa-goal-net {
  --fa: "\e3ab";
}

.fa-golf-flag-hole {
  --fa: "\e3ac";
}

.fa-grid-dividers {
  --fa: "\e3ad";
}

.fa-hockey-stick-puck {
  --fa: "\e3ae";
}

.fa-house-chimney {
  --fa: "\e3af";
}

.fa-home-lg {
  --fa: "\e3af";
}

.fa-house-chimney-blank {
  --fa: "\e3b0";
}

.fa-house-crack {
  --fa: "\e3b1";
}

.fa-house-medical {
  --fa: "\e3b2";
}

.fa-house-window {
  --fa: "\e3b3";
}

.fa-key-skeleton-left-right {
  --fa: "\e3b4";
}

.fa-lacrosse-stick {
  --fa: "\e3b5";
}

.fa-lacrosse-stick-ball {
  --fa: "\e3b6";
}

.fa-mask-snorkel {
  --fa: "\e3b7";
}

.fa-message-bot {
  --fa: "\e3b8";
}

.fa-moped {
  --fa: "\e3b9";
}

.fa-nesting-dolls {
  --fa: "\e3ba";
}

.fa-objects-align-bottom {
  --fa: "\e3bb";
}

.fa-objects-align-center-horizontal {
  --fa: "\e3bc";
}

.fa-objects-align-center-vertical {
  --fa: "\e3bd";
}

.fa-objects-align-left {
  --fa: "\e3be";
}

.fa-objects-align-right {
  --fa: "\e3bf";
}

.fa-objects-align-top {
  --fa: "\e3c0";
}

.fa-objects-column {
  --fa: "\e3c1";
}

.fa-paperclip-vertical {
  --fa: "\e3c2";
}

.fa-pinata {
  --fa: "\e3c3";
}

.fa-pipe-smoking {
  --fa: "\e3c4";
}

.fa-pool-8-ball {
  --fa: "\e3c5";
}

.fa-rugby-ball {
  --fa: "\e3c6";
}

.fa-shirt-long-sleeve {
  --fa: "\e3c7";
}

.fa-shirt-running {
  --fa: "\e3c8";
}

.fa-shirt-tank-top {
  --fa: "\e3c9";
}

.fa-signature-lock {
  --fa: "\e3ca";
}

.fa-signature-slash {
  --fa: "\e3cb";
}

.fa-ski-boot {
  --fa: "\e3cc";
}

.fa-ski-boot-ski {
  --fa: "\e3cd";
}

.fa-slot-machine {
  --fa: "\e3ce";
}

.fa-teddy-bear {
  --fa: "\e3cf";
}

.fa-truck-bolt {
  --fa: "\e3d0";
}

.fa-uniform-martial-arts {
  --fa: "\e3d1";
}

.fa-user-chef {
  --fa: "\e3d2";
}

.fa-user-hair-buns {
  --fa: "\e3d3";
}

.fa-arrow-left-long-to-line {
  --fa: "\e3d4";
}

.fa-arrow-right-long-to-line {
  --fa: "\e3d5";
}

.fa-arrow-turn-down-right {
  --fa: "\e3d6";
}

.fa-bagel {
  --fa: "\e3d7";
}

.fa-baguette {
  --fa: "\e3d8";
}

.fa-blanket-fire {
  --fa: "\e3da";
}

.fa-block-brick {
  --fa: "\e3db";
}

.fa-wall-brick {
  --fa: "\e3db";
}

.fa-block-brick-fire {
  --fa: "\e3dc";
}

.fa-firewall {
  --fa: "\e3dc";
}

.fa-block-question {
  --fa: "\e3dd";
}

.fa-bowl-scoop {
  --fa: "\e3de";
}

.fa-bowl-shaved-ice {
  --fa: "\e3de";
}

.fa-bowl-scoops {
  --fa: "\e3df";
}

.fa-bowl-spoon {
  --fa: "\e3e0";
}

.fa-bread-slice-butter {
  --fa: "\e3e1";
}

.fa-broccoli {
  --fa: "\e3e2";
}

.fa-burger-lettuce {
  --fa: "\e3e3";
}

.fa-butter {
  --fa: "\e3e4";
}

.fa-cake-slice {
  --fa: "\e3e5";
}

.fa-shortcake {
  --fa: "\e3e5";
}

.fa-can-food {
  --fa: "\e3e6";
}

.fa-candy {
  --fa: "\e3e7";
}

.fa-candy-bar {
  --fa: "\e3e8";
}

.fa-chocolate-bar {
  --fa: "\e3e8";
}

.fa-card-club {
  --fa: "\e3e9";
}

.fa-card-diamond {
  --fa: "\e3ea";
}

.fa-card-heart {
  --fa: "\e3eb";
}

.fa-card-spade {
  --fa: "\e3ec";
}

.fa-cards {
  --fa: "\e3ed";
}

.fa-cart-arrow-up {
  --fa: "\e3ee";
}

.fa-cart-circle-arrow-down {
  --fa: "\e3ef";
}

.fa-cart-circle-arrow-up {
  --fa: "\e3f0";
}

.fa-cart-circle-check {
  --fa: "\e3f1";
}

.fa-cart-circle-exclamation {
  --fa: "\e3f2";
}

.fa-cart-circle-plus {
  --fa: "\e3f3";
}

.fa-cart-circle-xmark {
  --fa: "\e3f4";
}

.fa-cent-sign {
  --fa: "\e3f5";
}

.fa-chestnut {
  --fa: "\e3f6";
}

.fa-chopsticks {
  --fa: "\e3f7";
}

.fa-circle-quarters {
  --fa: "\e3f8";
}

.fa-code-pull-request-closed {
  --fa: "\e3f9";
}

.fa-code-pull-request-draft {
  --fa: "\e3fa";
}

.fa-coin-blank {
  --fa: "\e3fb";
}

.fa-coin-front {
  --fa: "\e3fc";
}

.fa-coin-vertical {
  --fa: "\e3fd";
}

.fa-corner {
  --fa: "\e3fe";
}

.fa-crab {
  --fa: "\e3ff";
}

.fa-soft-serve {
  --fa: "\e400";
}

.fa-creemee {
  --fa: "\e400";
}

.fa-cucumber {
  --fa: "\e401";
}

.fa-cupcake {
  --fa: "\e402";
}

.fa-custard {
  --fa: "\e403";
}

.fa-dash {
  --fa: "\e404";
}

.fa-minus-large {
  --fa: "\e404";
}

.fa-diamond-exclamation {
  --fa: "\e405";
}

.fa-donut {
  --fa: "\e406";
}

.fa-doughnut {
  --fa: "\e406";
}

.fa-down-from-dotted-line {
  --fa: "\e407";
}

.fa-down-to-dotted-line {
  --fa: "\e408";
}

.fa-face-awesome {
  --fa: "\e409";
}

.fa-gave-dandy {
  --fa: "\e409";
}

.fa-falafel {
  --fa: "\e40a";
}

.fa-flatbread {
  --fa: "\e40b";
}

.fa-flatbread-stuffed {
  --fa: "\e40c";
}

.fa-fondue-pot {
  --fa: "\e40d";
}

.fa-garlic {
  --fa: "\e40e";
}

.fa-grip-dots {
  --fa: "\e410";
}

.fa-grip-dots-vertical {
  --fa: "\e411";
}

.fa-h5 {
  --fa: "\e412";
}

.fa-h6 {
  --fa: "\e413";
}

.fa-hammer-crash {
  --fa: "\e414";
}

.fa-hashtag-lock {
  --fa: "\e415";
}

.fa-hexagon-check {
  --fa: "\e416";
}

.fa-hexagon-exclamation {
  --fa: "\e417";
}

.fa-honey-pot {
  --fa: "\e418";
}

.fa-hose {
  --fa: "\e419";
}

.fa-hose-reel {
  --fa: "\e41a";
}

.fa-hourglass-clock {
  --fa: "\e41b";
}

.fa-hundred-points {
  --fa: "\e41c";
}

.fa-100 {
  --fa: "\e41c";
}

.fa-leafy-green {
  --fa: "\e41d";
}

.fa-left-long-to-line {
  --fa: "\e41e";
}

.fa-light-emergency {
  --fa: "\e41f";
}

.fa-light-emergency-on {
  --fa: "\e420";
}

.fa-lobster {
  --fa: "\e421";
}

.fa-lock-a {
  --fa: "\e422";
}

.fa-lock-hashtag {
  --fa: "\e423";
}

.fa-lollipop {
  --fa: "\e424";
}

.fa-lollypop {
  --fa: "\e424";
}

.fa-mushroom {
  --fa: "\e425";
}

.fa-octagon-check {
  --fa: "\e426";
}

.fa-onion {
  --fa: "\e427";
}

.fa-page {
  --fa: "\e428";
}

.fa-page-caret-down {
  --fa: "\e429";
}

.fa-file-caret-down {
  --fa: "\e429";
}

.fa-page-caret-up {
  --fa: "\e42a";
}

.fa-file-caret-up {
  --fa: "\e42a";
}

.fa-pan-food {
  --fa: "\e42b";
}

.fa-pan-frying {
  --fa: "\e42c";
}

.fa-pancakes {
  --fa: "\e42d";
}

.fa-panel-ews {
  --fa: "\e42e";
}

.fa-panel-fire {
  --fa: "\e42f";
}

.fa-peanut {
  --fa: "\e430";
}

.fa-peanuts {
  --fa: "\e431";
}

.fa-pepper {
  --fa: "\e432";
}

.fa-person-to-door {
  --fa: "\e433";
}

.fa-phone-intercom {
  --fa: "\e434";
}

.fa-pickleball {
  --fa: "\e435";
}

.fa-pipe-circle-check {
  --fa: "\e436";
}

.fa-pipe-collar {
  --fa: "\e437";
}

.fa-pipe-section {
  --fa: "\e438";
}

.fa-pipe-valve {
  --fa: "\e439";
}

.fa-plate-utensils {
  --fa: "\e43b";
}

.fa-plus-minus {
  --fa: "\e43c";
}

.fa-pompebled {
  --fa: "\e43d";
}

.fa-popsicle {
  --fa: "\e43e";
}

.fa-pot-food {
  --fa: "\e43f";
}

.fa-potato {
  --fa: "\e440";
}

.fa-pretzel {
  --fa: "\e441";
}

.fa-pump {
  --fa: "\e442";
}

.fa-puzzle {
  --fa: "\e443";
}

.fa-right-long-to-line {
  --fa: "\e444";
}

.fa-sailboat {
  --fa: "\e445";
}

.fa-salt-shaker {
  --fa: "\e446";
}

.fa-section {
  --fa: "\e447";
}

.fa-shrimp {
  --fa: "\e448";
}

.fa-shutters {
  --fa: "\e449";
}

.fa-sportsball {
  --fa: "\e44b";
}

.fa-sprinkler-ceiling {
  --fa: "\e44c";
}

.fa-square-a-lock {
  --fa: "\e44d";
}

.fa-square-quarters {
  --fa: "\e44e";
}

.fa-square-ring {
  --fa: "\e44f";
}

.fa-squid {
  --fa: "\e450";
}

.fa-tamale {
  --fa: "\e451";
}

.fa-tank-water {
  --fa: "\e452";
}

.fa-train-track {
  --fa: "\e453";
}

.fa-train-tunnel {
  --fa: "\e454";
}

.fa-turn-down-right {
  --fa: "\e455";
}

.fa-up-from-dotted-line {
  --fa: "\e456";
}

.fa-up-to-dotted-line {
  --fa: "\e457";
}

.fa-user-doctor-hair {
  --fa: "\e458";
}

.fa-user-doctor-hair-long {
  --fa: "\e459";
}

.fa-user-hair {
  --fa: "\e45a";
}

.fa-user-hair-long {
  --fa: "\e45b";
}

.fa-user-hair-mullet {
  --fa: "\e45c";
}

.fa-business-front {
  --fa: "\e45c";
}

.fa-party-back {
  --fa: "\e45c";
}

.fa-trian-balbot {
  --fa: "\e45c";
}

.fa-user-nurse-hair {
  --fa: "\e45d";
}

.fa-user-nurse-hair-long {
  --fa: "\e45e";
}

.fa-user-tie-hair {
  --fa: "\e45f";
}

.fa-user-tie-hair-long {
  --fa: "\e460";
}

.fa-user-vneck {
  --fa: "\e461";
}

.fa-user-vneck-hair {
  --fa: "\e462";
}

.fa-user-vneck-hair-long {
  --fa: "\e463";
}

.fa-utensils-slash {
  --fa: "\e464";
}

.fa-vent-damper {
  --fa: "\e465";
}

.fa-waffle {
  --fa: "\e466";
}

.fa-00 {
  --fa: "\e467";
}

.fa-apartment {
  --fa: "\e468";
}

.fa-bird {
  --fa: "\e469";
}

.fa-block {
  --fa: "\e46a";
}

.fa-bowl-soft-serve {
  --fa: "\e46b";
}

.fa-brazilian-real-sign {
  --fa: "\e46c";
}

.fa-cabin {
  --fa: "\e46d";
}

.fa-calendar-circle-exclamation {
  --fa: "\e46e";
}

.fa-calendar-circle-minus {
  --fa: "\e46f";
}

.fa-calendar-circle-plus {
  --fa: "\e470";
}

.fa-calendar-circle-user {
  --fa: "\e471";
}

.fa-calendar-lines-pen {
  --fa: "\e472";
}

.fa-chart-simple {
  --fa: "\e473";
}

.fa-chart-simple-horizontal {
  --fa: "\e474";
}

.fa-diagram-cells {
  --fa: "\e475";
}

.fa-diagram-next {
  --fa: "\e476";
}

.fa-diagram-predecessor {
  --fa: "\e477";
}

.fa-diagram-previous {
  --fa: "\e478";
}

.fa-diagram-subtask {
  --fa: "\e479";
}

.fa-diagram-successor {
  --fa: "\e47a";
}

.fa-earth-oceania {
  --fa: "\e47b";
}

.fa-globe-oceania {
  --fa: "\e47b";
}

.fa-face-beam-hand-over-mouth {
  --fa: "\e47c";
}

.fa-face-clouds {
  --fa: "\e47d";
}

.fa-face-diagonal-mouth {
  --fa: "\e47e";
}

.fa-face-dotted {
  --fa: "\e47f";
}

.fa-face-exhaling {
  --fa: "\e480";
}

.fa-face-hand-peeking {
  --fa: "\e481";
}

.fa-face-holding-back-tears {
  --fa: "\e482";
}

.fa-face-melting {
  --fa: "\e483";
}

.fa-face-saluting {
  --fa: "\e484";
}

.fa-face-spiral-eyes {
  --fa: "\e485";
}

.fa-fort {
  --fa: "\e486";
}

.fa-house-blank {
  --fa: "\e487";
}

.fa-home-blank {
  --fa: "\e487";
}

.fa-square-kanban {
  --fa: "\e488";
}

.fa-square-list {
  --fa: "\e489";
}

.fa-sushi {
  --fa: "\e48a";
}

.fa-nigiri {
  --fa: "\e48a";
}

.fa-sushi-roll {
  --fa: "\e48b";
}

.fa-maki-roll {
  --fa: "\e48b";
}

.fa-makizushi {
  --fa: "\e48b";
}

.fa-album-circle-plus {
  --fa: "\e48c";
}

.fa-album-circle-user {
  --fa: "\e48d";
}

.fa-album-collection-circle-plus {
  --fa: "\e48e";
}

.fa-album-collection-circle-user {
  --fa: "\e48f";
}

.fa-bug-slash {
  --fa: "\e490";
}

.fa-cloud-exclamation {
  --fa: "\e491";
}

.fa-cloud-question {
  --fa: "\e492";
}

.fa-file-circle-info {
  --fa: "\e493";
}

.fa-file-circle-plus {
  --fa: "\e494";
}

.fa-frame {
  --fa: "\e495";
}

.fa-gauge-circle-bolt {
  --fa: "\e496";
}

.fa-gauge-circle-minus {
  --fa: "\e497";
}

.fa-gauge-circle-plus {
  --fa: "\e498";
}

.fa-memo-circle-info {
  --fa: "\e49a";
}

.fa-object-exclude {
  --fa: "\e49c";
}

.fa-object-intersect {
  --fa: "\e49d";
}

.fa-object-subtract {
  --fa: "\e49e";
}

.fa-object-union {
  --fa: "\e49f";
}

.fa-pen-nib-slash {
  --fa: "\e4a1";
}

.fa-rectangle-history {
  --fa: "\e4a2";
}

.fa-rectangle-history-circle-plus {
  --fa: "\e4a3";
}

.fa-rectangle-history-circle-user {
  --fa: "\e4a4";
}

.fa-shop-lock {
  --fa: "\e4a5";
}

.fa-store-lock {
  --fa: "\e4a6";
}

.fa-user-robot-xmarks {
  --fa: "\e4a7";
}

.fa-virus-covid {
  --fa: "\e4a8";
}

.fa-virus-covid-slash {
  --fa: "\e4a9";
}

.fa-anchor-circle-check {
  --fa: "\e4aa";
}

.fa-anchor-circle-exclamation {
  --fa: "\e4ab";
}

.fa-anchor-circle-xmark {
  --fa: "\e4ac";
}

.fa-anchor-lock {
  --fa: "\e4ad";
}

.fa-arrow-down-to-arc {
  --fa: "\e4ae";
}

.fa-arrow-down-up-across-line {
  --fa: "\e4af";
}

.fa-arrow-down-up-lock {
  --fa: "\e4b0";
}

.fa-arrow-right-from-arc {
  --fa: "\e4b1";
}

.fa-arrow-right-to-arc {
  --fa: "\e4b2";
}

.fa-arrow-right-to-city {
  --fa: "\e4b3";
}

.fa-arrow-up-from-arc {
  --fa: "\e4b4";
}

.fa-arrow-up-from-ground-water {
  --fa: "\e4b5";
}

.fa-arrow-up-from-water-pump {
  --fa: "\e4b6";
}

.fa-arrow-up-right-dots {
  --fa: "\e4b7";
}

.fa-arrows-down-to-line {
  --fa: "\e4b8";
}

.fa-arrows-down-to-people {
  --fa: "\e4b9";
}

.fa-arrows-left-right-to-line {
  --fa: "\e4ba";
}

.fa-arrows-spin {
  --fa: "\e4bb";
}

.fa-arrows-split-up-and-left {
  --fa: "\e4bc";
}

.fa-arrows-to-circle {
  --fa: "\e4bd";
}

.fa-arrows-to-dot {
  --fa: "\e4be";
}

.fa-arrows-to-eye {
  --fa: "\e4bf";
}

.fa-arrows-turn-right {
  --fa: "\e4c0";
}

.fa-arrows-turn-to-dots {
  --fa: "\e4c1";
}

.fa-arrows-up-to-line {
  --fa: "\e4c2";
}

.fa-bore-hole {
  --fa: "\e4c3";
}

.fa-bottle-droplet {
  --fa: "\e4c4";
}

.fa-bottle-water {
  --fa: "\e4c5";
}

.fa-bowl-food {
  --fa: "\e4c6";
}

.fa-boxes-packing {
  --fa: "\e4c7";
}

.fa-bridge {
  --fa: "\e4c8";
}

.fa-bridge-circle-check {
  --fa: "\e4c9";
}

.fa-bridge-circle-exclamation {
  --fa: "\e4ca";
}

.fa-bridge-circle-xmark {
  --fa: "\e4cb";
}

.fa-bridge-lock {
  --fa: "\e4cc";
}

.fa-bridge-suspension {
  --fa: "\e4cd";
}

.fa-bridge-water {
  --fa: "\e4ce";
}

.fa-bucket {
  --fa: "\e4cf";
}

.fa-bugs {
  --fa: "\e4d0";
}

.fa-building-circle-arrow-right {
  --fa: "\e4d1";
}

.fa-building-circle-check {
  --fa: "\e4d2";
}

.fa-building-circle-exclamation {
  --fa: "\e4d3";
}

.fa-building-circle-xmark {
  --fa: "\e4d4";
}

.fa-building-flag {
  --fa: "\e4d5";
}

.fa-building-lock {
  --fa: "\e4d6";
}

.fa-building-ngo {
  --fa: "\e4d7";
}

.fa-building-shield {
  --fa: "\e4d8";
}

.fa-building-un {
  --fa: "\e4d9";
}

.fa-building-user {
  --fa: "\e4da";
}

.fa-building-wheat {
  --fa: "\e4db";
}

.fa-burst {
  --fa: "\e4dc";
}

.fa-car-on {
  --fa: "\e4dd";
}

.fa-car-tunnel {
  --fa: "\e4de";
}

.fa-cards-blank {
  --fa: "\e4df";
}

.fa-child-combatant {
  --fa: "\e4e0";
}

.fa-child-rifle {
  --fa: "\e4e0";
}

.fa-children {
  --fa: "\e4e1";
}

.fa-circle-nodes {
  --fa: "\e4e2";
}

.fa-clipboard-question {
  --fa: "\e4e3";
}

.fa-cloud-showers-water {
  --fa: "\e4e4";
}

.fa-computer {
  --fa: "\e4e5";
}

.fa-cubes-stacked {
  --fa: "\e4e6";
}

.fa-down-to-bracket {
  --fa: "\e4e7";
}

.fa-envelope-circle-check {
  --fa: "\e4e8";
}

.fa-explosion {
  --fa: "\e4e9";
}

.fa-ferry {
  --fa: "\e4ea";
}

.fa-file-circle-exclamation {
  --fa: "\e4eb";
}

.fa-file-circle-minus {
  --fa: "\e4ed";
}

.fa-file-circle-question {
  --fa: "\e4ef";
}

.fa-file-shield {
  --fa: "\e4f0";
}

.fa-fire-burner {
  --fa: "\e4f1";
}

.fa-fish-fins {
  --fa: "\e4f2";
}

.fa-flask-vial {
  --fa: "\e4f3";
}

.fa-glass-water {
  --fa: "\e4f4";
}

.fa-glass-water-droplet {
  --fa: "\e4f5";
}

.fa-group-arrows-rotate {
  --fa: "\e4f6";
}

.fa-hand-holding-hand {
  --fa: "\e4f7";
}

.fa-handcuffs {
  --fa: "\e4f8";
}

.fa-hands-bound {
  --fa: "\e4f9";
}

.fa-hands-holding-child {
  --fa: "\e4fa";
}

.fa-hands-holding-circle {
  --fa: "\e4fb";
}

.fa-heart-circle-bolt {
  --fa: "\e4fc";
}

.fa-heart-circle-check {
  --fa: "\e4fd";
}

.fa-heart-circle-exclamation {
  --fa: "\e4fe";
}

.fa-heart-circle-minus {
  --fa: "\e4ff";
}

.fa-heart-circle-plus {
  --fa: "\e500";
}

.fa-heart-circle-xmark {
  --fa: "\e501";
}

.fa-helicopter-symbol {
  --fa: "\e502";
}

.fa-helmet-un {
  --fa: "\e503";
}

.fa-hexagon-image {
  --fa: "\e504";
}

.fa-hexagon-vertical-nft {
  --fa: "\e505";
}

.fa-hexagon-vertical-nft-slanted {
  --fa: "\e505";
}

.fa-hill-avalanche {
  --fa: "\e507";
}

.fa-hill-rockslide {
  --fa: "\e508";
}

.fa-house-circle-check {
  --fa: "\e509";
}

.fa-house-circle-exclamation {
  --fa: "\e50a";
}

.fa-house-circle-xmark {
  --fa: "\e50b";
}

.fa-house-fire {
  --fa: "\e50c";
}

.fa-house-flag {
  --fa: "\e50d";
}

.fa-house-flood-water {
  --fa: "\e50e";
}

.fa-house-flood-water-circle-arrow-right {
  --fa: "\e50f";
}

.fa-house-lock {
  --fa: "\e510";
}

.fa-house-medical-circle-check {
  --fa: "\e511";
}

.fa-house-medical-circle-exclamation {
  --fa: "\e512";
}

.fa-house-medical-circle-xmark {
  --fa: "\e513";
}

.fa-house-medical-flag {
  --fa: "\e514";
}

.fa-house-tsunami {
  --fa: "\e515";
}

.fa-jar {
  --fa: "\e516";
}

.fa-jar-wheat {
  --fa: "\e517";
}

.fa-jet-fighter-up {
  --fa: "\e518";
}

.fa-jug-detergent {
  --fa: "\e519";
}

.fa-kitchen-set {
  --fa: "\e51a";
}

.fa-land-mine-on {
  --fa: "\e51b";
}

.fa-landmark-flag {
  --fa: "\e51c";
}

.fa-laptop-file {
  --fa: "\e51d";
}

.fa-lines-leaning {
  --fa: "\e51e";
}

.fa-location-pin-lock {
  --fa: "\e51f";
}

.fa-locust {
  --fa: "\e520";
}

.fa-magnifying-glass-arrow-right {
  --fa: "\e521";
}

.fa-magnifying-glass-chart {
  --fa: "\e522";
}

.fa-mars-and-venus-burst {
  --fa: "\e523";
}

.fa-mask-ventilator {
  --fa: "\e524";
}

.fa-mattress-pillow {
  --fa: "\e525";
}

.fa-merge {
  --fa: "\e526";
}

.fa-mobile-retro {
  --fa: "\e527";
}

.fa-money-bill-transfer {
  --fa: "\e528";
}

.fa-money-bill-trend-up {
  --fa: "\e529";
}

.fa-money-bill-wheat {
  --fa: "\e52a";
}

.fa-mosquito {
  --fa: "\e52b";
}

.fa-mosquito-net {
  --fa: "\e52c";
}

.fa-mound {
  --fa: "\e52d";
}

.fa-mountain-city {
  --fa: "\e52e";
}

.fa-mountain-sun {
  --fa: "\e52f";
}

.fa-nfc-symbol {
  --fa: "\e531";
}

.fa-oil-well {
  --fa: "\e532";
}

.fa-people-group {
  --fa: "\e533";
}

.fa-people-line {
  --fa: "\e534";
}

.fa-people-pulling {
  --fa: "\e535";
}

.fa-people-robbery {
  --fa: "\e536";
}

.fa-people-roof {
  --fa: "\e537";
}

.fa-person-arrow-down-to-line {
  --fa: "\e538";
}

.fa-person-arrow-up-from-line {
  --fa: "\e539";
}

.fa-person-breastfeeding {
  --fa: "\e53a";
}

.fa-person-burst {
  --fa: "\e53b";
}

.fa-person-cane {
  --fa: "\e53c";
}

.fa-person-chalkboard {
  --fa: "\e53d";
}

.fa-person-circle-check {
  --fa: "\e53e";
}

.fa-person-circle-exclamation {
  --fa: "\e53f";
}

.fa-person-circle-minus {
  --fa: "\e540";
}

.fa-person-circle-plus {
  --fa: "\e541";
}

.fa-person-circle-question {
  --fa: "\e542";
}

.fa-person-circle-xmark {
  --fa: "\e543";
}

.fa-person-dress-burst {
  --fa: "\e544";
}

.fa-person-drowning {
  --fa: "\e545";
}

.fa-person-falling {
  --fa: "\e546";
}

.fa-person-falling-burst {
  --fa: "\e547";
}

.fa-person-half-dress {
  --fa: "\e548";
}

.fa-person-harassing {
  --fa: "\e549";
}

.fa-person-military-pointing {
  --fa: "\e54a";
}

.fa-person-military-rifle {
  --fa: "\e54b";
}

.fa-person-military-to-person {
  --fa: "\e54c";
}

.fa-person-rays {
  --fa: "\e54d";
}

.fa-person-rifle {
  --fa: "\e54e";
}

.fa-person-shelter {
  --fa: "\e54f";
}

.fa-person-walking-arrow-loop-left {
  --fa: "\e551";
}

.fa-person-walking-arrow-right {
  --fa: "\e552";
}

.fa-person-walking-dashed-line-arrow-right {
  --fa: "\e553";
}

.fa-person-walking-luggage {
  --fa: "\e554";
}

.fa-plane-circle-check {
  --fa: "\e555";
}

.fa-plane-circle-exclamation {
  --fa: "\e556";
}

.fa-plane-circle-xmark {
  --fa: "\e557";
}

.fa-plane-lock {
  --fa: "\e558";
}

.fa-plate-wheat {
  --fa: "\e55a";
}

.fa-plug-circle-bolt {
  --fa: "\e55b";
}

.fa-plug-circle-check {
  --fa: "\e55c";
}

.fa-plug-circle-exclamation {
  --fa: "\e55d";
}

.fa-plug-circle-minus {
  --fa: "\e55e";
}

.fa-plug-circle-plus {
  --fa: "\e55f";
}

.fa-plug-circle-xmark {
  --fa: "\e560";
}

.fa-ranking-star {
  --fa: "\e561";
}

.fa-road-barrier {
  --fa: "\e562";
}

.fa-road-bridge {
  --fa: "\e563";
}

.fa-road-circle-check {
  --fa: "\e564";
}

.fa-road-circle-exclamation {
  --fa: "\e565";
}

.fa-road-circle-xmark {
  --fa: "\e566";
}

.fa-road-lock {
  --fa: "\e567";
}

.fa-road-spikes {
  --fa: "\e568";
}

.fa-rug {
  --fa: "\e569";
}

.fa-sack-xmark {
  --fa: "\e56a";
}

.fa-school-circle-check {
  --fa: "\e56b";
}

.fa-school-circle-exclamation {
  --fa: "\e56c";
}

.fa-school-circle-xmark {
  --fa: "\e56d";
}

.fa-school-flag {
  --fa: "\e56e";
}

.fa-school-lock {
  --fa: "\e56f";
}

.fa-sheet-plastic {
  --fa: "\e571";
}

.fa-shield-cat {
  --fa: "\e572";
}

.fa-shield-dog {
  --fa: "\e573";
}

.fa-shield-heart {
  --fa: "\e574";
}

.fa-shield-quartered {
  --fa: "\e575";
}

.fa-square-nfi {
  --fa: "\e576";
}

.fa-square-person-confined {
  --fa: "\e577";
}

.fa-square-virus {
  --fa: "\e578";
}

.fa-staff-snake {
  --fa: "\e579";
}

.fa-rod-asclepius {
  --fa: "\e579";
}

.fa-rod-snake {
  --fa: "\e579";
}

.fa-staff-aesculapius {
  --fa: "\e579";
}

.fa-sun-plant-wilt {
  --fa: "\e57a";
}

.fa-tarp {
  --fa: "\e57b";
}

.fa-tarp-droplet {
  --fa: "\e57c";
}

.fa-tent {
  --fa: "\e57d";
}

.fa-tent-arrow-down-to-line {
  --fa: "\e57e";
}

.fa-tent-arrow-left-right {
  --fa: "\e57f";
}

.fa-tent-arrow-turn-left {
  --fa: "\e580";
}

.fa-tent-arrows-down {
  --fa: "\e581";
}

.fa-tents {
  --fa: "\e582";
}

.fa-toilet-portable {
  --fa: "\e583";
}

.fa-toilets-portable {
  --fa: "\e584";
}

.fa-tower-cell {
  --fa: "\e585";
}

.fa-tower-observation {
  --fa: "\e586";
}

.fa-tree-city {
  --fa: "\e587";
}

.fa-trillium {
  --fa: "\e588";
}

.fa-trowel {
  --fa: "\e589";
}

.fa-trowel-bricks {
  --fa: "\e58a";
}

.fa-truck-arrow-right {
  --fa: "\e58b";
}

.fa-truck-droplet {
  --fa: "\e58c";
}

.fa-truck-field {
  --fa: "\e58d";
}

.fa-truck-field-un {
  --fa: "\e58e";
}

.fa-truck-plane {
  --fa: "\e58f";
}

.fa-up-from-bracket {
  --fa: "\e590";
}

.fa-users-between-lines {
  --fa: "\e591";
}

.fa-users-line {
  --fa: "\e592";
}

.fa-users-rays {
  --fa: "\e593";
}

.fa-users-rectangle {
  --fa: "\e594";
}

.fa-users-viewfinder {
  --fa: "\e595";
}

.fa-vial-circle-check {
  --fa: "\e596";
}

.fa-vial-virus {
  --fa: "\e597";
}

.fa-wheat-awn-circle-exclamation {
  --fa: "\e598";
}

.fa-worm {
  --fa: "\e599";
}

.fa-xmarks-lines {
  --fa: "\e59a";
}

.fa-xmark-large {
  --fa: "\e59b";
}

.fa-child-dress {
  --fa: "\e59c";
}

.fa-child-reaching {
  --fa: "\e59d";
}

.fa-plus-large {
  --fa: "\e59e";
}

.fa-crosshairs-simple {
  --fa: "\e59f";
}

.fa-file-circle-check {
  --fa: "\e5a0";
}

.fa-file-circle-xmark {
  --fa: "\e5a1";
}

.fa-gamepad-modern {
  --fa: "\e5a2";
}

.fa-gamepad-alt {
  --fa: "\e5a2";
}

.fa-grill {
  --fa: "\e5a3";
}

.fa-grill-fire {
  --fa: "\e5a4";
}

.fa-grill-hot {
  --fa: "\e5a5";
}

.fa-lightbulb-cfl {
  --fa: "\e5a6";
}

.fa-lightbulb-cfl-on {
  --fa: "\e5a7";
}

.fa-mouse-field {
  --fa: "\e5a8";
}

.fa-person-through-window {
  --fa: "\e5a9";
}

.fa-plant-wilt {
  --fa: "\e5aa";
}

.fa-ring-diamond {
  --fa: "\e5ab";
}

.fa-stapler {
  --fa: "\e5af";
}

.fa-toggle-large-off {
  --fa: "\e5b0";
}

.fa-toggle-large-on {
  --fa: "\e5b1";
}

.fa-toilet-paper-check {
  --fa: "\e5b2";
}

.fa-toilet-paper-xmark {
  --fa: "\e5b3";
}

.fa-train-tram {
  --fa: "\e5b4";
}

.fa-buoy {
  --fa: "\e5b5";
}

.fa-buoy-mooring {
  --fa: "\e5b6";
}

.fa-diamond-half {
  --fa: "\e5b7";
}

.fa-diamond-half-stroke {
  --fa: "\e5b8";
}

.fa-game-console-handheld-crank {
  --fa: "\e5b9";
}

.fa-interrobang {
  --fa: "\e5ba";
}

.fa-mailbox-flag-up {
  --fa: "\e5bb";
}

.fa-mustache {
  --fa: "\e5bc";
}

.fa-nose {
  --fa: "\e5bd";
}

.fa-phone-arrow-right {
  --fa: "\e5be";
}

.fa-pickaxe {
  --fa: "\e5bf";
}

.fa-prescription-bottle-pill {
  --fa: "\e5c0";
}

.fa-snowflake-droplets {
  --fa: "\e5c1";
}

.fa-square-dashed-circle-plus {
  --fa: "\e5c2";
}

.fa-tricycle {
  --fa: "\e5c3";
}

.fa-tricycle-adult {
  --fa: "\e5c4";
}

.fa-user-magnifying-glass {
  --fa: "\e5c5";
}

.fa-comment-heart {
  --fa: "\e5c8";
}

.fa-message-heart {
  --fa: "\e5c9";
}

.fa-pencil-mechanical {
  --fa: "\e5ca";
}

.fa-skeleton-ribs {
  --fa: "\e5cb";
}

.fa-billboard {
  --fa: "\e5cd";
}

.fa-circle-euro {
  --fa: "\e5ce";
}

.fa-circle-sterling {
  --fa: "\e5cf";
}

.fa-circle-yen {
  --fa: "\e5d0";
}

.fa-broom-wide {
  --fa: "\e5d1";
}

.fa-wreath-laurel {
  --fa: "\e5d2";
}

.fa-circle-quarter-stroke {
  --fa: "\e5d3";
}

.fa-circle-three-quarters-stroke {
  --fa: "\e5d4";
}

.fa-webhook {
  --fa: "\e5d5";
}

.fa-sparkle {
  --fa: "\e5d6";
}

.fa-chart-line-up-down {
  --fa: "\e5d7";
}

.fa-chart-mixed-up-circle-currency {
  --fa: "\e5d8";
}

.fa-chart-mixed-up-circle-dollar {
  --fa: "\e5d9";
}

.fa-grid-round {
  --fa: "\e5da";
}

.fa-grid-round-2 {
  --fa: "\e5db";
}

.fa-grid-round-2-plus {
  --fa: "\e5dc";
}

.fa-grid-round-4 {
  --fa: "\e5dd";
}

.fa-grid-round-5 {
  --fa: "\e5de";
}

.fa-arrow-progress {
  --fa: "\e5df";
}

.fa-right-left-large {
  --fa: "\e5e1";
}

.fa-calendar-users {
  --fa: "\e5e2";
}

.fa-display-chart-up {
  --fa: "\e5e3";
}

.fa-display-chart-up-circle-currency {
  --fa: "\e5e5";
}

.fa-display-chart-up-circle-dollar {
  --fa: "\e5e6";
}

.fa-laptop-binary {
  --fa: "\e5e7";
}

.fa-gear-code {
  --fa: "\e5e8";
}

.fa-gear-complex {
  --fa: "\e5e9";
}

.fa-gear-complex-code {
  --fa: "\e5eb";
}

.fa-file-doc {
  --fa: "\e5ed";
}

.fa-file-zip {
  --fa: "\e5ee";
}

.fa-flask-gear {
  --fa: "\e5f1";
}

.fa-bag-seedling {
  --fa: "\e5f2";
}

.fa-bin-bottles {
  --fa: "\e5f5";
}

.fa-bin-bottles-recycle {
  --fa: "\e5f6";
}

.fa-bin-recycle {
  --fa: "\e5f7";
}

.fa-conveyor-belt-arm {
  --fa: "\e5f8";
}

.fa-jug-bottle {
  --fa: "\e5fb";
}

.fa-lightbulb-gear {
  --fa: "\e5fd";
}

.fa-dinosaur {
  --fa: "\e5fe";
}

.fa-person-running-fast {
  --fa: "\e5ff";
}

.fa-circles-overlap {
  --fa: "\e600";
}

.fa-cloud-binary {
  --fa: "\e601";
}

.fa-chf-sign {
  --fa: "\e602";
}

.fa-user-group-simple {
  --fa: "\e603";
}

.fa-chart-pie-simple-circle-currency {
  --fa: "\e604";
}

.fa-chart-pie-simple-circle-dollar {
  --fa: "\e605";
}

.fa-hat-beach {
  --fa: "\e606";
}

.fa-person-dress-fairy {
  --fa: "\e607";
}

.fa-person-fairy {
  --fa: "\e608";
}

.fa-swap {
  --fa: "\e609";
}

.fa-swap-arrows {
  --fa: "\e60a";
}

.fa-angles-up-down {
  --fa: "\e60d";
}

.fa-globe-pointer {
  --fa: "\e60e";
}

.fa-subtitles {
  --fa: "\e60f";
}

.fa-subtitles-slash {
  --fa: "\e610";
}

.fa-head-side-gear {
  --fa: "\e611";
}

.fa-lighthouse {
  --fa: "\e612";
}

.fa-raccoon {
  --fa: "\e613";
}

.fa-arrow-down-from-arc {
  --fa: "\e614";
}

.fa-arrow-left-from-arc {
  --fa: "\e615";
}

.fa-arrow-left-to-arc {
  --fa: "\e616";
}

.fa-arrow-up-to-arc {
  --fa: "\e617";
}

.fa-building-magnifying-glass {
  --fa: "\e61c";
}

.fa-building-memo {
  --fa: "\e61e";
}

.fa-hammer-brush {
  --fa: "\e620";
}

.fa-hand-holding-circle-dollar {
  --fa: "\e621";
}

.fa-landmark-magnifying-glass {
  --fa: "\e622";
}

.fa-sign-post {
  --fa: "\e624";
}

.fa-sign-posts {
  --fa: "\e625";
}

.fa-sign-posts-wrench {
  --fa: "\e626";
}

.fa-tent-double-peak {
  --fa: "\e627";
}

.fa-truck-utensils {
  --fa: "\e628";
}

.fa-t-rex {
  --fa: "\e629";
}

.fa-spinner-scale {
  --fa: "\e62a";
}

.fa-bell-ring {
  --fa: "\e62c";
}

.fa-arrows-rotate-reverse {
  --fa: "\e630";
}

.fa-rotate-reverse {
  --fa: "\e631";
}

.fa-arrow-turn-left {
  --fa: "\e632";
}

.fa-arrow-turn-left-down {
  --fa: "\e633";
}

.fa-arrow-turn-left-up {
  --fa: "\e634";
}

.fa-arrow-turn-right {
  --fa: "\e635";
}

.fa-turn-left {
  --fa: "\e636";
}

.fa-turn-left-down {
  --fa: "\e637";
}

.fa-turn-left-up {
  --fa: "\e638";
}

.fa-turn-right {
  --fa: "\e639";
}

.fa-location-arrow-up {
  --fa: "\e63a";
}

.fa-ticket-perforated {
  --fa: "\e63e";
}

.fa-tickets-perforated {
  --fa: "\e63f";
}

.fa-cannon {
  --fa: "\e642";
}

.fa-court-sport {
  --fa: "\e643";
}

.fa-file-eps {
  --fa: "\e644";
}

.fa-file-gif {
  --fa: "\e645";
}

.fa-file-jpg {
  --fa: "\e646";
}

.fa-file-mov {
  --fa: "\e647";
}

.fa-file-mp3 {
  --fa: "\e648";
}

.fa-file-mp4 {
  --fa: "\e649";
}

.fa-file-ppt {
  --fa: "\e64a";
}

.fa-file-svg {
  --fa: "\e64b";
}

.fa-file-vector {
  --fa: "\e64c";
}

.fa-file-xls {
  --fa: "\e64d";
}

.fa-folder-check {
  --fa: "\e64e";
}

.fa-chart-kanban {
  --fa: "\e64f";
}

.fa-bag-shopping-minus {
  --fa: "\e650";
}

.fa-bag-shopping-plus {
  --fa: "\e651";
}

.fa-basket-shopping-minus {
  --fa: "\e652";
}

.fa-basket-shopping-plus {
  --fa: "\e653";
}

.fa-file-xml {
  --fa: "\e654";
}

.fa-bulldozer {
  --fa: "\e655";
}

.fa-excavator {
  --fa: "\e656";
}

.fa-truck-ladder {
  --fa: "\e657";
}

.fa-tickets {
  --fa: "\e658";
}

.fa-tickets-simple {
  --fa: "\e659";
}

.fa-truck-fire {
  --fa: "\e65a";
}

.fa-wave {
  --fa: "\e65b";
}

.fa-waves-sine {
  --fa: "\e65d";
}

.fa-magnifying-glass-arrows-rotate {
  --fa: "\e65e";
}

.fa-magnifying-glass-music {
  --fa: "\e65f";
}

.fa-magnifying-glass-play {
  --fa: "\e660";
}

.fa-magnifying-glass-waveform {
  --fa: "\e661";
}

.fa-music-magnifying-glass {
  --fa: "\e662";
}

.fa-reflect-horizontal {
  --fa: "\e664";
}

.fa-reflect-vertical {
  --fa: "\e665";
}

.fa-file-png {
  --fa: "\e666";
}

.fa-arrow-down-from-bracket {
  --fa: "\e667";
}

.fa-arrow-left-from-bracket {
  --fa: "\e668";
}

.fa-arrow-left-to-bracket {
  --fa: "\e669";
}

.fa-arrow-up-to-bracket {
  --fa: "\e66a";
}

.fa-down-from-bracket {
  --fa: "\e66b";
}

.fa-left-from-bracket {
  --fa: "\e66c";
}

.fa-left-to-bracket {
  --fa: "\e66d";
}

.fa-up-to-bracket {
  --fa: "\e66e";
}

.fa-reflect-both {
  --fa: "\e66f";
}

.fa-file-cad {
  --fa: "\e672";
}

.fa-bottle-baby {
  --fa: "\e673";
}

.fa-table-cells-column-lock {
  --fa: "\e678";
}

.fa-table-cells-lock {
  --fa: "\e679";
}

.fa-table-cells-row-lock {
  --fa: "\e67a";
}

.fa-circle-wifi {
  --fa: "\e67d";
}

.fa-circle-wifi-circle-wifi {
  --fa: "\e67e";
}

.fa-circle-wifi-group {
  --fa: "\e67e";
}

.fa-circle-gf {
  --fa: "\e67f";
}

.fa-ant {
  --fa: "\e680";
}

.fa-caduceus {
  --fa: "\e681";
}

.fa-web-awesome {
  --fa: "\e682";
}

.fa-globe-wifi {
  --fa: "\e685";
}

.fa-hydra {
  --fa: "\e686";
}

.fa-lightbulb-message {
  --fa: "\e687";
}

.fa-octopus {
  --fa: "\e688";
}

.fa-user-beard-bolt {
  --fa: "\e689";
}

.fa-user-hoodie {
  --fa: "\e68a";
}

.fa-diamonds-4 {
  --fa: "\e68b";
}

.fa-thumbtack-slash {
  --fa: "\e68f";
}

.fa-thumb-tack-slash {
  --fa: "\e68f";
}

.fa-table-cells-column-unlock {
  --fa: "\e690";
}

.fa-table-cells-row-unlock {
  --fa: "\e691";
}

.fa-table-cells-unlock {
  --fa: "\e692";
}

.fa-chart-diagram {
  --fa: "\e695";
}

.fa-comment-nodes {
  --fa: "\e696";
}

.fa-file-fragment {
  --fa: "\e697";
}

.fa-file-half-dashed {
  --fa: "\e698";
}

.fa-hexagon-nodes {
  --fa: "\e699";
}

.fa-hexagon-nodes-bolt {
  --fa: "\e69a";
}

.fa-square-binary {
  --fa: "\e69b";
}

.fa-carpool {
  --fa: "\e69c";
}

.fa-car-people {
  --fa: "\e69c";
}

.fa-chart-sine {
  --fa: "\e69d";
}

.fa-chart-fft {
  --fa: "\e69e";
}

.fa-circles-overlap-3 {
  --fa: "\e6a1";
}

.fa-pronoun {
  --fa: "\e6a1";
}

.fa-bar-progress {
  --fa: "\e6a4";
}

.fa-bar-progress-empty {
  --fa: "\e6a5";
}

.fa-bar-progress-full {
  --fa: "\e6a6";
}

.fa-bar-progress-half {
  --fa: "\e6a7";
}

.fa-bar-progress-quarter {
  --fa: "\e6a8";
}

.fa-bar-progress-three-quarters {
  --fa: "\e6a9";
}

.fa-grid-2-minus {
  --fa: "\e6aa";
}

.fa-grid-round-2-minus {
  --fa: "\e6ab";
}

.fa-table-cells-columns {
  --fa: "\e6ac";
}

.fa-table-cells-header {
  --fa: "\e6ad";
}

.fa-table-cells-header-lock {
  --fa: "\e6ae";
}

.fa-table-cells-header-unlock {
  --fa: "\e6af";
}

.fa-table-cells-rows {
  --fa: "\e6b0";
}

.fa-circle-equals {
  --fa: "\e6b1";
}

.fa-hexagon-equals {
  --fa: "\e6b2";
}

.fa-octagon-equals {
  --fa: "\e6b3";
}

.fa-rectangle-minus {
  --fa: "\e6b4";
}

.fa-rectangle-plus {
  --fa: "\e6b5";
}

.fa-square-equals {
  --fa: "\e6b6";
}

.fa-arrow-down-long-to-line {
  --fa: "\e6b7";
}

.fa-arrow-left-arrow-right {
  --fa: "\e6b8";
}

.fa-arrow-left-from-dotted-line {
  --fa: "\e6b9";
}

.fa-arrow-left-to-dotted-line {
  --fa: "\e6ba";
}

.fa-arrow-right-from-dotted-line {
  --fa: "\e6bb";
}

.fa-arrow-right-to-dotted-line {
  --fa: "\e6bc";
}

.fa-arrow-up-long-to-line {
  --fa: "\e6bd";
}

.fa-direction-left-right {
  --fa: "\e6be";
}

.fa-direction-up-down {
  --fa: "\e6bf";
}

.fa-down-long-to-line {
  --fa: "\e6c0";
}

.fa-down-up {
  --fa: "\e6c1";
}

.fa-left-from-dotted-line {
  --fa: "\e6c2";
}

.fa-left-to-dotted-line {
  --fa: "\e6c3";
}

.fa-right-from-dotted-line {
  --fa: "\e6c4";
}

.fa-right-to-dotted-line {
  --fa: "\e6c5";
}

.fa-up-long-to-line {
  --fa: "\e6c6";
}

.fa-barn {
  --fa: "\e6c7";
}

.fa-circle-house {
  --fa: "\e6c8";
}

.fa-garage-empty {
  --fa: "\e6c9";
}

.fa-house-unlock {
  --fa: "\e6ca";
}

.fa-school-unlock {
  --fa: "\e6cb";
}

.fa-stadium {
  --fa: "\e6cc";
}

.fa-tent-circus {
  --fa: "\e6cd";
}

.fa-ball-yarn {
  --fa: "\e6ce";
}

.fa-bra {
  --fa: "\e6cf";
}

.fa-briefs {
  --fa: "\e6d0";
}

.fa-dress {
  --fa: "\e6d1";
}

.fa-jeans {
  --fa: "\e6d2";
}

.fa-jeans-straight {
  --fa: "\e6d3";
}

.fa-panties {
  --fa: "\e6d4";
}

.fa-pants {
  --fa: "\e6d5";
}

.fa-pants-straight {
  --fa: "\e6d6";
}

.fa-shirt-jersey {
  --fa: "\e6d7";
}

.fa-shoe {
  --fa: "\e6d8";
}

.fa-shorts {
  --fa: "\e6d9";
}

.fa-sneaker {
  --fa: "\e6da";
}

.fa-circle-share-nodes {
  --fa: "\e6db";
}

.fa-comment-dot {
  --fa: "\e6dc";
}

.fa-comment-waveform {
  --fa: "\e6dd";
}

.fa-envelope-circle-user {
  --fa: "\e6de";
}

.fa-message-dot {
  --fa: "\e6df";
}

.fa-message-waveform {
  --fa: "\e6e0";
}

.fa-phone-connection {
  --fa: "\e6e1";
}

.fa-phone-waveform {
  --fa: "\e6e2";
}

.fa-postage-stamp {
  --fa: "\e6e3";
}

.fa-circle-florin {
  --fa: "\e6e4";
}

.fa-circle-ruble {
  --fa: "\e6e5";
}

.fa-square-chf {
  --fa: "\e6e6";
}

.fa-square-lira {
  --fa: "\e6e7";
}

.fa-norwegian-krone-sign {
  --fa: "\e6e8";
}

.fa-circle-renminbi {
  --fa: "\e6e9";
}

.fa-square-peseta {
  --fa: "\e6ea";
}

.fa-circle-brazilian-real {
  --fa: "\e6eb";
}

.fa-circle-won {
  --fa: "\e6ec";
}

.fa-square-cruzeiro {
  --fa: "\e6ed";
}

.fa-circle-currency {
  --fa: "\e6ee";
}

.fa-circle-hryvnia {
  --fa: "\e6ef";
}

.fa-square-cent {
  --fa: "\e6f0";
}

.fa-square-brazilian-real {
  --fa: "\e6f1";
}

.fa-square-bitcoin {
  --fa: "\e6f2";
}

.fa-circle-peruvian-soles {
  --fa: "\e6f3";
}

.fa-circle-litecoin {
  --fa: "\e6f4";
}

.fa-square-indian-rupee {
  --fa: "\e6f5";
}

.fa-circle-lira {
  --fa: "\e6f6";
}

.fa-square-litecoin {
  --fa: "\e6f7";
}

.fa-square-ruble {
  --fa: "\e6f8";
}

.fa-circle-malaysian-ringgit {
  --fa: "\e6f9";
}

.fa-malaysian-ringgit-sign {
  --fa: "\e6fa";
}

.fa-circle-manat {
  --fa: "\e6fb";
}

.fa-circle-colon {
  --fa: "\e6fc";
}

.fa-circle-kip {
  --fa: "\e6fd";
}

.fa-australian-dollar-sign {
  --fa: "\e6fe";
}

.fa-circle-peso {
  --fa: "\e6ff";
}

.fa-circle-polish-zloty {
  --fa: "\e700";
}

.fa-circle-bangladeshi-taka {
  --fa: "\e701";
}

.fa-circle-mill {
  --fa: "\e702";
}

.fa-circle-shekel {
  --fa: "\e703";
}

.fa-square-manat {
  --fa: "\e704";
}

.fa-peruvian-soles-sign {
  --fa: "\e705";
}

.fa-circle-rupiah {
  --fa: "\e706";
}

.fa-square-norwegian-krone {
  --fa: "\e707";
}

.fa-square-naira {
  --fa: "\e708";
}

.fa-square-won {
  --fa: "\e709";
}

.fa-square-mill {
  --fa: "\e70a";
}

.fa-polish-zloty-sign {
  --fa: "\e70b";
}

.fa-square-currency {
  --fa: "\e70c";
}

.fa-square-kip {
  --fa: "\e70d";
}

.fa-square-guarani {
  --fa: "\e70e";
}

.fa-square-dong {
  --fa: "\e70f";
}

.fa-square-hryvnia {
  --fa: "\e710";
}

.fa-circle-tugrik {
  --fa: "\e711";
}

.fa-square-rupiah {
  --fa: "\e712";
}

.fa-square-sterling {
  --fa: "\e713";
}

.fa-circle-rupee {
  --fa: "\e714";
}

.fa-square-rupee {
  --fa: "\e715";
}

.fa-square-peruvian-soles {
  --fa: "\e716";
}

.fa-square-florin {
  --fa: "\e717";
}

.fa-square-australian-dollar {
  --fa: "\e718";
}

.fa-square-baht {
  --fa: "\e719";
}

.fa-square-peso {
  --fa: "\e71a";
}

.fa-circle-austral {
  --fa: "\e71b";
}

.fa-square-swedish-krona {
  --fa: "\e71c";
}

.fa-circle-lari {
  --fa: "\e71d";
}

.fa-circleapore-dollar {
  --fa: "\e71e";
}

.fa-square-turkish-lira {
  --fa: "\e71f";
}

.fa-danish-krone-sign {
  --fa: "\e720";
}

.fa-circle-franc {
  --fa: "\e721";
}

.fa-circle-cruzeiro {
  --fa: "\e722";
}

.fa-circle-dong {
  --fa: "\e723";
}

.fa-square-yen {
  --fa: "\e724";
}

.fa-circle-tenge {
  --fa: "\e725";
}

.fa-square-austral {
  --fa: "\e726";
}

.fa-square-eurozone {
  --fa: "\e727";
}

.fa-square-tugrik {
  --fa: "\e728";
}

.fa-square-cedi {
  --fa: "\e729";
}

.fa-circle-cent {
  --fa: "\e72a";
}

.fa-currency-sign {
  --fa: "\e72b";
}

.fa-circle-chf {
  --fa: "\e72c";
}

.fa-circle-baht {
  --fa: "\e72d";
}

.fa-signapore-dollar-sign {
  --fa: "\e72e";
}

.fa-square-franc {
  --fa: "\e72f";
}

.fa-circle-australian-dollar {
  --fa: "\e730";
}

.fa-square-tenge {
  --fa: "\e731";
}

.fa-square-euro {
  --fa: "\e732";
}

.fa-squareapore-dollar {
  --fa: "\e733";
}

.fa-circle-indian-rupee {
  --fa: "\e734";
}

.fa-square-shekel {
  --fa: "\e735";
}

.fa-square-polish-zloty {
  --fa: "\e736";
}

.fa-circle-bitcoin {
  --fa: "\e737";
}

.fa-circle-norwegian-krone {
  --fa: "\e738";
}

.fa-circle-turkish-lira {
  --fa: "\e739";
}

.fa-square-colon {
  --fa: "\e73a";
}

.fa-circle-guarani {
  --fa: "\e73b";
}

.fa-renminbi-sign {
  --fa: "\e73c";
}

.fa-square-renminbi {
  --fa: "\e73d";
}

.fa-swedish-krona-sign {
  --fa: "\e73e";
}

.fa-square-lari {
  --fa: "\e73f";
}

.fa-eurozone-sign {
  --fa: "\e740";
}

.fa-circle-peseta {
  --fa: "\e741";
}

.fa-circle-cedi {
  --fa: "\e742";
}

.fa-circle-swedish-krona {
  --fa: "\e743";
}

.fa-square-bangladeshi-taka {
  --fa: "\e744";
}

.fa-circle-eurozone {
  --fa: "\e745";
}

.fa-circle-danish-krone {
  --fa: "\e746";
}

.fa-square-danish-krone {
  --fa: "\e747";
}

.fa-square-malaysian-ringgit {
  --fa: "\e748";
}

.fa-circle-naira {
  --fa: "\e749";
}

.fa-mobile-arrow-down {
  --fa: "\e74b";
}

.fa-clone-plus {
  --fa: "\e74c";
}

.fa-paintbrush-fine-slash {
  --fa: "\e74d";
}

.fa-paintbrush-slash {
  --fa: "\e74e";
}

.fa-pencil-line {
  --fa: "\e74f";
}

.fa-slider-circle {
  --fa: "\e750";
}

.fa-thumbtack-angle {
  --fa: "\e751";
}

.fa-thumbtack-angle-slash {
  --fa: "\e752";
}

.fa-book-open-lines {
  --fa: "\e753";
}

.fa-book-spine {
  --fa: "\e754";
}

.fa-bookmark-plus {
  --fa: "\e755";
}

.fa-clipboard-clock {
  --fa: "\e756";
}

.fa-clipboard-exclamation {
  --fa: "\e757";
}

.fa-file-ban {
  --fa: "\e758";
}

.fa-notes-sticky {
  --fa: "\e759";
}

.fa-capsule {
  --fa: "\e75a";
}

.fa-ear-circle-checkmark {
  --fa: "\e75b";
}

.fa-ear-triangle-exclamation {
  --fa: "\e75c";
}

.fa-ear-waveform {
  --fa: "\e75d";
}

.fa-head-side-circuit {
  --fa: "\e75e";
}

.fa-head-side-speak {
  --fa: "\e75f";
}

.fa-microphone-signal-meter {
  --fa: "\e760";
}

.fa-spine {
  --fa: "\e761";
}

.fa-vial-vertical {
  --fa: "\e762";
}

.fa-bin {
  --fa: "\e763";
}

.fa-seat {
  --fa: "\e764";
}

.fa-seats {
  --fa: "\e765";
}

.fa-camera-circle-ellipsis {
  --fa: "\e766";
}

.fa-camera-clock {
  --fa: "\e767";
}

.fa-camera-shutter {
  --fa: "\e768";
}

.fa-film-music {
  --fa: "\e769";
}

.fa-film-stack {
  --fa: "\e76b";
}

.fa-image-circle-arrow-down {
  --fa: "\e76c";
}

.fa-image-circle-check {
  --fa: "\e76d";
}

.fa-image-circle-plus {
  --fa: "\e76e";
}

.fa-image-circle-xmark {
  --fa: "\e76f";
}

.fa-image-music {
  --fa: "\e770";
}

.fa-image-stack {
  --fa: "\e771";
}

.fa-rectangle-4k {
  --fa: "\e772";
}

.fa-rectangle-high-dynamic-range {
  --fa: "\e773";
}

.fa-rectangle-hdr {
  --fa: "\e773";
}

.fa-rectangle-video-on-demand {
  --fa: "\e774";
}

.fa-user-viewfinder {
  --fa: "\e775";
}

.fa-video-down-to-line {
  --fa: "\e776";
}

.fa-video-question {
  --fa: "\e777";
}

.fa-gas-pump-left {
  --fa: "\e778";
}

.fa-gas-pump-right {
  --fa: "\e779";
}

.fa-location-arrow-slash {
  --fa: "\e77a";
}

.fa-airplay-audio {
  --fa: "\e77b";
}

.fa-headphones-slash {
  --fa: "\e77c";
}

.fa-microphone-circle-plus {
  --fa: "\e77d";
}

.fa-microphone-circle-xmark {
  --fa: "\e77e";
}

.fa-open-captioning {
  --fa: "\e77f";
}

.fa-play-flip {
  --fa: "\e780";
}

.fa-square-microphone {
  --fa: "\e781";
}

.fa-trombone {
  --fa: "\e782";
}

.fa-person-arms-raised {
  --fa: "\e783";
}

.fa-person-basketball {
  --fa: "\e784";
}

.fa-person-carry-empty {
  --fa: "\e785";
}

.fa-person-golfing {
  --fa: "\e786";
}

.fa-person-limbs-wide {
  --fa: "\e787";
}

.fa-person-seat-window {
  --fa: "\e788";
}

.fa-person-soccer {
  --fa: "\e789";
}

.fa-person-swimming-pool {
  --fa: "\e78a";
}

.fa-person-swimming-water {
  --fa: "\e78b";
}

.fa-person-water-arms-raised {
  --fa: "\e78c";
}

.fa-person-waving {
  --fa: "\e78d";
}

.fa-heart-slash {
  --fa: "\e78e";
}

.fa-hearts {
  --fa: "\e78f";
}

.fa-pentagon {
  --fa: "\e790";
}

.fa-rectangle-tall {
  --fa: "\e791";
}

.fa-square-half {
  --fa: "\e792";
}

.fa-square-half-stroke {
  --fa: "\e793";
}

.fa-box-arrow-down {
  --fa: "\e794";
}

.fa-box-arrow-down-arrow-up {
  --fa: "\e795";
}

.fa-box-arrow-down-magnifying-glass {
  --fa: "\e796";
}

.fa-box-isometric {
  --fa: "\e797";
}

.fa-box-isometric-tape {
  --fa: "\e798";
}

.fa-qrcode-read {
  --fa: "\e799";
}

.fa-shop-24 {
  --fa: "\e79a";
}

.fa-store-24 {
  --fa: "\e79b";
}

.fa-face-shaking {
  --fa: "\e79c";
}

.fa-face-shaking-horizontal {
  --fa: "\e79d";
}

.fa-face-shaking-vertical {
  --fa: "\e79e";
}

.fa-circle-user-circle-check {
  --fa: "\e79f";
}

.fa-circle-user-circle-exclamation {
  --fa: "\e7a0";
}

.fa-circle-user-circle-minus {
  --fa: "\e7a1";
}

.fa-circle-user-circle-moon {
  --fa: "\e7a2";
}

.fa-circle-user-circle-plus {
  --fa: "\e7a3";
}

.fa-circle-user-circle-question {
  --fa: "\e7a4";
}

.fa-circle-user-circle-user {
  --fa: "\e7a5";
}

.fa-circle-user-circle-xmark {
  --fa: "\e7a6";
}

.fa-circle-user-clock {
  --fa: "\e7a7";
}

.fa-user-beard {
  --fa: "\e7a8";
}

.fa-user-chef-hair-long {
  --fa: "\e7a9";
}

.fa-user-circle-minus {
  --fa: "\e7aa";
}

.fa-user-circle-plus {
  --fa: "\e7ab";
}

.fa-user-dashed {
  --fa: "\e7ac";
}

.fa-user-doctor-hair-mullet {
  --fa: "\e7ad";
}

.fa-user-hat-tie {
  --fa: "\e7ae";
}

.fa-user-hat-tie-magnifying-glass {
  --fa: "\e7af";
}

.fa-user-key {
  --fa: "\e7b0";
}

.fa-user-message {
  --fa: "\e7b1";
}

.fa-user-microphone {
  --fa: "\e7b2";
}

.fa-user-pilot-hair-long {
  --fa: "\e7b3";
}

.fa-user-pilot-tie-hair-long {
  --fa: "\e7b4";
}

.fa-user-police-hair-long {
  --fa: "\e7b5";
}

.fa-user-police-tie-hair-long {
  --fa: "\e7b6";
}

.fa-user-question {
  --fa: "\e7b7";
}

.fa-user-sith {
  --fa: "\e7b8";
}

.fa-user-tie-hair-mullet {
  --fa: "\e7b9";
}

.fa-user-vneck-hair-mullet {
  --fa: "\e7ba";
}

.fa-plane-flying {
  --fa: "\e7bb";
}

.fa-plane-landing-gear {
  --fa: "\e7bc";
}

.fa-rocket-vertical {
  --fa: "\e7bd";
}

.fa-seat-airline-window {
  --fa: "\e7be";
}

.fa-shuttle-space-vertical {
  --fa: "\e7bf";
}

.fa-car-key {
  --fa: "\e7c0";
}

.fa-car-siren {
  --fa: "\e7c1";
}

.fa-car-siren-on {
  --fa: "\e7c2";
}

.fa-scooter {
  --fa: "\e7c3";
}

.fa-snowmobile-blank {
  --fa: "\e7c4";
}

.fa-stair-car {
  --fa: "\e7c5";
}

.fa-truck-suv {
  --fa: "\e7c6";
}

.fa-unicycle {
  --fa: "\e7c7";
}

.fa-van {
  --fa: "\e7c8";
}

.fa-moon-star {
  --fa: "\e7c9";
}

.fa-rainbow-half {
  --fa: "\e7ca";
}

.fa-temperature-slash {
  --fa: "\e7cb";
}

.fa-dialpad {
  --fa: "\e7cc";
}

.fa-computer-mouse-button-left {
  --fa: "\e7cd";
}

.fa-computer-mouse-button-right {
  --fa: "\e7ce";
}

.fa-dot {
  --fa: "\e7d1";
}

.fa-folder-arrow-left {
  --fa: "\e7d2";
}

.fa-folder-arrow-right {
  --fa: "\e7d3";
}

.fa-wireless {
  --fa: "\e7df";
}

.fa-circle-moon {
  --fa: "\e7e0";
}

.fa-person-meditating {
  --fa: "\e7e1";
}

.fa-baseball-bat {
  --fa: "\e7e5";
}

.fa-hockey-stick {
  --fa: "\e7e6";
}

.fa-arrow-u-turn-down-left {
  --fa: "\e7e7";
}

.fa-arrow-u-turn-down-right {
  --fa: "\e7e8";
}

.fa-arrow-u-turn-left-down {
  --fa: "\e7e9";
}

.fa-arrow-u-turn-left-up {
  --fa: "\e7ea";
}

.fa-arrow-u-turn-right-down {
  --fa: "\e7eb";
}

.fa-arrow-u-turn-right-up {
  --fa: "\e7ec";
}

.fa-arrow-u-turn-up-left {
  --fa: "\e7ed";
}

.fa-arrow-u-turn-up-right {
  --fa: "\e7ee";
}

.fa-u-turn-down-left {
  --fa: "\e7ef";
}

.fa-u-turn-down-right {
  --fa: "\e7f0";
}

.fa-u-turn-left-down {
  --fa: "\e7f1";
}

.fa-u-turn {
  --fa: "\e7f1";
}

.fa-u-turn-left-up {
  --fa: "\e7f2";
}

.fa-u-turn-right-down {
  --fa: "\e7f3";
}

.fa-u-turn-right-up {
  --fa: "\e7f4";
}

.fa-u-turn-up-left {
  --fa: "\e7f5";
}

.fa-u-turn-up-right {
  --fa: "\e7f6";
}

.fa-triple-chevrons-down {
  --fa: "\e7f7";
}

.fa-triple-chevrons-left {
  --fa: "\e7f8";
}

.fa-triple-chevrons-right {
  --fa: "\e7f9";
}

.fa-triple-chevrons-up {
  --fa: "\e7fa";
}

.fa-file-aiff {
  --fa: "\e7fb";
}

.fa-file-odf {
  --fa: "\e7fc";
}

.fa-file-tex {
  --fa: "\e7fd";
}

.fa-file-wav {
  --fa: "\e7fe";
}

.fa-droplet-plus {
  --fa: "\e800";
}

.fa-hand-holding-star {
  --fa: "\e801";
}

.fa-transmission {
  --fa: "\e802";
}

.fa-alarm-minus {
  --fa: "\e803";
}

.fa-file-brackets-curly {
  --fa: "\e804";
}

.fa-file-midi {
  --fa: "\e805";
}

.fa-midi {
  --fa: "\e806";
}

.fa-non-binary {
  --fa: "\e807";
}

.fa-rectangle-beta {
  --fa: "\e808";
}

.fa-shield-user {
  --fa: "\e809";
}

.fa-spiral {
  --fa: "\e80a";
}

.fa-picture-in-picture {
  --fa: "\e80b";
}

.fa-circle-half-horizontal {
  --fa: "\e80c";
}

.fa-circle-half-stroke-horizontal {
  --fa: "\e80d";
}

.fa-square-half-horizontal {
  --fa: "\e80e";
}

.fa-square-half-stroke-horizontal {
  --fa: "\e80f";
}

.fa-ship-large {
  --fa: "\e810";
}

.fa-butterfly {
  --fa: "\e811";
}

.fa-mobile-rotate {
  --fa: "\e813";
}

.fa-mobile-rotate-reverse {
  --fa: "\e814";
}

.fa-mobile-slash {
  --fa: "\e815";
}

.fa-mobile-vibrate {
  --fa: "\e816";
}

.fa-mobile-vibrate-slash {
  --fa: "\e817";
}

.fa-almost-equal-to {
  --fa: "\e818";
}

.fa-sneaker-running {
  --fa: "\e819";
}

.fa-horseshoe {
  --fa: "\e81a";
}

.fa-single-quote-left {
  --fa: "\e81b";
}

.fa-single-quote-right {
  --fa: "\e81c";
}

.fa-bus-side {
  --fa: "\e81d";
}

.fa-bus-stop {
  --fa: "\e81e";
}

.fa-train-stop {
  --fa: "\e81f";
}

.fa-septagon {
  --fa: "\e820";
}

.fa-heptagon {
  --fa: "\e820";
}

.fa-mailbox-open-empty {
  --fa: "\e821";
}

.fa-mailbox-open-letter {
  --fa: "\e823";
}

.fa-lychee {
  --fa: "\e824";
}

.fa-tank-recovery {
  --fa: "\e825";
}

.fa-transducer {
  --fa: "\e826";
}

.fa-box-arrow-up {
  --fa: "\e827";
}

.fa-box-magnifying-glass {
  --fa: "\e828";
}

.fa-envelope-ribbon {
  --fa: "\e829";
}

.fa-envelope-certificate {
  --fa: "\e829";
}

.fa-water-temperature {
  --fa: "\e82a";
}

.fa-water-temp {
  --fa: "\e82a";
}

.fa-martini-glass-empty {
  --fa: "\f000";
}

.fa-glass-martini {
  --fa: "\f000";
}

.fa-music {
  --fa: "\f001";
}

.fa-magnifying-glass {
  --fa: "\f002";
}

.fa-search {
  --fa: "\f002";
}

.fa-heart {
  --fa: "\f004";
}

.fa-star {
  --fa: "\f005";
}

.fa-user {
  --fa: "\f007";
}

.fa-user-alt {
  --fa: "\f007";
}

.fa-user-large {
  --fa: "\f007";
}

.fa-film {
  --fa: "\f008";
}

.fa-film-alt {
  --fa: "\f008";
}

.fa-film-simple {
  --fa: "\f008";
}

.fa-table-cells-large {
  --fa: "\f009";
}

.fa-th-large {
  --fa: "\f009";
}

.fa-table-cells {
  --fa: "\f00a";
}

.fa-th {
  --fa: "\f00a";
}

.fa-table-list {
  --fa: "\f00b";
}

.fa-th-list {
  --fa: "\f00b";
}

.fa-check {
  --fa: "\f00c";
}

.fa-xmark {
  --fa: "\f00d";
}

.fa-close {
  --fa: "\f00d";
}

.fa-multiply {
  --fa: "\f00d";
}

.fa-remove {
  --fa: "\f00d";
}

.fa-times {
  --fa: "\f00d";
}

.fa-magnifying-glass-plus {
  --fa: "\f00e";
}

.fa-search-plus {
  --fa: "\f00e";
}

.fa-magnifying-glass-minus {
  --fa: "\f010";
}

.fa-search-minus {
  --fa: "\f010";
}

.fa-power-off {
  --fa: "\f011";
}

.fa-signal {
  --fa: "\f012";
}

.fa-signal-5 {
  --fa: "\f012";
}

.fa-signal-perfect {
  --fa: "\f012";
}

.fa-gear {
  --fa: "\f013";
}

.fa-cog {
  --fa: "\f013";
}

.fa-house {
  --fa: "\f015";
}

.fa-home {
  --fa: "\f015";
}

.fa-home-alt {
  --fa: "\f015";
}

.fa-home-lg-alt {
  --fa: "\f015";
}

.fa-clock {
  --fa: "\f017";
}

.fa-clock-four {
  --fa: "\f017";
}

.fa-road {
  --fa: "\f018";
}

.fa-download {
  --fa: "\f019";
}

.fa-inbox {
  --fa: "\f01c";
}

.fa-arrow-rotate-right {
  --fa: "\f01e";
}

.fa-arrow-right-rotate {
  --fa: "\f01e";
}

.fa-arrow-rotate-forward {
  --fa: "\f01e";
}

.fa-redo {
  --fa: "\f01e";
}

.fa-arrows-rotate {
  --fa: "\f021";
}

.fa-refresh {
  --fa: "\f021";
}

.fa-sync {
  --fa: "\f021";
}

.fa-rectangle-list {
  --fa: "\f022";
}

.fa-list-alt {
  --fa: "\f022";
}

.fa-lock {
  --fa: "\f023";
}

.fa-flag {
  --fa: "\f024";
}

.fa-headphones {
  --fa: "\f025";
}

.fa-headphones-alt {
  --fa: "\f025";
}

.fa-headphones-simple {
  --fa: "\f025";
}

.fa-volume-off {
  --fa: "\f026";
}

.fa-volume-low {
  --fa: "\f027";
}

.fa-volume-down {
  --fa: "\f027";
}

.fa-volume-high {
  --fa: "\f028";
}

.fa-volume-up {
  --fa: "\f028";
}

.fa-qrcode {
  --fa: "\f029";
}

.fa-barcode {
  --fa: "\f02a";
}

.fa-tag {
  --fa: "\f02b";
}

.fa-tags {
  --fa: "\f02c";
}

.fa-book {
  --fa: "\f02d";
}

.fa-bookmark {
  --fa: "\f02e";
}

.fa-print {
  --fa: "\f02f";
}

.fa-camera {
  --fa: "\f030";
}

.fa-camera-alt {
  --fa: "\f030";
}

.fa-font {
  --fa: "\f031";
}

.fa-bold {
  --fa: "\f032";
}

.fa-italic {
  --fa: "\f033";
}

.fa-text-height {
  --fa: "\f034";
}

.fa-text-width {
  --fa: "\f035";
}

.fa-align-left {
  --fa: "\f036";
}

.fa-align-center {
  --fa: "\f037";
}

.fa-align-right {
  --fa: "\f038";
}

.fa-align-justify {
  --fa: "\f039";
}

.fa-list {
  --fa: "\f03a";
}

.fa-list-squares {
  --fa: "\f03a";
}

.fa-outdent {
  --fa: "\f03b";
}

.fa-dedent {
  --fa: "\f03b";
}

.fa-indent {
  --fa: "\f03c";
}

.fa-video {
  --fa: "\f03d";
}

.fa-video-camera {
  --fa: "\f03d";
}

.fa-image {
  --fa: "\f03e";
}

.fa-location-pin {
  --fa: "\f041";
}

.fa-map-marker {
  --fa: "\f041";
}

.fa-circle-half-stroke {
  --fa: "\f042";
}

.fa-adjust {
  --fa: "\f042";
}

.fa-droplet {
  --fa: "\f043";
}

.fa-tint {
  --fa: "\f043";
}

.fa-pen-to-square {
  --fa: "\f044";
}

.fa-edit {
  --fa: "\f044";
}

.fa-arrows-up-down-left-right {
  --fa: "\f047";
}

.fa-arrows {
  --fa: "\f047";
}

.fa-backward-step {
  --fa: "\f048";
}

.fa-step-backward {
  --fa: "\f048";
}

.fa-backward-fast {
  --fa: "\f049";
}

.fa-fast-backward {
  --fa: "\f049";
}

.fa-backward {
  --fa: "\f04a";
}

.fa-play {
  --fa: "\f04b";
}

.fa-pause {
  --fa: "\f04c";
}

.fa-stop {
  --fa: "\f04d";
}

.fa-forward {
  --fa: "\f04e";
}

.fa-forward-fast {
  --fa: "\f050";
}

.fa-fast-forward {
  --fa: "\f050";
}

.fa-forward-step {
  --fa: "\f051";
}

.fa-step-forward {
  --fa: "\f051";
}

.fa-eject {
  --fa: "\f052";
}

.fa-chevron-left {
  --fa: "\f053";
}

.fa-chevron-right {
  --fa: "\f054";
}

.fa-circle-plus {
  --fa: "\f055";
}

.fa-plus-circle {
  --fa: "\f055";
}

.fa-circle-minus {
  --fa: "\f056";
}

.fa-minus-circle {
  --fa: "\f056";
}

.fa-circle-xmark {
  --fa: "\f057";
}

.fa-times-circle {
  --fa: "\f057";
}

.fa-xmark-circle {
  --fa: "\f057";
}

.fa-circle-check {
  --fa: "\f058";
}

.fa-check-circle {
  --fa: "\f058";
}

.fa-circle-question {
  --fa: "\f059";
}

.fa-question-circle {
  --fa: "\f059";
}

.fa-circle-info {
  --fa: "\f05a";
}

.fa-info-circle {
  --fa: "\f05a";
}

.fa-crosshairs {
  --fa: "\f05b";
}

.fa-ban {
  --fa: "\f05e";
}

.fa-cancel {
  --fa: "\f05e";
}

.fa-arrow-left {
  --fa: "\f060";
}

.fa-arrow-right {
  --fa: "\f061";
}

.fa-arrow-up {
  --fa: "\f062";
}

.fa-arrow-down {
  --fa: "\f063";
}

.fa-share {
  --fa: "\f064";
}

.fa-mail-forward {
  --fa: "\f064";
}

.fa-expand {
  --fa: "\f065";
}

.fa-compress {
  --fa: "\f066";
}

.fa-minus {
  --fa: "\f068";
}

.fa-subtract {
  --fa: "\f068";
}

.fa-circle-exclamation {
  --fa: "\f06a";
}

.fa-exclamation-circle {
  --fa: "\f06a";
}

.fa-gift {
  --fa: "\f06b";
}

.fa-leaf {
  --fa: "\f06c";
}

.fa-fire {
  --fa: "\f06d";
}

.fa-eye {
  --fa: "\f06e";
}

.fa-eye-slash {
  --fa: "\f070";
}

.fa-triangle-exclamation {
  --fa: "\f071";
}

.fa-exclamation-triangle {
  --fa: "\f071";
}

.fa-warning {
  --fa: "\f071";
}

.fa-plane {
  --fa: "\f072";
}

.fa-calendar-days {
  --fa: "\f073";
}

.fa-calendar-alt {
  --fa: "\f073";
}

.fa-shuffle {
  --fa: "\f074";
}

.fa-random {
  --fa: "\f074";
}

.fa-comment {
  --fa: "\f075";
}

.fa-magnet {
  --fa: "\f076";
}

.fa-chevron-up {
  --fa: "\f077";
}

.fa-chevron-down {
  --fa: "\f078";
}

.fa-retweet {
  --fa: "\f079";
}

.fa-cart-shopping {
  --fa: "\f07a";
}

.fa-shopping-cart {
  --fa: "\f07a";
}

.fa-folder {
  --fa: "\f07b";
}

.fa-folder-blank {
  --fa: "\f07b";
}

.fa-folder-open {
  --fa: "\f07c";
}

.fa-arrows-up-down {
  --fa: "\f07d";
}

.fa-arrows-v {
  --fa: "\f07d";
}

.fa-arrows-left-right {
  --fa: "\f07e";
}

.fa-arrows-h {
  --fa: "\f07e";
}

.fa-chart-bar {
  --fa: "\f080";
}

.fa-bar-chart {
  --fa: "\f080";
}

.fa-camera-retro {
  --fa: "\f083";
}

.fa-key {
  --fa: "\f084";
}

.fa-gears {
  --fa: "\f085";
}

.fa-cogs {
  --fa: "\f085";
}

.fa-comments {
  --fa: "\f086";
}

.fa-star-half {
  --fa: "\f089";
}

.fa-arrow-right-from-bracket {
  --fa: "\f08b";
}

.fa-sign-out {
  --fa: "\f08b";
}

.fa-thumbtack {
  --fa: "\f08d";
}

.fa-thumb-tack {
  --fa: "\f08d";
}

.fa-arrow-up-right-from-square {
  --fa: "\f08e";
}

.fa-external-link {
  --fa: "\f08e";
}

.fa-arrow-right-to-bracket {
  --fa: "\f090";
}

.fa-sign-in {
  --fa: "\f090";
}

.fa-trophy {
  --fa: "\f091";
}

.fa-upload {
  --fa: "\f093";
}

.fa-lemon {
  --fa: "\f094";
}

.fa-phone {
  --fa: "\f095";
}

.fa-square-phone {
  --fa: "\f098";
}

.fa-phone-square {
  --fa: "\f098";
}

.fa-unlock {
  --fa: "\f09c";
}

.fa-credit-card {
  --fa: "\f09d";
}

.fa-credit-card-alt {
  --fa: "\f09d";
}

.fa-rss {
  --fa: "\f09e";
}

.fa-feed {
  --fa: "\f09e";
}

.fa-hard-drive {
  --fa: "\f0a0";
}

.fa-hdd {
  --fa: "\f0a0";
}

.fa-bullhorn {
  --fa: "\f0a1";
}

.fa-certificate {
  --fa: "\f0a3";
}

.fa-hand-point-right {
  --fa: "\f0a4";
}

.fa-hand-point-left {
  --fa: "\f0a5";
}

.fa-hand-point-up {
  --fa: "\f0a6";
}

.fa-hand-point-down {
  --fa: "\f0a7";
}

.fa-circle-arrow-left {
  --fa: "\f0a8";
}

.fa-arrow-circle-left {
  --fa: "\f0a8";
}

.fa-circle-arrow-right {
  --fa: "\f0a9";
}

.fa-arrow-circle-right {
  --fa: "\f0a9";
}

.fa-circle-arrow-up {
  --fa: "\f0aa";
}

.fa-arrow-circle-up {
  --fa: "\f0aa";
}

.fa-circle-arrow-down {
  --fa: "\f0ab";
}

.fa-arrow-circle-down {
  --fa: "\f0ab";
}

.fa-globe {
  --fa: "\f0ac";
}

.fa-wrench {
  --fa: "\f0ad";
}

.fa-list-check {
  --fa: "\f0ae";
}

.fa-tasks {
  --fa: "\f0ae";
}

.fa-filter {
  --fa: "\f0b0";
}

.fa-briefcase {
  --fa: "\f0b1";
}

.fa-up-down-left-right {
  --fa: "\f0b2";
}

.fa-arrows-alt {
  --fa: "\f0b2";
}

.fa-users {
  --fa: "\f0c0";
}

.fa-link {
  --fa: "\f0c1";
}

.fa-chain {
  --fa: "\f0c1";
}

.fa-cloud {
  --fa: "\f0c2";
}

.fa-flask {
  --fa: "\f0c3";
}

.fa-scissors {
  --fa: "\f0c4";
}

.fa-cut {
  --fa: "\f0c4";
}

.fa-copy {
  --fa: "\f0c5";
}

.fa-paperclip {
  --fa: "\f0c6";
}

.fa-floppy-disk {
  --fa: "\f0c7";
}

.fa-save {
  --fa: "\f0c7";
}

.fa-square {
  --fa: "\f0c8";
}

.fa-bars {
  --fa: "\f0c9";
}

.fa-navicon {
  --fa: "\f0c9";
}

.fa-list-ul {
  --fa: "\f0ca";
}

.fa-list-dots {
  --fa: "\f0ca";
}

.fa-list-ol {
  --fa: "\f0cb";
}

.fa-list-1-2 {
  --fa: "\f0cb";
}

.fa-list-numeric {
  --fa: "\f0cb";
}

.fa-strikethrough {
  --fa: "\f0cc";
}

.fa-underline {
  --fa: "\f0cd";
}

.fa-table {
  --fa: "\f0ce";
}

.fa-wand-magic {
  --fa: "\f0d0";
}

.fa-magic {
  --fa: "\f0d0";
}

.fa-truck {
  --fa: "\f0d1";
}

.fa-money-bill {
  --fa: "\f0d6";
}

.fa-caret-down {
  --fa: "\f0d7";
}

.fa-caret-up {
  --fa: "\f0d8";
}

.fa-caret-left {
  --fa: "\f0d9";
}

.fa-caret-right {
  --fa: "\f0da";
}

.fa-table-columns {
  --fa: "\f0db";
}

.fa-columns {
  --fa: "\f0db";
}

.fa-sort {
  --fa: "\f0dc";
}

.fa-unsorted {
  --fa: "\f0dc";
}

.fa-sort-down {
  --fa: "\f0dd";
}

.fa-sort-desc {
  --fa: "\f0dd";
}

.fa-sort-up {
  --fa: "\f0de";
}

.fa-sort-asc {
  --fa: "\f0de";
}

.fa-envelope {
  --fa: "\f0e0";
}

.fa-arrow-rotate-left {
  --fa: "\f0e2";
}

.fa-arrow-left-rotate {
  --fa: "\f0e2";
}

.fa-arrow-rotate-back {
  --fa: "\f0e2";
}

.fa-arrow-rotate-backward {
  --fa: "\f0e2";
}

.fa-undo {
  --fa: "\f0e2";
}

.fa-gavel {
  --fa: "\f0e3";
}

.fa-legal {
  --fa: "\f0e3";
}

.fa-bolt {
  --fa: "\f0e7";
}

.fa-zap {
  --fa: "\f0e7";
}

.fa-sitemap {
  --fa: "\f0e8";
}

.fa-umbrella {
  --fa: "\f0e9";
}

.fa-paste {
  --fa: "\f0ea";
}

.fa-file-clipboard {
  --fa: "\f0ea";
}

.fa-lightbulb {
  --fa: "\f0eb";
}

.fa-arrow-right-arrow-left {
  --fa: "\f0ec";
}

.fa-exchange {
  --fa: "\f0ec";
}

.fa-cloud-arrow-down {
  --fa: "\f0ed";
}

.fa-cloud-download {
  --fa: "\f0ed";
}

.fa-cloud-download-alt {
  --fa: "\f0ed";
}

.fa-cloud-arrow-up {
  --fa: "\f0ee";
}

.fa-cloud-upload {
  --fa: "\f0ee";
}

.fa-cloud-upload-alt {
  --fa: "\f0ee";
}

.fa-user-doctor {
  --fa: "\f0f0";
}

.fa-user-md {
  --fa: "\f0f0";
}

.fa-stethoscope {
  --fa: "\f0f1";
}

.fa-suitcase {
  --fa: "\f0f2";
}

.fa-bell {
  --fa: "\f0f3";
}

.fa-mug-saucer {
  --fa: "\f0f4";
}

.fa-coffee {
  --fa: "\f0f4";
}

.fa-hospital {
  --fa: "\f0f8";
}

.fa-hospital-alt {
  --fa: "\f0f8";
}

.fa-hospital-wide {
  --fa: "\f0f8";
}

.fa-truck-medical {
  --fa: "\f0f9";
}

.fa-ambulance {
  --fa: "\f0f9";
}

.fa-suitcase-medical {
  --fa: "\f0fa";
}

.fa-medkit {
  --fa: "\f0fa";
}

.fa-jet-fighter {
  --fa: "\f0fb";
}

.fa-fighter-jet {
  --fa: "\f0fb";
}

.fa-beer-mug-empty {
  --fa: "\f0fc";
}

.fa-beer {
  --fa: "\f0fc";
}

.fa-square-h {
  --fa: "\f0fd";
}

.fa-h-square {
  --fa: "\f0fd";
}

.fa-square-plus {
  --fa: "\f0fe";
}

.fa-plus-square {
  --fa: "\f0fe";
}

.fa-angles-left {
  --fa: "\f100";
}

.fa-angle-double-left {
  --fa: "\f100";
}

.fa-angles-right {
  --fa: "\f101";
}

.fa-angle-double-right {
  --fa: "\f101";
}

.fa-angles-up {
  --fa: "\f102";
}

.fa-angle-double-up {
  --fa: "\f102";
}

.fa-angles-down {
  --fa: "\f103";
}

.fa-angle-double-down {
  --fa: "\f103";
}

.fa-angle-left {
  --fa: "\f104";
}

.fa-angle-right {
  --fa: "\f105";
}

.fa-angle-up {
  --fa: "\f106";
}

.fa-angle-down {
  --fa: "\f107";
}

.fa-laptop {
  --fa: "\f109";
}

.fa-tablet-button {
  --fa: "\f10a";
}

.fa-mobile-button {
  --fa: "\f10b";
}

.fa-quote-left {
  --fa: "\f10d";
}

.fa-quote-left-alt {
  --fa: "\f10d";
}

.fa-quote-right {
  --fa: "\f10e";
}

.fa-quote-right-alt {
  --fa: "\f10e";
}

.fa-spinner {
  --fa: "\f110";
}

.fa-circle {
  --fa: "\f111";
}

.fa-face-smile {
  --fa: "\f118";
}

.fa-smile {
  --fa: "\f118";
}

.fa-face-frown {
  --fa: "\f119";
}

.fa-frown {
  --fa: "\f119";
}

.fa-face-meh {
  --fa: "\f11a";
}

.fa-meh {
  --fa: "\f11a";
}

.fa-gamepad {
  --fa: "\f11b";
}

.fa-keyboard {
  --fa: "\f11c";
}

.fa-flag-checkered {
  --fa: "\f11e";
}

.fa-terminal {
  --fa: "\f120";
}

.fa-code {
  --fa: "\f121";
}

.fa-reply-all {
  --fa: "\f122";
}

.fa-mail-reply-all {
  --fa: "\f122";
}

.fa-location-arrow {
  --fa: "\f124";
}

.fa-crop {
  --fa: "\f125";
}

.fa-code-branch {
  --fa: "\f126";
}

.fa-link-slash {
  --fa: "\f127";
}

.fa-chain-broken {
  --fa: "\f127";
}

.fa-chain-slash {
  --fa: "\f127";
}

.fa-unlink {
  --fa: "\f127";
}

.fa-info {
  --fa: "\f129";
}

.fa-superscript {
  --fa: "\f12b";
}

.fa-subscript {
  --fa: "\f12c";
}

.fa-eraser {
  --fa: "\f12d";
}

.fa-puzzle-piece {
  --fa: "\f12e";
}

.fa-microphone {
  --fa: "\f130";
}

.fa-microphone-slash {
  --fa: "\f131";
}

.fa-shield {
  --fa: "\f132";
}

.fa-shield-blank {
  --fa: "\f132";
}

.fa-calendar {
  --fa: "\f133";
}

.fa-fire-extinguisher {
  --fa: "\f134";
}

.fa-rocket {
  --fa: "\f135";
}

.fa-circle-chevron-left {
  --fa: "\f137";
}

.fa-chevron-circle-left {
  --fa: "\f137";
}

.fa-circle-chevron-right {
  --fa: "\f138";
}

.fa-chevron-circle-right {
  --fa: "\f138";
}

.fa-circle-chevron-up {
  --fa: "\f139";
}

.fa-chevron-circle-up {
  --fa: "\f139";
}

.fa-circle-chevron-down {
  --fa: "\f13a";
}

.fa-chevron-circle-down {
  --fa: "\f13a";
}

.fa-anchor {
  --fa: "\f13d";
}

.fa-unlock-keyhole {
  --fa: "\f13e";
}

.fa-unlock-alt {
  --fa: "\f13e";
}

.fa-bullseye {
  --fa: "\f140";
}

.fa-ellipsis {
  --fa: "\f141";
}

.fa-ellipsis-h {
  --fa: "\f141";
}

.fa-ellipsis-vertical {
  --fa: "\f142";
}

.fa-ellipsis-v {
  --fa: "\f142";
}

.fa-square-rss {
  --fa: "\f143";
}

.fa-rss-square {
  --fa: "\f143";
}

.fa-circle-play {
  --fa: "\f144";
}

.fa-play-circle {
  --fa: "\f144";
}

.fa-ticket {
  --fa: "\f145";
}

.fa-square-minus {
  --fa: "\f146";
}

.fa-minus-square {
  --fa: "\f146";
}

.fa-arrow-turn-up {
  --fa: "\f148";
}

.fa-level-up {
  --fa: "\f148";
}

.fa-arrow-turn-down {
  --fa: "\f149";
}

.fa-level-down {
  --fa: "\f149";
}

.fa-square-check {
  --fa: "\f14a";
}

.fa-check-square {
  --fa: "\f14a";
}

.fa-square-pen {
  --fa: "\f14b";
}

.fa-pen-square {
  --fa: "\f14b";
}

.fa-pencil-square {
  --fa: "\f14b";
}

.fa-square-arrow-up-right {
  --fa: "\f14c";
}

.fa-external-link-square {
  --fa: "\f14c";
}

.fa-share-from-square {
  --fa: "\f14d";
}

.fa-share-square {
  --fa: "\f14d";
}

.fa-compass {
  --fa: "\f14e";
}

.fa-square-caret-down {
  --fa: "\f150";
}

.fa-caret-square-down {
  --fa: "\f150";
}

.fa-square-caret-up {
  --fa: "\f151";
}

.fa-caret-square-up {
  --fa: "\f151";
}

.fa-square-caret-right {
  --fa: "\f152";
}

.fa-caret-square-right {
  --fa: "\f152";
}

.fa-euro-sign {
  --fa: "\f153";
}

.fa-eur {
  --fa: "\f153";
}

.fa-euro {
  --fa: "\f153";
}

.fa-sterling-sign {
  --fa: "\f154";
}

.fa-gbp {
  --fa: "\f154";
}

.fa-pound-sign {
  --fa: "\f154";
}

.fa-rupee-sign {
  --fa: "\f156";
}

.fa-rupee {
  --fa: "\f156";
}

.fa-yen-sign {
  --fa: "\f157";
}

.fa-cny {
  --fa: "\f157";
}

.fa-jpy {
  --fa: "\f157";
}

.fa-rmb {
  --fa: "\f157";
}

.fa-yen {
  --fa: "\f157";
}

.fa-ruble-sign {
  --fa: "\f158";
}

.fa-rouble {
  --fa: "\f158";
}

.fa-rub {
  --fa: "\f158";
}

.fa-ruble {
  --fa: "\f158";
}

.fa-won-sign {
  --fa: "\f159";
}

.fa-krw {
  --fa: "\f159";
}

.fa-won {
  --fa: "\f159";
}

.fa-file {
  --fa: "\f15b";
}

.fa-file-lines {
  --fa: "\f15c";
}

.fa-file-alt {
  --fa: "\f15c";
}

.fa-file-text {
  --fa: "\f15c";
}

.fa-arrow-down-a-z {
  --fa: "\f15d";
}

.fa-sort-alpha-asc {
  --fa: "\f15d";
}

.fa-sort-alpha-down {
  --fa: "\f15d";
}

.fa-arrow-up-a-z {
  --fa: "\f15e";
}

.fa-sort-alpha-up {
  --fa: "\f15e";
}

.fa-arrow-down-wide-short {
  --fa: "\f160";
}

.fa-sort-amount-asc {
  --fa: "\f160";
}

.fa-sort-amount-down {
  --fa: "\f160";
}

.fa-arrow-up-wide-short {
  --fa: "\f161";
}

.fa-sort-amount-up {
  --fa: "\f161";
}

.fa-arrow-down-1-9 {
  --fa: "\f162";
}

.fa-sort-numeric-asc {
  --fa: "\f162";
}

.fa-sort-numeric-down {
  --fa: "\f162";
}

.fa-arrow-up-1-9 {
  --fa: "\f163";
}

.fa-sort-numeric-up {
  --fa: "\f163";
}

.fa-thumbs-up {
  --fa: "\f164";
}

.fa-thumbs-down {
  --fa: "\f165";
}

.fa-arrow-down-long {
  --fa: "\f175";
}

.fa-long-arrow-down {
  --fa: "\f175";
}

.fa-arrow-up-long {
  --fa: "\f176";
}

.fa-long-arrow-up {
  --fa: "\f176";
}

.fa-arrow-left-long {
  --fa: "\f177";
}

.fa-long-arrow-left {
  --fa: "\f177";
}

.fa-arrow-right-long {
  --fa: "\f178";
}

.fa-long-arrow-right {
  --fa: "\f178";
}

.fa-person-dress {
  --fa: "\f182";
}

.fa-female {
  --fa: "\f182";
}

.fa-person {
  --fa: "\f183";
}

.fa-male {
  --fa: "\f183";
}

.fa-sun {
  --fa: "\f185";
}

.fa-moon {
  --fa: "\f186";
}

.fa-box-archive {
  --fa: "\f187";
}

.fa-archive {
  --fa: "\f187";
}

.fa-bug {
  --fa: "\f188";
}

.fa-square-caret-left {
  --fa: "\f191";
}

.fa-caret-square-left {
  --fa: "\f191";
}

.fa-circle-dot {
  --fa: "\f192";
}

.fa-dot-circle {
  --fa: "\f192";
}

.fa-wheelchair {
  --fa: "\f193";
}

.fa-lira-sign {
  --fa: "\f195";
}

.fa-shuttle-space {
  --fa: "\f197";
}

.fa-space-shuttle {
  --fa: "\f197";
}

.fa-square-envelope {
  --fa: "\f199";
}

.fa-envelope-square {
  --fa: "\f199";
}

.fa-building-columns {
  --fa: "\f19c";
}

.fa-bank {
  --fa: "\f19c";
}

.fa-institution {
  --fa: "\f19c";
}

.fa-museum {
  --fa: "\f19c";
}

.fa-university {
  --fa: "\f19c";
}

.fa-graduation-cap {
  --fa: "\f19d";
}

.fa-mortar-board {
  --fa: "\f19d";
}

.fa-language {
  --fa: "\f1ab";
}

.fa-fax {
  --fa: "\f1ac";
}

.fa-building {
  --fa: "\f1ad";
}

.fa-child {
  --fa: "\f1ae";
}

.fa-paw {
  --fa: "\f1b0";
}

.fa-cube {
  --fa: "\f1b2";
}

.fa-cubes {
  --fa: "\f1b3";
}

.fa-recycle {
  --fa: "\f1b8";
}

.fa-car {
  --fa: "\f1b9";
}

.fa-automobile {
  --fa: "\f1b9";
}

.fa-taxi {
  --fa: "\f1ba";
}

.fa-cab {
  --fa: "\f1ba";
}

.fa-tree {
  --fa: "\f1bb";
}

.fa-database {
  --fa: "\f1c0";
}

.fa-file-pdf {
  --fa: "\f1c1";
}

.fa-file-word {
  --fa: "\f1c2";
}

.fa-file-excel {
  --fa: "\f1c3";
}

.fa-file-powerpoint {
  --fa: "\f1c4";
}

.fa-file-image {
  --fa: "\f1c5";
}

.fa-file-zipper {
  --fa: "\f1c6";
}

.fa-file-archive {
  --fa: "\f1c6";
}

.fa-file-audio {
  --fa: "\f1c7";
}

.fa-file-video {
  --fa: "\f1c8";
}

.fa-file-code {
  --fa: "\f1c9";
}

.fa-life-ring {
  --fa: "\f1cd";
}

.fa-circle-notch {
  --fa: "\f1ce";
}

.fa-paper-plane {
  --fa: "\f1d8";
}

.fa-clock-rotate-left {
  --fa: "\f1da";
}

.fa-history {
  --fa: "\f1da";
}

.fa-heading {
  --fa: "\f1dc";
}

.fa-header {
  --fa: "\f1dc";
}

.fa-paragraph {
  --fa: "\f1dd";
}

.fa-sliders {
  --fa: "\f1de";
}

.fa-sliders-h {
  --fa: "\f1de";
}

.fa-share-nodes {
  --fa: "\f1e0";
}

.fa-share-alt {
  --fa: "\f1e0";
}

.fa-square-share-nodes {
  --fa: "\f1e1";
}

.fa-share-alt-square {
  --fa: "\f1e1";
}

.fa-bomb {
  --fa: "\f1e2";
}

.fa-futbol {
  --fa: "\f1e3";
}

.fa-futbol-ball {
  --fa: "\f1e3";
}

.fa-soccer-ball {
  --fa: "\f1e3";
}

.fa-tty {
  --fa: "\f1e4";
}

.fa-teletype {
  --fa: "\f1e4";
}

.fa-binoculars {
  --fa: "\f1e5";
}

.fa-plug {
  --fa: "\f1e6";
}

.fa-newspaper {
  --fa: "\f1ea";
}

.fa-wifi {
  --fa: "\f1eb";
}

.fa-wifi-3 {
  --fa: "\f1eb";
}

.fa-wifi-strong {
  --fa: "\f1eb";
}

.fa-calculator {
  --fa: "\f1ec";
}

.fa-bell-slash {
  --fa: "\f1f6";
}

.fa-trash {
  --fa: "\f1f8";
}

.fa-copyright {
  --fa: "\f1f9";
}

.fa-eye-dropper {
  --fa: "\f1fb";
}

.fa-eye-dropper-empty {
  --fa: "\f1fb";
}

.fa-eyedropper {
  --fa: "\f1fb";
}

.fa-paintbrush {
  --fa: "\f1fc";
}

.fa-paint-brush {
  --fa: "\f1fc";
}

.fa-cake-candles {
  --fa: "\f1fd";
}

.fa-birthday-cake {
  --fa: "\f1fd";
}

.fa-cake {
  --fa: "\f1fd";
}

.fa-chart-area {
  --fa: "\f1fe";
}

.fa-area-chart {
  --fa: "\f1fe";
}

.fa-chart-pie {
  --fa: "\f200";
}

.fa-pie-chart {
  --fa: "\f200";
}

.fa-chart-line {
  --fa: "\f201";
}

.fa-line-chart {
  --fa: "\f201";
}

.fa-toggle-off {
  --fa: "\f204";
}

.fa-toggle-on {
  --fa: "\f205";
}

.fa-bicycle {
  --fa: "\f206";
}

.fa-bus {
  --fa: "\f207";
}

.fa-closed-captioning {
  --fa: "\f20a";
}

.fa-shekel-sign {
  --fa: "\f20b";
}

.fa-ils {
  --fa: "\f20b";
}

.fa-shekel {
  --fa: "\f20b";
}

.fa-sheqel {
  --fa: "\f20b";
}

.fa-sheqel-sign {
  --fa: "\f20b";
}

.fa-cart-plus {
  --fa: "\f217";
}

.fa-cart-arrow-down {
  --fa: "\f218";
}

.fa-diamond {
  --fa: "\f219";
}

.fa-ship {
  --fa: "\f21a";
}

.fa-user-secret {
  --fa: "\f21b";
}

.fa-motorcycle {
  --fa: "\f21c";
}

.fa-street-view {
  --fa: "\f21d";
}

.fa-heart-pulse {
  --fa: "\f21e";
}

.fa-heartbeat {
  --fa: "\f21e";
}

.fa-venus {
  --fa: "\f221";
}

.fa-mars {
  --fa: "\f222";
}

.fa-mercury {
  --fa: "\f223";
}

.fa-mars-and-venus {
  --fa: "\f224";
}

.fa-transgender {
  --fa: "\f225";
}

.fa-transgender-alt {
  --fa: "\f225";
}

.fa-venus-double {
  --fa: "\f226";
}

.fa-mars-double {
  --fa: "\f227";
}

.fa-venus-mars {
  --fa: "\f228";
}

.fa-mars-stroke {
  --fa: "\f229";
}

.fa-mars-stroke-up {
  --fa: "\f22a";
}

.fa-mars-stroke-v {
  --fa: "\f22a";
}

.fa-mars-stroke-right {
  --fa: "\f22b";
}

.fa-mars-stroke-h {
  --fa: "\f22b";
}

.fa-neuter {
  --fa: "\f22c";
}

.fa-genderless {
  --fa: "\f22d";
}

.fa-server {
  --fa: "\f233";
}

.fa-user-plus {
  --fa: "\f234";
}

.fa-user-xmark {
  --fa: "\f235";
}

.fa-user-times {
  --fa: "\f235";
}

.fa-bed {
  --fa: "\f236";
}

.fa-train {
  --fa: "\f238";
}

.fa-train-subway {
  --fa: "\f239";
}

.fa-subway {
  --fa: "\f239";
}

.fa-battery-full {
  --fa: "\f240";
}

.fa-battery {
  --fa: "\f240";
}

.fa-battery-5 {
  --fa: "\f240";
}

.fa-battery-three-quarters {
  --fa: "\f241";
}

.fa-battery-4 {
  --fa: "\f241";
}

.fa-battery-half {
  --fa: "\f242";
}

.fa-battery-3 {
  --fa: "\f242";
}

.fa-battery-quarter {
  --fa: "\f243";
}

.fa-battery-2 {
  --fa: "\f243";
}

.fa-battery-empty {
  --fa: "\f244";
}

.fa-battery-0 {
  --fa: "\f244";
}

.fa-arrow-pointer {
  --fa: "\f245";
}

.fa-mouse-pointer {
  --fa: "\f245";
}

.fa-i-cursor {
  --fa: "\f246";
}

.fa-object-group {
  --fa: "\f247";
}

.fa-object-ungroup {
  --fa: "\f248";
}

.fa-note-sticky {
  --fa: "\f249";
}

.fa-sticky-note {
  --fa: "\f249";
}

.fa-clone {
  --fa: "\f24d";
}

.fa-scale-balanced {
  --fa: "\f24e";
}

.fa-balance-scale {
  --fa: "\f24e";
}

.fa-hourglass-start {
  --fa: "\f251";
}

.fa-hourglass-1 {
  --fa: "\f251";
}

.fa-hourglass-half {
  --fa: "\f252";
}

.fa-hourglass-2 {
  --fa: "\f252";
}

.fa-hourglass-end {
  --fa: "\f253";
}

.fa-hourglass-3 {
  --fa: "\f253";
}

.fa-hourglass {
  --fa: "\f254";
}

.fa-hourglass-empty {
  --fa: "\f254";
}

.fa-hand-back-fist {
  --fa: "\f255";
}

.fa-hand-rock {
  --fa: "\f255";
}

.fa-hand {
  --fa: "\f256";
}

.fa-hand-paper {
  --fa: "\f256";
}

.fa-hand-scissors {
  --fa: "\f257";
}

.fa-hand-lizard {
  --fa: "\f258";
}

.fa-hand-spock {
  --fa: "\f259";
}

.fa-hand-pointer {
  --fa: "\f25a";
}

.fa-hand-peace {
  --fa: "\f25b";
}

.fa-trademark {
  --fa: "\f25c";
}

.fa-registered {
  --fa: "\f25d";
}

.fa-tv {
  --fa: "\f26c";
}

.fa-television {
  --fa: "\f26c";
}

.fa-tv-alt {
  --fa: "\f26c";
}

.fa-calendar-plus {
  --fa: "\f271";
}

.fa-calendar-minus {
  --fa: "\f272";
}

.fa-calendar-xmark {
  --fa: "\f273";
}

.fa-calendar-times {
  --fa: "\f273";
}

.fa-calendar-check {
  --fa: "\f274";
}

.fa-industry {
  --fa: "\f275";
}

.fa-map-pin {
  --fa: "\f276";
}

.fa-signs-post {
  --fa: "\f277";
}

.fa-map-signs {
  --fa: "\f277";
}

.fa-map {
  --fa: "\f279";
}

.fa-message {
  --fa: "\f27a";
}

.fa-comment-alt {
  --fa: "\f27a";
}

.fa-circle-pause {
  --fa: "\f28b";
}

.fa-pause-circle {
  --fa: "\f28b";
}

.fa-circle-stop {
  --fa: "\f28d";
}

.fa-stop-circle {
  --fa: "\f28d";
}

.fa-bag-shopping {
  --fa: "\f290";
}

.fa-shopping-bag {
  --fa: "\f290";
}

.fa-basket-shopping {
  --fa: "\f291";
}

.fa-shopping-basket {
  --fa: "\f291";
}

.fa-bluetooth {
  --fa: "\f293";
}

.fa-universal-access {
  --fa: "\f29a";
}

.fa-person-walking-with-cane {
  --fa: "\f29d";
}

.fa-blind {
  --fa: "\f29d";
}

.fa-audio-description {
  --fa: "\f29e";
}

.fa-phone-volume {
  --fa: "\f2a0";
}

.fa-volume-control-phone {
  --fa: "\f2a0";
}

.fa-braille {
  --fa: "\f2a1";
}

.fa-ear-listen {
  --fa: "\f2a2";
}

.fa-assistive-listening-systems {
  --fa: "\f2a2";
}

.fa-hands-asl-interpreting {
  --fa: "\f2a3";
}

.fa-american-sign-language-interpreting {
  --fa: "\f2a3";
}

.fa-asl-interpreting {
  --fa: "\f2a3";
}

.fa-hands-american-sign-language-interpreting {
  --fa: "\f2a3";
}

.fa-ear-deaf {
  --fa: "\f2a4";
}

.fa-deaf {
  --fa: "\f2a4";
}

.fa-deafness {
  --fa: "\f2a4";
}

.fa-hard-of-hearing {
  --fa: "\f2a4";
}

.fa-hands {
  --fa: "\f2a7";
}

.fa-sign-language {
  --fa: "\f2a7";
}

.fa-signing {
  --fa: "\f2a7";
}

.fa-eye-low-vision {
  --fa: "\f2a8";
}

.fa-low-vision {
  --fa: "\f2a8";
}

.fa-font-awesome {
  --fa: "\f2b4";
}

.fa-font-awesome-flag {
  --fa: "\f2b4";
}

.fa-font-awesome-logo-full {
  --fa: "\f2b4";
}

.fa-handshake {
  --fa: "\f2b5";
}

.fa-handshake-alt {
  --fa: "\f2b5";
}

.fa-handshake-simple {
  --fa: "\f2b5";
}

.fa-envelope-open {
  --fa: "\f2b6";
}

.fa-address-book {
  --fa: "\f2b9";
}

.fa-contact-book {
  --fa: "\f2b9";
}

.fa-address-card {
  --fa: "\f2bb";
}

.fa-contact-card {
  --fa: "\f2bb";
}

.fa-vcard {
  --fa: "\f2bb";
}

.fa-circle-user {
  --fa: "\f2bd";
}

.fa-user-circle {
  --fa: "\f2bd";
}

.fa-id-badge {
  --fa: "\f2c1";
}

.fa-id-card {
  --fa: "\f2c2";
}

.fa-drivers-license {
  --fa: "\f2c2";
}

.fa-temperature-full {
  --fa: "\f2c7";
}

.fa-temperature-4 {
  --fa: "\f2c7";
}

.fa-thermometer-4 {
  --fa: "\f2c7";
}

.fa-thermometer-full {
  --fa: "\f2c7";
}

.fa-temperature-three-quarters {
  --fa: "\f2c8";
}

.fa-temperature-3 {
  --fa: "\f2c8";
}

.fa-thermometer-3 {
  --fa: "\f2c8";
}

.fa-thermometer-three-quarters {
  --fa: "\f2c8";
}

.fa-temperature-half {
  --fa: "\f2c9";
}

.fa-temperature-2 {
  --fa: "\f2c9";
}

.fa-thermometer-2 {
  --fa: "\f2c9";
}

.fa-thermometer-half {
  --fa: "\f2c9";
}

.fa-temperature-quarter {
  --fa: "\f2ca";
}

.fa-temperature-1 {
  --fa: "\f2ca";
}

.fa-thermometer-1 {
  --fa: "\f2ca";
}

.fa-thermometer-quarter {
  --fa: "\f2ca";
}

.fa-temperature-empty {
  --fa: "\f2cb";
}

.fa-temperature-0 {
  --fa: "\f2cb";
}

.fa-thermometer-0 {
  --fa: "\f2cb";
}

.fa-thermometer-empty {
  --fa: "\f2cb";
}

.fa-shower {
  --fa: "\f2cc";
}

.fa-bath {
  --fa: "\f2cd";
}

.fa-bathtub {
  --fa: "\f2cd";
}

.fa-podcast {
  --fa: "\f2ce";
}

.fa-window-maximize {
  --fa: "\f2d0";
}

.fa-window-minimize {
  --fa: "\f2d1";
}

.fa-window-restore {
  --fa: "\f2d2";
}

.fa-square-xmark {
  --fa: "\f2d3";
}

.fa-times-square {
  --fa: "\f2d3";
}

.fa-xmark-square {
  --fa: "\f2d3";
}

.fa-microchip {
  --fa: "\f2db";
}

.fa-snowflake {
  --fa: "\f2dc";
}

.fa-watch {
  --fa: "\f2e1";
}

.fa-volume-slash {
  --fa: "\f2e2";
}

.fa-fork {
  --fa: "\f2e3";
}

.fa-utensil-fork {
  --fa: "\f2e3";
}

.fa-knife {
  --fa: "\f2e4";
}

.fa-utensil-knife {
  --fa: "\f2e4";
}

.fa-spoon {
  --fa: "\f2e5";
}

.fa-utensil-spoon {
  --fa: "\f2e5";
}

.fa-fork-knife {
  --fa: "\f2e6";
}

.fa-utensils-alt {
  --fa: "\f2e6";
}

.fa-utensils {
  --fa: "\f2e7";
}

.fa-cutlery {
  --fa: "\f2e7";
}

.fa-circle-dollar {
  --fa: "\f2e8";
}

.fa-dollar-circle {
  --fa: "\f2e8";
}

.fa-usd-circle {
  --fa: "\f2e8";
}

.fa-square-dollar {
  --fa: "\f2e9";
}

.fa-dollar-square {
  --fa: "\f2e9";
}

.fa-usd-square {
  --fa: "\f2e9";
}

.fa-rotate-left {
  --fa: "\f2ea";
}

.fa-rotate-back {
  --fa: "\f2ea";
}

.fa-rotate-backward {
  --fa: "\f2ea";
}

.fa-undo-alt {
  --fa: "\f2ea";
}

.fa-trophy-star {
  --fa: "\f2eb";
}

.fa-trophy-alt {
  --fa: "\f2eb";
}

.fa-triangle {
  --fa: "\f2ec";
}

.fa-trash-can {
  --fa: "\f2ed";
}

.fa-trash-alt {
  --fa: "\f2ed";
}

.fa-hexagon-xmark {
  --fa: "\f2ee";
}

.fa-times-hexagon {
  --fa: "\f2ee";
}

.fa-xmark-hexagon {
  --fa: "\f2ee";
}

.fa-octagon-xmark {
  --fa: "\f2f0";
}

.fa-times-octagon {
  --fa: "\f2f0";
}

.fa-xmark-octagon {
  --fa: "\f2f0";
}

.fa-rotate {
  --fa: "\f2f1";
}

.fa-sync-alt {
  --fa: "\f2f1";
}

.fa-stopwatch {
  --fa: "\f2f2";
}

.fa-star-exclamation {
  --fa: "\f2f3";
}

.fa-spade {
  --fa: "\f2f4";
}

.fa-right-from-bracket {
  --fa: "\f2f5";
}

.fa-sign-out-alt {
  --fa: "\f2f5";
}

.fa-right-to-bracket {
  --fa: "\f2f6";
}

.fa-sign-in-alt {
  --fa: "\f2f6";
}

.fa-shield-check {
  --fa: "\f2f7";
}

.fa-scrubber {
  --fa: "\f2f8";
}

.fa-rotate-right {
  --fa: "\f2f9";
}

.fa-redo-alt {
  --fa: "\f2f9";
}

.fa-rotate-forward {
  --fa: "\f2f9";
}

.fa-rectangle {
  --fa: "\f2fa";
}

.fa-rectangle-landscape {
  --fa: "\f2fa";
}

.fa-rectangle-vertical {
  --fa: "\f2fb";
}

.fa-rectangle-portrait {
  --fa: "\f2fb";
}

.fa-rectangle-wide {
  --fa: "\f2fc";
}

.fa-square-question {
  --fa: "\f2fd";
}

.fa-question-square {
  --fa: "\f2fd";
}

.fa-poo {
  --fa: "\f2fe";
}

.fa-hexagon-plus {
  --fa: "\f300";
}

.fa-plus-hexagon {
  --fa: "\f300";
}

.fa-octagon-plus {
  --fa: "\f301";
}

.fa-plus-octagon {
  --fa: "\f301";
}

.fa-images {
  --fa: "\f302";
}

.fa-pencil {
  --fa: "\f303";
}

.fa-pencil-alt {
  --fa: "\f303";
}

.fa-pen {
  --fa: "\f304";
}

.fa-pen-clip {
  --fa: "\f305";
}

.fa-pen-alt {
  --fa: "\f305";
}

.fa-octagon {
  --fa: "\f306";
}

.fa-hexagon-minus {
  --fa: "\f307";
}

.fa-minus-hexagon {
  --fa: "\f307";
}

.fa-octagon-minus {
  --fa: "\f308";
}

.fa-minus-octagon {
  --fa: "\f308";
}

.fa-down-long {
  --fa: "\f309";
}

.fa-long-arrow-alt-down {
  --fa: "\f309";
}

.fa-left-long {
  --fa: "\f30a";
}

.fa-long-arrow-alt-left {
  --fa: "\f30a";
}

.fa-right-long {
  --fa: "\f30b";
}

.fa-long-arrow-alt-right {
  --fa: "\f30b";
}

.fa-up-long {
  --fa: "\f30c";
}

.fa-long-arrow-alt-up {
  --fa: "\f30c";
}

.fa-lock-keyhole {
  --fa: "\f30d";
}

.fa-lock-alt {
  --fa: "\f30d";
}

.fa-jack-o-lantern {
  --fa: "\f30e";
}

.fa-square-info {
  --fa: "\f30f";
}

.fa-info-square {
  --fa: "\f30f";
}

.fa-inbox-in {
  --fa: "\f310";
}

.fa-inbox-arrow-down {
  --fa: "\f310";
}

.fa-inbox-out {
  --fa: "\f311";
}

.fa-inbox-arrow-up {
  --fa: "\f311";
}

.fa-hexagon {
  --fa: "\f312";
}

.fa-h1 {
  --fa: "\f313";
}

.fa-h2 {
  --fa: "\f314";
}

.fa-h3 {
  --fa: "\f315";
}

.fa-file-check {
  --fa: "\f316";
}

.fa-file-xmark {
  --fa: "\f317";
}

.fa-file-times {
  --fa: "\f317";
}

.fa-file-minus {
  --fa: "\f318";
}

.fa-file-plus {
  --fa: "\f319";
}

.fa-file-exclamation {
  --fa: "\f31a";
}

.fa-file-pen {
  --fa: "\f31c";
}

.fa-file-edit {
  --fa: "\f31c";
}

.fa-arrows-maximize {
  --fa: "\f31d";
}

.fa-expand-arrows {
  --fa: "\f31d";
}

.fa-maximize {
  --fa: "\f31e";
}

.fa-expand-arrows-alt {
  --fa: "\f31e";
}

.fa-expand-wide {
  --fa: "\f320";
}

.fa-square-exclamation {
  --fa: "\f321";
}

.fa-exclamation-square {
  --fa: "\f321";
}

.fa-chevrons-down {
  --fa: "\f322";
}

.fa-chevron-double-down {
  --fa: "\f322";
}

.fa-chevrons-left {
  --fa: "\f323";
}

.fa-chevron-double-left {
  --fa: "\f323";
}

.fa-chevrons-right {
  --fa: "\f324";
}

.fa-chevron-double-right {
  --fa: "\f324";
}

.fa-chevrons-up {
  --fa: "\f325";
}

.fa-chevron-double-up {
  --fa: "\f325";
}

.fa-compress-wide {
  --fa: "\f326";
}

.fa-club {
  --fa: "\f327";
}

.fa-clipboard {
  --fa: "\f328";
}

.fa-square-chevron-down {
  --fa: "\f329";
}

.fa-chevron-square-down {
  --fa: "\f329";
}

.fa-square-chevron-left {
  --fa: "\f32a";
}

.fa-chevron-square-left {
  --fa: "\f32a";
}

.fa-square-chevron-right {
  --fa: "\f32b";
}

.fa-chevron-square-right {
  --fa: "\f32b";
}

.fa-square-chevron-up {
  --fa: "\f32c";
}

.fa-chevron-square-up {
  --fa: "\f32c";
}

.fa-circle-caret-down {
  --fa: "\f32d";
}

.fa-caret-circle-down {
  --fa: "\f32d";
}

.fa-circle-caret-left {
  --fa: "\f32e";
}

.fa-caret-circle-left {
  --fa: "\f32e";
}

.fa-circle-caret-right {
  --fa: "\f330";
}

.fa-caret-circle-right {
  --fa: "\f330";
}

.fa-circle-caret-up {
  --fa: "\f331";
}

.fa-caret-circle-up {
  --fa: "\f331";
}

.fa-calendar-pen {
  --fa: "\f333";
}

.fa-calendar-edit {
  --fa: "\f333";
}

.fa-calendar-exclamation {
  --fa: "\f334";
}

.fa-badge {
  --fa: "\f335";
}

.fa-badge-check {
  --fa: "\f336";
}

.fa-left-right {
  --fa: "\f337";
}

.fa-arrows-alt-h {
  --fa: "\f337";
}

.fa-up-down {
  --fa: "\f338";
}

.fa-arrows-alt-v {
  --fa: "\f338";
}

.fa-square-arrow-down {
  --fa: "\f339";
}

.fa-arrow-square-down {
  --fa: "\f339";
}

.fa-square-arrow-left {
  --fa: "\f33a";
}

.fa-arrow-square-left {
  --fa: "\f33a";
}

.fa-square-arrow-right {
  --fa: "\f33b";
}

.fa-arrow-square-right {
  --fa: "\f33b";
}

.fa-square-arrow-up {
  --fa: "\f33c";
}

.fa-arrow-square-up {
  --fa: "\f33c";
}

.fa-arrow-down-to-line {
  --fa: "\f33d";
}

.fa-arrow-to-bottom {
  --fa: "\f33d";
}

.fa-arrow-left-to-line {
  --fa: "\f33e";
}

.fa-arrow-to-left {
  --fa: "\f33e";
}

.fa-arrow-right-to-line {
  --fa: "\f340";
}

.fa-arrow-to-right {
  --fa: "\f340";
}

.fa-arrow-up-to-line {
  --fa: "\f341";
}

.fa-arrow-to-top {
  --fa: "\f341";
}

.fa-arrow-up-from-line {
  --fa: "\f342";
}

.fa-arrow-from-bottom {
  --fa: "\f342";
}

.fa-arrow-right-from-line {
  --fa: "\f343";
}

.fa-arrow-from-left {
  --fa: "\f343";
}

.fa-arrow-left-from-line {
  --fa: "\f344";
}

.fa-arrow-from-right {
  --fa: "\f344";
}

.fa-arrow-down-from-line {
  --fa: "\f345";
}

.fa-arrow-from-top {
  --fa: "\f345";
}

.fa-up-from-line {
  --fa: "\f346";
}

.fa-arrow-alt-from-bottom {
  --fa: "\f346";
}

.fa-right-from-line {
  --fa: "\f347";
}

.fa-arrow-alt-from-left {
  --fa: "\f347";
}

.fa-left-from-line {
  --fa: "\f348";
}

.fa-arrow-alt-from-right {
  --fa: "\f348";
}

.fa-down-from-line {
  --fa: "\f349";
}

.fa-arrow-alt-from-top {
  --fa: "\f349";
}

.fa-down-to-line {
  --fa: "\f34a";
}

.fa-arrow-alt-to-bottom {
  --fa: "\f34a";
}

.fa-left-to-line {
  --fa: "\f34b";
}

.fa-arrow-alt-to-left {
  --fa: "\f34b";
}

.fa-right-to-line {
  --fa: "\f34c";
}

.fa-arrow-alt-to-right {
  --fa: "\f34c";
}

.fa-up-to-line {
  --fa: "\f34d";
}

.fa-arrow-alt-to-top {
  --fa: "\f34d";
}

.fa-alarm-clock {
  --fa: "\f34e";
}

.fa-square-down {
  --fa: "\f350";
}

.fa-arrow-alt-square-down {
  --fa: "\f350";
}

.fa-square-left {
  --fa: "\f351";
}

.fa-arrow-alt-square-left {
  --fa: "\f351";
}

.fa-square-right {
  --fa: "\f352";
}

.fa-arrow-alt-square-right {
  --fa: "\f352";
}

.fa-square-up {
  --fa: "\f353";
}

.fa-arrow-alt-square-up {
  --fa: "\f353";
}

.fa-down {
  --fa: "\f354";
}

.fa-arrow-alt-down {
  --fa: "\f354";
}

.fa-left {
  --fa: "\f355";
}

.fa-arrow-alt-left {
  --fa: "\f355";
}

.fa-right {
  --fa: "\f356";
}

.fa-arrow-alt-right {
  --fa: "\f356";
}

.fa-up {
  --fa: "\f357";
}

.fa-arrow-alt-up {
  --fa: "\f357";
}

.fa-circle-down {
  --fa: "\f358";
}

.fa-arrow-alt-circle-down {
  --fa: "\f358";
}

.fa-circle-left {
  --fa: "\f359";
}

.fa-arrow-alt-circle-left {
  --fa: "\f359";
}

.fa-circle-right {
  --fa: "\f35a";
}

.fa-arrow-alt-circle-right {
  --fa: "\f35a";
}

.fa-circle-up {
  --fa: "\f35b";
}

.fa-arrow-alt-circle-up {
  --fa: "\f35b";
}

.fa-up-right-from-square {
  --fa: "\f35d";
}

.fa-external-link-alt {
  --fa: "\f35d";
}

.fa-square-up-right {
  --fa: "\f360";
}

.fa-external-link-square-alt {
  --fa: "\f360";
}

.fa-arrows-retweet {
  --fa: "\f361";
}

.fa-retweet-alt {
  --fa: "\f361";
}

.fa-right-left {
  --fa: "\f362";
}

.fa-exchange-alt {
  --fa: "\f362";
}

.fa-repeat {
  --fa: "\f363";
}

.fa-arrows-repeat {
  --fa: "\f364";
}

.fa-repeat-alt {
  --fa: "\f364";
}

.fa-repeat-1 {
  --fa: "\f365";
}

.fa-arrows-repeat-1 {
  --fa: "\f366";
}

.fa-repeat-1-alt {
  --fa: "\f366";
}

.fa-share-all {
  --fa: "\f367";
}

.fa-battery-bolt {
  --fa: "\f376";
}

.fa-battery-slash {
  --fa: "\f377";
}

.fa-browser {
  --fa: "\f37e";
}

.fa-code-commit {
  --fa: "\f386";
}

.fa-code-merge {
  --fa: "\f387";
}

.fa-credit-card-blank {
  --fa: "\f389";
}

.fa-credit-card-front {
  --fa: "\f38a";
}

.fa-desktop {
  --fa: "\f390";
}

.fa-desktop-alt {
  --fa: "\f390";
}

.fa-ellipsis-stroke {
  --fa: "\f39b";
}

.fa-ellipsis-h-alt {
  --fa: "\f39b";
}

.fa-ellipsis-stroke-vertical {
  --fa: "\f39c";
}

.fa-ellipsis-v-alt {
  --fa: "\f39c";
}

.fa-gem {
  --fa: "\f3a5";
}

.fa-industry-windows {
  --fa: "\f3b3";
}

.fa-industry-alt {
  --fa: "\f3b3";
}

.fa-turn-down {
  --fa: "\f3be";
}

.fa-level-down-alt {
  --fa: "\f3be";
}

.fa-turn-up {
  --fa: "\f3bf";
}

.fa-level-up-alt {
  --fa: "\f3bf";
}

.fa-lock-open {
  --fa: "\f3c1";
}

.fa-lock-keyhole-open {
  --fa: "\f3c2";
}

.fa-lock-open-alt {
  --fa: "\f3c2";
}

.fa-location-dot {
  --fa: "\f3c5";
}

.fa-map-marker-alt {
  --fa: "\f3c5";
}

.fa-microphone-lines {
  --fa: "\f3c9";
}

.fa-microphone-alt {
  --fa: "\f3c9";
}

.fa-mobile-screen-button {
  --fa: "\f3cd";
}

.fa-mobile-alt {
  --fa: "\f3cd";
}

.fa-mobile {
  --fa: "\f3ce";
}

.fa-mobile-android {
  --fa: "\f3ce";
}

.fa-mobile-phone {
  --fa: "\f3ce";
}

.fa-mobile-screen {
  --fa: "\f3cf";
}

.fa-mobile-android-alt {
  --fa: "\f3cf";
}

.fa-money-bill-1 {
  --fa: "\f3d1";
}

.fa-money-bill-alt {
  --fa: "\f3d1";
}

.fa-phone-slash {
  --fa: "\f3dd";
}

.fa-plane-engines {
  --fa: "\f3de";
}

.fa-plane-alt {
  --fa: "\f3de";
}

.fa-image-portrait {
  --fa: "\f3e0";
}

.fa-portrait {
  --fa: "\f3e0";
}

.fa-reply {
  --fa: "\f3e5";
}

.fa-mail-reply {
  --fa: "\f3e5";
}

.fa-shield-halved {
  --fa: "\f3ed";
}

.fa-shield-alt {
  --fa: "\f3ed";
}

.fa-square-sliders {
  --fa: "\f3f0";
}

.fa-sliders-h-square {
  --fa: "\f3f0";
}

.fa-sliders-up {
  --fa: "\f3f1";
}

.fa-sliders-v {
  --fa: "\f3f1";
}

.fa-square-sliders-vertical {
  --fa: "\f3f2";
}

.fa-sliders-v-square {
  --fa: "\f3f2";
}

.fa-spinner-third {
  --fa: "\f3f4";
}

.fa-tablet-screen-button {
  --fa: "\f3fa";
}

.fa-tablet-alt {
  --fa: "\f3fa";
}

.fa-tablet {
  --fa: "\f3fb";
}

.fa-tablet-android {
  --fa: "\f3fb";
}

.fa-tablet-screen {
  --fa: "\f3fc";
}

.fa-tablet-android-alt {
  --fa: "\f3fc";
}

.fa-ticket-simple {
  --fa: "\f3ff";
}

.fa-ticket-alt {
  --fa: "\f3ff";
}

.fa-tree-deciduous {
  --fa: "\f400";
}

.fa-tree-alt {
  --fa: "\f400";
}

.fa-tv-retro {
  --fa: "\f401";
}

.fa-window {
  --fa: "\f40e";
}

.fa-window-flip {
  --fa: "\f40f";
}

.fa-window-alt {
  --fa: "\f40f";
}

.fa-rectangle-xmark {
  --fa: "\f410";
}

.fa-rectangle-times {
  --fa: "\f410";
}

.fa-times-rectangle {
  --fa: "\f410";
}

.fa-window-close {
  --fa: "\f410";
}

.fa-down-left-and-up-right-to-center {
  --fa: "\f422";
}

.fa-compress-alt {
  --fa: "\f422";
}

.fa-up-right-and-down-left-from-center {
  --fa: "\f424";
}

.fa-expand-alt {
  --fa: "\f424";
}

.fa-baseball-bat-ball {
  --fa: "\f432";
}

.fa-baseball {
  --fa: "\f433";
}

.fa-baseball-ball {
  --fa: "\f433";
}

.fa-basketball {
  --fa: "\f434";
}

.fa-basketball-ball {
  --fa: "\f434";
}

.fa-basketball-hoop {
  --fa: "\f435";
}

.fa-bowling-ball {
  --fa: "\f436";
}

.fa-bowling-pins {
  --fa: "\f437";
}

.fa-boxing-glove {
  --fa: "\f438";
}

.fa-glove-boxing {
  --fa: "\f438";
}

.fa-chess {
  --fa: "\f439";
}

.fa-chess-bishop {
  --fa: "\f43a";
}

.fa-chess-bishop-piece {
  --fa: "\f43b";
}

.fa-chess-bishop-alt {
  --fa: "\f43b";
}

.fa-chess-board {
  --fa: "\f43c";
}

.fa-chess-clock {
  --fa: "\f43d";
}

.fa-chess-clock-flip {
  --fa: "\f43e";
}

.fa-chess-clock-alt {
  --fa: "\f43e";
}

.fa-chess-king {
  --fa: "\f43f";
}

.fa-chess-king-piece {
  --fa: "\f440";
}

.fa-chess-king-alt {
  --fa: "\f440";
}

.fa-chess-knight {
  --fa: "\f441";
}

.fa-chess-knight-piece {
  --fa: "\f442";
}

.fa-chess-knight-alt {
  --fa: "\f442";
}

.fa-chess-pawn {
  --fa: "\f443";
}

.fa-chess-pawn-piece {
  --fa: "\f444";
}

.fa-chess-pawn-alt {
  --fa: "\f444";
}

.fa-chess-queen {
  --fa: "\f445";
}

.fa-chess-queen-piece {
  --fa: "\f446";
}

.fa-chess-queen-alt {
  --fa: "\f446";
}

.fa-chess-rook {
  --fa: "\f447";
}

.fa-chess-rook-piece {
  --fa: "\f448";
}

.fa-chess-rook-alt {
  --fa: "\f448";
}

.fa-cricket-bat-ball {
  --fa: "\f449";
}

.fa-cricket {
  --fa: "\f449";
}

.fa-curling-stone {
  --fa: "\f44a";
}

.fa-curling {
  --fa: "\f44a";
}

.fa-dumbbell {
  --fa: "\f44b";
}

.fa-field-hockey-stick-ball {
  --fa: "\f44c";
}

.fa-field-hockey {
  --fa: "\f44c";
}

.fa-football {
  --fa: "\f44e";
}

.fa-football-ball {
  --fa: "\f44e";
}

.fa-football-helmet {
  --fa: "\f44f";
}

.fa-golf-ball-tee {
  --fa: "\f450";
}

.fa-golf-ball {
  --fa: "\f450";
}

.fa-golf-club {
  --fa: "\f451";
}

.fa-hockey-puck {
  --fa: "\f453";
}

.fa-hockey-sticks {
  --fa: "\f454";
}

.fa-luchador-mask {
  --fa: "\f455";
}

.fa-luchador {
  --fa: "\f455";
}

.fa-mask-luchador {
  --fa: "\f455";
}

.fa-flag-pennant {
  --fa: "\f456";
}

.fa-pennant {
  --fa: "\f456";
}

.fa-broom-ball {
  --fa: "\f458";
}

.fa-quidditch {
  --fa: "\f458";
}

.fa-quidditch-broom-ball {
  --fa: "\f458";
}

.fa-racquet {
  --fa: "\f45a";
}

.fa-shuttlecock {
  --fa: "\f45b";
}

.fa-square-full {
  --fa: "\f45c";
}

.fa-table-tennis-paddle-ball {
  --fa: "\f45d";
}

.fa-ping-pong-paddle-ball {
  --fa: "\f45d";
}

.fa-table-tennis {
  --fa: "\f45d";
}

.fa-tennis-ball {
  --fa: "\f45e";
}

.fa-volleyball {
  --fa: "\f45f";
}

.fa-volleyball-ball {
  --fa: "\f45f";
}

.fa-whistle {
  --fa: "\f460";
}

.fa-hand-dots {
  --fa: "\f461";
}

.fa-allergies {
  --fa: "\f461";
}

.fa-bandage {
  --fa: "\f462";
}

.fa-band-aid {
  --fa: "\f462";
}

.fa-rectangle-barcode {
  --fa: "\f463";
}

.fa-barcode-alt {
  --fa: "\f463";
}

.fa-barcode-read {
  --fa: "\f464";
}

.fa-barcode-scan {
  --fa: "\f465";
}

.fa-box {
  --fa: "\f466";
}

.fa-box-check {
  --fa: "\f467";
}

.fa-boxes-stacked {
  --fa: "\f468";
}

.fa-boxes {
  --fa: "\f468";
}

.fa-boxes-alt {
  --fa: "\f468";
}

.fa-briefcase-medical {
  --fa: "\f469";
}

.fa-fire-flame-simple {
  --fa: "\f46a";
}

.fa-burn {
  --fa: "\f46a";
}

.fa-capsules {
  --fa: "\f46b";
}

.fa-clipboard-check {
  --fa: "\f46c";
}

.fa-clipboard-list {
  --fa: "\f46d";
}

.fa-conveyor-belt {
  --fa: "\f46e";
}

.fa-conveyor-belt-boxes {
  --fa: "\f46f";
}

.fa-conveyor-belt-alt {
  --fa: "\f46f";
}

.fa-person-dots-from-line {
  --fa: "\f470";
}

.fa-diagnoses {
  --fa: "\f470";
}

.fa-dna {
  --fa: "\f471";
}

.fa-dolly {
  --fa: "\f472";
}

.fa-dolly-box {
  --fa: "\f472";
}

.fa-dolly-empty {
  --fa: "\f473";
}

.fa-cart-flatbed {
  --fa: "\f474";
}

.fa-dolly-flatbed {
  --fa: "\f474";
}

.fa-cart-flatbed-boxes {
  --fa: "\f475";
}

.fa-dolly-flatbed-alt {
  --fa: "\f475";
}

.fa-cart-flatbed-empty {
  --fa: "\f476";
}

.fa-dolly-flatbed-empty {
  --fa: "\f476";
}

.fa-file-medical {
  --fa: "\f477";
}

.fa-file-waveform {
  --fa: "\f478";
}

.fa-file-medical-alt {
  --fa: "\f478";
}

.fa-kit-medical {
  --fa: "\f479";
}

.fa-first-aid {
  --fa: "\f479";
}

.fa-forklift {
  --fa: "\f47a";
}

.fa-hand-holding-box {
  --fa: "\f47b";
}

.fa-hands-holding-diamond {
  --fa: "\f47c";
}

.fa-hand-receiving {
  --fa: "\f47c";
}

.fa-circle-h {
  --fa: "\f47e";
}

.fa-hospital-symbol {
  --fa: "\f47e";
}

.fa-id-card-clip {
  --fa: "\f47f";
}

.fa-id-card-alt {
  --fa: "\f47f";
}

.fa-shelves {
  --fa: "\f480";
}

.fa-inventory {
  --fa: "\f480";
}

.fa-notes-medical {
  --fa: "\f481";
}

.fa-pallet {
  --fa: "\f482";
}

.fa-pallet-boxes {
  --fa: "\f483";
}

.fa-palette-boxes {
  --fa: "\f483";
}

.fa-pallet-alt {
  --fa: "\f483";
}

.fa-pills {
  --fa: "\f484";
}

.fa-prescription-bottle {
  --fa: "\f485";
}

.fa-prescription-bottle-medical {
  --fa: "\f486";
}

.fa-prescription-bottle-alt {
  --fa: "\f486";
}

.fa-bed-pulse {
  --fa: "\f487";
}

.fa-procedures {
  --fa: "\f487";
}

.fa-scanner-gun {
  --fa: "\f488";
}

.fa-scanner {
  --fa: "\f488";
}

.fa-scanner-keyboard {
  --fa: "\f489";
}

.fa-scanner-touchscreen {
  --fa: "\f48a";
}

.fa-truck-fast {
  --fa: "\f48b";
}

.fa-shipping-fast {
  --fa: "\f48b";
}

.fa-truck-clock {
  --fa: "\f48c";
}

.fa-shipping-timed {
  --fa: "\f48c";
}

.fa-smoking {
  --fa: "\f48d";
}

.fa-syringe {
  --fa: "\f48e";
}

.fa-tablet-rugged {
  --fa: "\f48f";
}

.fa-tablets {
  --fa: "\f490";
}

.fa-thermometer {
  --fa: "\f491";
}

.fa-vial {
  --fa: "\f492";
}

.fa-vials {
  --fa: "\f493";
}

.fa-warehouse {
  --fa: "\f494";
}

.fa-warehouse-full {
  --fa: "\f495";
}

.fa-warehouse-alt {
  --fa: "\f495";
}

.fa-weight-scale {
  --fa: "\f496";
}

.fa-weight {
  --fa: "\f496";
}

.fa-x-ray {
  --fa: "\f497";
}

.fa-blanket {
  --fa: "\f498";
}

.fa-book-heart {
  --fa: "\f499";
}

.fa-box-taped {
  --fa: "\f49a";
}

.fa-box-alt {
  --fa: "\f49a";
}

.fa-square-fragile {
  --fa: "\f49b";
}

.fa-box-fragile {
  --fa: "\f49b";
}

.fa-square-wine-glass-crack {
  --fa: "\f49b";
}

.fa-box-open-full {
  --fa: "\f49c";
}

.fa-box-full {
  --fa: "\f49c";
}

.fa-box-heart {
  --fa: "\f49d";
}

.fa-box-open {
  --fa: "\f49e";
}

.fa-square-this-way-up {
  --fa: "\f49f";
}

.fa-box-up {
  --fa: "\f49f";
}

.fa-box-dollar {
  --fa: "\f4a0";
}

.fa-box-usd {
  --fa: "\f4a0";
}

.fa-message-check {
  --fa: "\f4a2";
}

.fa-comment-alt-check {
  --fa: "\f4a2";
}

.fa-message-dots {
  --fa: "\f4a3";
}

.fa-comment-alt-dots {
  --fa: "\f4a3";
}

.fa-messaging {
  --fa: "\f4a3";
}

.fa-message-pen {
  --fa: "\f4a4";
}

.fa-comment-alt-edit {
  --fa: "\f4a4";
}

.fa-message-edit {
  --fa: "\f4a4";
}

.fa-message-exclamation {
  --fa: "\f4a5";
}

.fa-comment-alt-exclamation {
  --fa: "\f4a5";
}

.fa-message-lines {
  --fa: "\f4a6";
}

.fa-comment-alt-lines {
  --fa: "\f4a6";
}

.fa-message-minus {
  --fa: "\f4a7";
}

.fa-comment-alt-minus {
  --fa: "\f4a7";
}

.fa-message-plus {
  --fa: "\f4a8";
}

.fa-comment-alt-plus {
  --fa: "\f4a8";
}

.fa-message-slash {
  --fa: "\f4a9";
}

.fa-comment-alt-slash {
  --fa: "\f4a9";
}

.fa-message-smile {
  --fa: "\f4aa";
}

.fa-comment-alt-smile {
  --fa: "\f4aa";
}

.fa-message-xmark {
  --fa: "\f4ab";
}

.fa-comment-alt-times {
  --fa: "\f4ab";
}

.fa-message-times {
  --fa: "\f4ab";
}

.fa-comment-check {
  --fa: "\f4ac";
}

.fa-comment-dots {
  --fa: "\f4ad";
}

.fa-commenting {
  --fa: "\f4ad";
}

.fa-comment-pen {
  --fa: "\f4ae";
}

.fa-comment-edit {
  --fa: "\f4ae";
}

.fa-comment-exclamation {
  --fa: "\f4af";
}

.fa-comment-lines {
  --fa: "\f4b0";
}

.fa-comment-minus {
  --fa: "\f4b1";
}

.fa-comment-plus {
  --fa: "\f4b2";
}

.fa-comment-slash {
  --fa: "\f4b3";
}

.fa-comment-smile {
  --fa: "\f4b4";
}

.fa-comment-xmark {
  --fa: "\f4b5";
}

.fa-comment-times {
  --fa: "\f4b5";
}

.fa-messages {
  --fa: "\f4b6";
}

.fa-comments-alt {
  --fa: "\f4b6";
}

.fa-container-storage {
  --fa: "\f4b7";
}

.fa-couch {
  --fa: "\f4b8";
}

.fa-circle-dollar-to-slot {
  --fa: "\f4b9";
}

.fa-donate {
  --fa: "\f4b9";
}

.fa-dove {
  --fa: "\f4ba";
}

.fa-wine-glass-crack {
  --fa: "\f4bb";
}

.fa-fragile {
  --fa: "\f4bb";
}

.fa-hand-heart {
  --fa: "\f4bc";
}

.fa-hand-holding {
  --fa: "\f4bd";
}

.fa-hand-holding-heart {
  --fa: "\f4be";
}

.fa-hand-holding-seedling {
  --fa: "\f4bf";
}

.fa-hand-holding-dollar {
  --fa: "\f4c0";
}

.fa-hand-holding-usd {
  --fa: "\f4c0";
}

.fa-hand-holding-droplet {
  --fa: "\f4c1";
}

.fa-hand-holding-water {
  --fa: "\f4c1";
}

.fa-hands-holding {
  --fa: "\f4c2";
}

.fa-hands-holding-heart {
  --fa: "\f4c3";
}

.fa-hands-heart {
  --fa: "\f4c3";
}

.fa-handshake-angle {
  --fa: "\f4c4";
}

.fa-hands-helping {
  --fa: "\f4c4";
}

.fa-hands-holding-dollar {
  --fa: "\f4c5";
}

.fa-hands-usd {
  --fa: "\f4c5";
}

.fa-circle-heart {
  --fa: "\f4c7";
}

.fa-heart-circle {
  --fa: "\f4c7";
}

.fa-square-heart {
  --fa: "\f4c8";
}

.fa-heart-square {
  --fa: "\f4c8";
}

.fa-house-heart {
  --fa: "\f4c9";
}

.fa-home-heart {
  --fa: "\f4c9";
}

.fa-lamp {
  --fa: "\f4ca";
}

.fa-leaf-heart {
  --fa: "\f4cb";
}

.fa-loveseat {
  --fa: "\f4cc";
}

.fa-couch-small {
  --fa: "\f4cc";
}

.fa-parachute-box {
  --fa: "\f4cd";
}

.fa-people-carry-box {
  --fa: "\f4ce";
}

.fa-people-carry {
  --fa: "\f4ce";
}

.fa-person-carry-box {
  --fa: "\f4cf";
}

.fa-person-carry {
  --fa: "\f4cf";
}

.fa-person-dolly {
  --fa: "\f4d0";
}

.fa-person-dolly-empty {
  --fa: "\f4d1";
}

.fa-phone-plus {
  --fa: "\f4d2";
}

.fa-piggy-bank {
  --fa: "\f4d3";
}

.fa-ramp-loading {
  --fa: "\f4d4";
}

.fa-ribbon {
  --fa: "\f4d6";
}

.fa-route {
  --fa: "\f4d7";
}

.fa-seedling {
  --fa: "\f4d8";
}

.fa-sprout {
  --fa: "\f4d8";
}

.fa-sign-hanging {
  --fa: "\f4d9";
}

.fa-sign {
  --fa: "\f4d9";
}

.fa-face-smile-wink {
  --fa: "\f4da";
}

.fa-smile-wink {
  --fa: "\f4da";
}

.fa-tape {
  --fa: "\f4db";
}

.fa-truck-container {
  --fa: "\f4dc";
}

.fa-truck-ramp-couch {
  --fa: "\f4dd";
}

.fa-truck-couch {
  --fa: "\f4dd";
}

.fa-truck-ramp-box {
  --fa: "\f4de";
}

.fa-truck-loading {
  --fa: "\f4de";
}

.fa-truck-moving {
  --fa: "\f4df";
}

.fa-truck-ramp {
  --fa: "\f4e0";
}

.fa-video-plus {
  --fa: "\f4e1";
}

.fa-video-slash {
  --fa: "\f4e2";
}

.fa-wine-glass {
  --fa: "\f4e3";
}

.fa-user-astronaut {
  --fa: "\f4fb";
}

.fa-user-check {
  --fa: "\f4fc";
}

.fa-user-clock {
  --fa: "\f4fd";
}

.fa-user-gear {
  --fa: "\f4fe";
}

.fa-user-cog {
  --fa: "\f4fe";
}

.fa-user-pen {
  --fa: "\f4ff";
}

.fa-user-edit {
  --fa: "\f4ff";
}

.fa-user-group {
  --fa: "\f500";
}

.fa-user-friends {
  --fa: "\f500";
}

.fa-user-graduate {
  --fa: "\f501";
}

.fa-user-lock {
  --fa: "\f502";
}

.fa-user-minus {
  --fa: "\f503";
}

.fa-user-ninja {
  --fa: "\f504";
}

.fa-user-shield {
  --fa: "\f505";
}

.fa-user-slash {
  --fa: "\f506";
}

.fa-user-alt-slash {
  --fa: "\f506";
}

.fa-user-large-slash {
  --fa: "\f506";
}

.fa-user-tag {
  --fa: "\f507";
}

.fa-user-tie {
  --fa: "\f508";
}

.fa-users-gear {
  --fa: "\f509";
}

.fa-users-cog {
  --fa: "\f509";
}

.fa-scale-unbalanced {
  --fa: "\f515";
}

.fa-balance-scale-left {
  --fa: "\f515";
}

.fa-scale-unbalanced-flip {
  --fa: "\f516";
}

.fa-balance-scale-right {
  --fa: "\f516";
}

.fa-blender {
  --fa: "\f517";
}

.fa-book-open {
  --fa: "\f518";
}

.fa-tower-broadcast {
  --fa: "\f519";
}

.fa-broadcast-tower {
  --fa: "\f519";
}

.fa-broom {
  --fa: "\f51a";
}

.fa-chalkboard {
  --fa: "\f51b";
}

.fa-blackboard {
  --fa: "\f51b";
}

.fa-chalkboard-user {
  --fa: "\f51c";
}

.fa-chalkboard-teacher {
  --fa: "\f51c";
}

.fa-church {
  --fa: "\f51d";
}

.fa-coins {
  --fa: "\f51e";
}

.fa-compact-disc {
  --fa: "\f51f";
}

.fa-crow {
  --fa: "\f520";
}

.fa-crown {
  --fa: "\f521";
}

.fa-dice {
  --fa: "\f522";
}

.fa-dice-five {
  --fa: "\f523";
}

.fa-dice-four {
  --fa: "\f524";
}

.fa-dice-one {
  --fa: "\f525";
}

.fa-dice-six {
  --fa: "\f526";
}

.fa-dice-three {
  --fa: "\f527";
}

.fa-dice-two {
  --fa: "\f528";
}

.fa-divide {
  --fa: "\f529";
}

.fa-door-closed {
  --fa: "\f52a";
}

.fa-door-open {
  --fa: "\f52b";
}

.fa-feather {
  --fa: "\f52d";
}

.fa-frog {
  --fa: "\f52e";
}

.fa-gas-pump {
  --fa: "\f52f";
}

.fa-glasses {
  --fa: "\f530";
}

.fa-greater-than-equal {
  --fa: "\f532";
}

.fa-helicopter {
  --fa: "\f533";
}

.fa-infinity {
  --fa: "\f534";
}

.fa-kiwi-bird {
  --fa: "\f535";
}

.fa-less-than-equal {
  --fa: "\f537";
}

.fa-memory {
  --fa: "\f538";
}

.fa-microphone-lines-slash {
  --fa: "\f539";
}

.fa-microphone-alt-slash {
  --fa: "\f539";
}

.fa-money-bill-wave {
  --fa: "\f53a";
}

.fa-money-bill-1-wave {
  --fa: "\f53b";
}

.fa-money-bill-wave-alt {
  --fa: "\f53b";
}

.fa-money-check {
  --fa: "\f53c";
}

.fa-money-check-dollar {
  --fa: "\f53d";
}

.fa-money-check-alt {
  --fa: "\f53d";
}

.fa-not-equal {
  --fa: "\f53e";
}

.fa-palette {
  --fa: "\f53f";
}

.fa-square-parking {
  --fa: "\f540";
}

.fa-parking {
  --fa: "\f540";
}

.fa-diagram-project {
  --fa: "\f542";
}

.fa-project-diagram {
  --fa: "\f542";
}

.fa-receipt {
  --fa: "\f543";
}

.fa-robot {
  --fa: "\f544";
}

.fa-ruler {
  --fa: "\f545";
}

.fa-ruler-combined {
  --fa: "\f546";
}

.fa-ruler-horizontal {
  --fa: "\f547";
}

.fa-ruler-vertical {
  --fa: "\f548";
}

.fa-school {
  --fa: "\f549";
}

.fa-screwdriver {
  --fa: "\f54a";
}

.fa-shoe-prints {
  --fa: "\f54b";
}

.fa-skull {
  --fa: "\f54c";
}

.fa-ban-smoking {
  --fa: "\f54d";
}

.fa-smoking-ban {
  --fa: "\f54d";
}

.fa-store {
  --fa: "\f54e";
}

.fa-shop {
  --fa: "\f54f";
}

.fa-store-alt {
  --fa: "\f54f";
}

.fa-bars-staggered {
  --fa: "\f550";
}

.fa-reorder {
  --fa: "\f550";
}

.fa-stream {
  --fa: "\f550";
}

.fa-stroopwafel {
  --fa: "\f551";
}

.fa-toolbox {
  --fa: "\f552";
}

.fa-shirt {
  --fa: "\f553";
}

.fa-t-shirt {
  --fa: "\f553";
}

.fa-tshirt {
  --fa: "\f553";
}

.fa-person-walking {
  --fa: "\f554";
}

.fa-walking {
  --fa: "\f554";
}

.fa-wallet {
  --fa: "\f555";
}

.fa-face-angry {
  --fa: "\f556";
}

.fa-angry {
  --fa: "\f556";
}

.fa-archway {
  --fa: "\f557";
}

.fa-book-atlas {
  --fa: "\f558";
}

.fa-atlas {
  --fa: "\f558";
}

.fa-award {
  --fa: "\f559";
}

.fa-delete-left {
  --fa: "\f55a";
}

.fa-backspace {
  --fa: "\f55a";
}

.fa-bezier-curve {
  --fa: "\f55b";
}

.fa-bong {
  --fa: "\f55c";
}

.fa-brush {
  --fa: "\f55d";
}

.fa-bus-simple {
  --fa: "\f55e";
}

.fa-bus-alt {
  --fa: "\f55e";
}

.fa-cannabis {
  --fa: "\f55f";
}

.fa-check-double {
  --fa: "\f560";
}

.fa-martini-glass-citrus {
  --fa: "\f561";
}

.fa-cocktail {
  --fa: "\f561";
}

.fa-bell-concierge {
  --fa: "\f562";
}

.fa-concierge-bell {
  --fa: "\f562";
}

.fa-cookie {
  --fa: "\f563";
}

.fa-cookie-bite {
  --fa: "\f564";
}

.fa-crop-simple {
  --fa: "\f565";
}

.fa-crop-alt {
  --fa: "\f565";
}

.fa-tachograph-digital {
  --fa: "\f566";
}

.fa-digital-tachograph {
  --fa: "\f566";
}

.fa-face-dizzy {
  --fa: "\f567";
}

.fa-dizzy {
  --fa: "\f567";
}

.fa-compass-drafting {
  --fa: "\f568";
}

.fa-drafting-compass {
  --fa: "\f568";
}

.fa-drum {
  --fa: "\f569";
}

.fa-drum-steelpan {
  --fa: "\f56a";
}

.fa-feather-pointed {
  --fa: "\f56b";
}

.fa-feather-alt {
  --fa: "\f56b";
}

.fa-file-contract {
  --fa: "\f56c";
}

.fa-file-arrow-down {
  --fa: "\f56d";
}

.fa-file-download {
  --fa: "\f56d";
}

.fa-file-export {
  --fa: "\f56e";
}

.fa-arrow-right-from-file {
  --fa: "\f56e";
}

.fa-file-import {
  --fa: "\f56f";
}

.fa-arrow-right-to-file {
  --fa: "\f56f";
}

.fa-file-invoice {
  --fa: "\f570";
}

.fa-file-invoice-dollar {
  --fa: "\f571";
}

.fa-file-prescription {
  --fa: "\f572";
}

.fa-file-signature {
  --fa: "\f573";
}

.fa-file-arrow-up {
  --fa: "\f574";
}

.fa-file-upload {
  --fa: "\f574";
}

.fa-fill {
  --fa: "\f575";
}

.fa-fill-drip {
  --fa: "\f576";
}

.fa-fingerprint {
  --fa: "\f577";
}

.fa-fish {
  --fa: "\f578";
}

.fa-face-flushed {
  --fa: "\f579";
}

.fa-flushed {
  --fa: "\f579";
}

.fa-face-frown-open {
  --fa: "\f57a";
}

.fa-frown-open {
  --fa: "\f57a";
}

.fa-martini-glass {
  --fa: "\f57b";
}

.fa-glass-martini-alt {
  --fa: "\f57b";
}

.fa-earth-africa {
  --fa: "\f57c";
}

.fa-globe-africa {
  --fa: "\f57c";
}

.fa-earth-americas {
  --fa: "\f57d";
}

.fa-earth {
  --fa: "\f57d";
}

.fa-earth-america {
  --fa: "\f57d";
}

.fa-globe-americas {
  --fa: "\f57d";
}

.fa-earth-asia {
  --fa: "\f57e";
}

.fa-globe-asia {
  --fa: "\f57e";
}

.fa-face-grimace {
  --fa: "\f57f";
}

.fa-grimace {
  --fa: "\f57f";
}

.fa-face-grin {
  --fa: "\f580";
}

.fa-grin {
  --fa: "\f580";
}

.fa-face-grin-wide {
  --fa: "\f581";
}

.fa-grin-alt {
  --fa: "\f581";
}

.fa-face-grin-beam {
  --fa: "\f582";
}

.fa-grin-beam {
  --fa: "\f582";
}

.fa-face-grin-beam-sweat {
  --fa: "\f583";
}

.fa-grin-beam-sweat {
  --fa: "\f583";
}

.fa-face-grin-hearts {
  --fa: "\f584";
}

.fa-grin-hearts {
  --fa: "\f584";
}

.fa-face-grin-squint {
  --fa: "\f585";
}

.fa-grin-squint {
  --fa: "\f585";
}

.fa-face-grin-squint-tears {
  --fa: "\f586";
}

.fa-grin-squint-tears {
  --fa: "\f586";
}

.fa-face-grin-stars {
  --fa: "\f587";
}

.fa-grin-stars {
  --fa: "\f587";
}

.fa-face-grin-tears {
  --fa: "\f588";
}

.fa-grin-tears {
  --fa: "\f588";
}

.fa-face-grin-tongue {
  --fa: "\f589";
}

.fa-grin-tongue {
  --fa: "\f589";
}

.fa-face-grin-tongue-squint {
  --fa: "\f58a";
}

.fa-grin-tongue-squint {
  --fa: "\f58a";
}

.fa-face-grin-tongue-wink {
  --fa: "\f58b";
}

.fa-grin-tongue-wink {
  --fa: "\f58b";
}

.fa-face-grin-wink {
  --fa: "\f58c";
}

.fa-grin-wink {
  --fa: "\f58c";
}

.fa-grip {
  --fa: "\f58d";
}

.fa-grid-horizontal {
  --fa: "\f58d";
}

.fa-grip-horizontal {
  --fa: "\f58d";
}

.fa-grip-vertical {
  --fa: "\f58e";
}

.fa-grid-vertical {
  --fa: "\f58e";
}

.fa-headset {
  --fa: "\f590";
}

.fa-highlighter {
  --fa: "\f591";
}

.fa-hot-tub-person {
  --fa: "\f593";
}

.fa-hot-tub {
  --fa: "\f593";
}

.fa-hotel {
  --fa: "\f594";
}

.fa-joint {
  --fa: "\f595";
}

.fa-face-kiss {
  --fa: "\f596";
}

.fa-kiss {
  --fa: "\f596";
}

.fa-face-kiss-beam {
  --fa: "\f597";
}

.fa-kiss-beam {
  --fa: "\f597";
}

.fa-face-kiss-wink-heart {
  --fa: "\f598";
}

.fa-kiss-wink-heart {
  --fa: "\f598";
}

.fa-face-laugh {
  --fa: "\f599";
}

.fa-laugh {
  --fa: "\f599";
}

.fa-face-laugh-beam {
  --fa: "\f59a";
}

.fa-laugh-beam {
  --fa: "\f59a";
}

.fa-face-laugh-squint {
  --fa: "\f59b";
}

.fa-laugh-squint {
  --fa: "\f59b";
}

.fa-face-laugh-wink {
  --fa: "\f59c";
}

.fa-laugh-wink {
  --fa: "\f59c";
}

.fa-cart-flatbed-suitcase {
  --fa: "\f59d";
}

.fa-luggage-cart {
  --fa: "\f59d";
}

.fa-map-location {
  --fa: "\f59f";
}

.fa-map-marked {
  --fa: "\f59f";
}

.fa-map-location-dot {
  --fa: "\f5a0";
}

.fa-map-marked-alt {
  --fa: "\f5a0";
}

.fa-marker {
  --fa: "\f5a1";
}

.fa-medal {
  --fa: "\f5a2";
}

.fa-face-meh-blank {
  --fa: "\f5a4";
}

.fa-meh-blank {
  --fa: "\f5a4";
}

.fa-face-rolling-eyes {
  --fa: "\f5a5";
}

.fa-meh-rolling-eyes {
  --fa: "\f5a5";
}

.fa-monument {
  --fa: "\f5a6";
}

.fa-mortar-pestle {
  --fa: "\f5a7";
}

.fa-paintbrush-fine {
  --fa: "\f5a9";
}

.fa-paint-brush-alt {
  --fa: "\f5a9";
}

.fa-paint-brush-fine {
  --fa: "\f5a9";
}

.fa-paintbrush-alt {
  --fa: "\f5a9";
}

.fa-paint-roller {
  --fa: "\f5aa";
}

.fa-passport {
  --fa: "\f5ab";
}

.fa-pen-fancy {
  --fa: "\f5ac";
}

.fa-pen-nib {
  --fa: "\f5ad";
}

.fa-pen-ruler {
  --fa: "\f5ae";
}

.fa-pencil-ruler {
  --fa: "\f5ae";
}

.fa-plane-arrival {
  --fa: "\f5af";
}

.fa-plane-departure {
  --fa: "\f5b0";
}

.fa-prescription {
  --fa: "\f5b1";
}

.fa-face-sad-cry {
  --fa: "\f5b3";
}

.fa-sad-cry {
  --fa: "\f5b3";
}

.fa-face-sad-tear {
  --fa: "\f5b4";
}

.fa-sad-tear {
  --fa: "\f5b4";
}

.fa-van-shuttle {
  --fa: "\f5b6";
}

.fa-shuttle-van {
  --fa: "\f5b6";
}

.fa-signature {
  --fa: "\f5b7";
}

.fa-face-smile-beam {
  --fa: "\f5b8";
}

.fa-smile-beam {
  --fa: "\f5b8";
}

.fa-face-smile-plus {
  --fa: "\f5b9";
}

.fa-smile-plus {
  --fa: "\f5b9";
}

.fa-solar-panel {
  --fa: "\f5ba";
}

.fa-spa {
  --fa: "\f5bb";
}

.fa-splotch {
  --fa: "\f5bc";
}

.fa-spray-can {
  --fa: "\f5bd";
}

.fa-stamp {
  --fa: "\f5bf";
}

.fa-star-half-stroke {
  --fa: "\f5c0";
}

.fa-star-half-alt {
  --fa: "\f5c0";
}

.fa-suitcase-rolling {
  --fa: "\f5c1";
}

.fa-face-surprise {
  --fa: "\f5c2";
}

.fa-surprise {
  --fa: "\f5c2";
}

.fa-swatchbook {
  --fa: "\f5c3";
}

.fa-person-swimming {
  --fa: "\f5c4";
}

.fa-swimmer {
  --fa: "\f5c4";
}

.fa-water-ladder {
  --fa: "\f5c5";
}

.fa-ladder-water {
  --fa: "\f5c5";
}

.fa-swimming-pool {
  --fa: "\f5c5";
}

.fa-droplet-slash {
  --fa: "\f5c7";
}

.fa-tint-slash {
  --fa: "\f5c7";
}

.fa-face-tired {
  --fa: "\f5c8";
}

.fa-tired {
  --fa: "\f5c8";
}

.fa-tooth {
  --fa: "\f5c9";
}

.fa-umbrella-beach {
  --fa: "\f5ca";
}

.fa-weight-hanging {
  --fa: "\f5cd";
}

.fa-wine-glass-empty {
  --fa: "\f5ce";
}

.fa-wine-glass-alt {
  --fa: "\f5ce";
}

.fa-spray-can-sparkles {
  --fa: "\f5d0";
}

.fa-air-freshener {
  --fa: "\f5d0";
}

.fa-apple-whole {
  --fa: "\f5d1";
}

.fa-apple-alt {
  --fa: "\f5d1";
}

.fa-atom {
  --fa: "\f5d2";
}

.fa-atom-simple {
  --fa: "\f5d3";
}

.fa-atom-alt {
  --fa: "\f5d3";
}

.fa-backpack {
  --fa: "\f5d4";
}

.fa-bell-school {
  --fa: "\f5d5";
}

.fa-bell-school-slash {
  --fa: "\f5d6";
}

.fa-bone {
  --fa: "\f5d7";
}

.fa-bone-break {
  --fa: "\f5d8";
}

.fa-book-blank {
  --fa: "\f5d9";
}

.fa-book-alt {
  --fa: "\f5d9";
}

.fa-book-open-reader {
  --fa: "\f5da";
}

.fa-book-reader {
  --fa: "\f5da";
}

.fa-books {
  --fa: "\f5db";
}

.fa-brain {
  --fa: "\f5dc";
}

.fa-bus-school {
  --fa: "\f5dd";
}

.fa-car-rear {
  --fa: "\f5de";
}

.fa-car-alt {
  --fa: "\f5de";
}

.fa-car-battery {
  --fa: "\f5df";
}

.fa-battery-car {
  --fa: "\f5df";
}

.fa-car-bump {
  --fa: "\f5e0";
}

.fa-car-burst {
  --fa: "\f5e1";
}

.fa-car-crash {
  --fa: "\f5e1";
}

.fa-car-garage {
  --fa: "\f5e2";
}

.fa-car-wrench {
  --fa: "\f5e3";
}

.fa-car-mechanic {
  --fa: "\f5e3";
}

.fa-car-side {
  --fa: "\f5e4";
}

.fa-car-tilt {
  --fa: "\f5e5";
}

.fa-car-wash {
  --fa: "\f5e6";
}

.fa-charging-station {
  --fa: "\f5e7";
}

.fa-clipboard-prescription {
  --fa: "\f5e8";
}

.fa-compass-slash {
  --fa: "\f5e9";
}

.fa-diploma {
  --fa: "\f5ea";
}

.fa-scroll-ribbon {
  --fa: "\f5ea";
}

.fa-diamond-turn-right {
  --fa: "\f5eb";
}

.fa-directions {
  --fa: "\f5eb";
}

.fa-do-not-enter {
  --fa: "\f5ec";
}

.fa-draw-circle {
  --fa: "\f5ed";
}

.fa-vector-circle {
  --fa: "\f5ed";
}

.fa-draw-polygon {
  --fa: "\f5ee";
}

.fa-vector-polygon {
  --fa: "\f5ee";
}

.fa-draw-square {
  --fa: "\f5ef";
}

.fa-vector-square {
  --fa: "\f5ef";
}

.fa-ear {
  --fa: "\f5f0";
}

.fa-engine-warning {
  --fa: "\f5f2";
}

.fa-engine-exclamation {
  --fa: "\f5f2";
}

.fa-file-certificate {
  --fa: "\f5f3";
}

.fa-file-award {
  --fa: "\f5f3";
}

.fa-gas-pump-slash {
  --fa: "\f5f4";
}

.fa-glasses-round {
  --fa: "\f5f5";
}

.fa-glasses-alt {
  --fa: "\f5f5";
}

.fa-globe-stand {
  --fa: "\f5f6";
}

.fa-wave-pulse {
  --fa: "\f5f8";
}

.fa-heart-rate {
  --fa: "\f5f8";
}

.fa-inhaler {
  --fa: "\f5f9";
}

.fa-kidneys {
  --fa: "\f5fb";
}

.fa-laptop-code {
  --fa: "\f5fc";
}

.fa-layer-group {
  --fa: "\f5fd";
}

.fa-layer-minus {
  --fa: "\f5fe";
}

.fa-layer-group-minus {
  --fa: "\f5fe";
}

.fa-layer-plus {
  --fa: "\f5ff";
}

.fa-layer-group-plus {
  --fa: "\f5ff";
}

.fa-lips {
  --fa: "\f600";
}

.fa-location-crosshairs {
  --fa: "\f601";
}

.fa-location {
  --fa: "\f601";
}

.fa-circle-location-arrow {
  --fa: "\f602";
}

.fa-location-circle {
  --fa: "\f602";
}

.fa-location-crosshairs-slash {
  --fa: "\f603";
}

.fa-location-slash {
  --fa: "\f603";
}

.fa-lungs {
  --fa: "\f604";
}

.fa-location-dot-slash {
  --fa: "\f605";
}

.fa-map-marker-alt-slash {
  --fa: "\f605";
}

.fa-location-check {
  --fa: "\f606";
}

.fa-map-marker-check {
  --fa: "\f606";
}

.fa-location-pen {
  --fa: "\f607";
}

.fa-map-marker-edit {
  --fa: "\f607";
}

.fa-location-exclamation {
  --fa: "\f608";
}

.fa-map-marker-exclamation {
  --fa: "\f608";
}

.fa-location-minus {
  --fa: "\f609";
}

.fa-map-marker-minus {
  --fa: "\f609";
}

.fa-location-plus {
  --fa: "\f60a";
}

.fa-map-marker-plus {
  --fa: "\f60a";
}

.fa-location-question {
  --fa: "\f60b";
}

.fa-map-marker-question {
  --fa: "\f60b";
}

.fa-location-pin-slash {
  --fa: "\f60c";
}

.fa-map-marker-slash {
  --fa: "\f60c";
}

.fa-location-smile {
  --fa: "\f60d";
}

.fa-map-marker-smile {
  --fa: "\f60d";
}

.fa-location-xmark {
  --fa: "\f60e";
}

.fa-map-marker-times {
  --fa: "\f60e";
}

.fa-map-marker-xmark {
  --fa: "\f60e";
}

.fa-microscope {
  --fa: "\f610";
}

.fa-monitor-waveform {
  --fa: "\f611";
}

.fa-monitor-heart-rate {
  --fa: "\f611";
}

.fa-oil-can {
  --fa: "\f613";
}

.fa-oil-temperature {
  --fa: "\f614";
}

.fa-oil-temp {
  --fa: "\f614";
}

.fa-circle-parking {
  --fa: "\f615";
}

.fa-parking-circle {
  --fa: "\f615";
}

.fa-ban-parking {
  --fa: "\f616";
}

.fa-parking-circle-slash {
  --fa: "\f616";
}

.fa-square-parking-slash {
  --fa: "\f617";
}

.fa-parking-slash {
  --fa: "\f617";
}

.fa-pen-paintbrush {
  --fa: "\f618";
}

.fa-pencil-paintbrush {
  --fa: "\f618";
}

.fa-poop {
  --fa: "\f619";
}

.fa-route-highway {
  --fa: "\f61a";
}

.fa-route-interstate {
  --fa: "\f61b";
}

.fa-ruler-triangle {
  --fa: "\f61c";
}

.fa-scalpel {
  --fa: "\f61d";
}

.fa-scalpel-line-dashed {
  --fa: "\f61e";
}

.fa-scalpel-path {
  --fa: "\f61e";
}

.fa-shapes {
  --fa: "\f61f";
}

.fa-triangle-circle-square {
  --fa: "\f61f";
}

.fa-skeleton {
  --fa: "\f620";
}

.fa-star-of-life {
  --fa: "\f621";
}

.fa-steering-wheel {
  --fa: "\f622";
}

.fa-stomach {
  --fa: "\f623";
}

.fa-gauge {
  --fa: "\f624";
}

.fa-dashboard {
  --fa: "\f624";
}

.fa-gauge-med {
  --fa: "\f624";
}

.fa-tachometer-alt-average {
  --fa: "\f624";
}

.fa-gauge-high {
  --fa: "\f625";
}

.fa-tachometer-alt {
  --fa: "\f625";
}

.fa-tachometer-alt-fast {
  --fa: "\f625";
}

.fa-gauge-max {
  --fa: "\f626";
}

.fa-tachometer-alt-fastest {
  --fa: "\f626";
}

.fa-gauge-low {
  --fa: "\f627";
}

.fa-tachometer-alt-slow {
  --fa: "\f627";
}

.fa-gauge-min {
  --fa: "\f628";
}

.fa-tachometer-alt-slowest {
  --fa: "\f628";
}

.fa-gauge-simple {
  --fa: "\f629";
}

.fa-gauge-simple-med {
  --fa: "\f629";
}

.fa-tachometer-average {
  --fa: "\f629";
}

.fa-gauge-simple-high {
  --fa: "\f62a";
}

.fa-tachometer {
  --fa: "\f62a";
}

.fa-tachometer-fast {
  --fa: "\f62a";
}

.fa-gauge-simple-max {
  --fa: "\f62b";
}

.fa-tachometer-fastest {
  --fa: "\f62b";
}

.fa-gauge-simple-low {
  --fa: "\f62c";
}

.fa-tachometer-slow {
  --fa: "\f62c";
}

.fa-gauge-simple-min {
  --fa: "\f62d";
}

.fa-tachometer-slowest {
  --fa: "\f62d";
}

.fa-teeth {
  --fa: "\f62e";
}

.fa-teeth-open {
  --fa: "\f62f";
}

.fa-masks-theater {
  --fa: "\f630";
}

.fa-theater-masks {
  --fa: "\f630";
}

.fa-tire {
  --fa: "\f631";
}

.fa-tire-flat {
  --fa: "\f632";
}

.fa-tire-pressure-warning {
  --fa: "\f633";
}

.fa-tire-rugged {
  --fa: "\f634";
}

.fa-toothbrush {
  --fa: "\f635";
}

.fa-traffic-cone {
  --fa: "\f636";
}

.fa-traffic-light {
  --fa: "\f637";
}

.fa-traffic-light-go {
  --fa: "\f638";
}

.fa-traffic-light-slow {
  --fa: "\f639";
}

.fa-traffic-light-stop {
  --fa: "\f63a";
}

.fa-truck-monster {
  --fa: "\f63b";
}

.fa-truck-pickup {
  --fa: "\f63c";
}

.fa-screen-users {
  --fa: "\f63d";
}

.fa-users-class {
  --fa: "\f63d";
}

.fa-watch-fitness {
  --fa: "\f63e";
}

.fa-abacus {
  --fa: "\f640";
}

.fa-rectangle-ad {
  --fa: "\f641";
}

.fa-ad {
  --fa: "\f641";
}

.fa-chart-mixed {
  --fa: "\f643";
}

.fa-analytics {
  --fa: "\f643";
}

.fa-ankh {
  --fa: "\f644";
}

.fa-badge-dollar {
  --fa: "\f645";
}

.fa-badge-percent {
  --fa: "\f646";
}

.fa-book-bible {
  --fa: "\f647";
}

.fa-bible {
  --fa: "\f647";
}

.fa-bullseye-arrow {
  --fa: "\f648";
}

.fa-bullseye-pointer {
  --fa: "\f649";
}

.fa-business-time {
  --fa: "\f64a";
}

.fa-briefcase-clock {
  --fa: "\f64a";
}

.fa-cabinet-filing {
  --fa: "\f64b";
}

.fa-calculator-simple {
  --fa: "\f64c";
}

.fa-calculator-alt {
  --fa: "\f64c";
}

.fa-chart-line-down {
  --fa: "\f64d";
}

.fa-chart-pie-simple {
  --fa: "\f64e";
}

.fa-chart-pie-alt {
  --fa: "\f64e";
}

.fa-city {
  --fa: "\f64f";
}

.fa-message-dollar {
  --fa: "\f650";
}

.fa-comment-alt-dollar {
  --fa: "\f650";
}

.fa-comment-dollar {
  --fa: "\f651";
}

.fa-messages-dollar {
  --fa: "\f652";
}

.fa-comments-alt-dollar {
  --fa: "\f652";
}

.fa-comments-dollar {
  --fa: "\f653";
}

.fa-cross {
  --fa: "\f654";
}

.fa-dharmachakra {
  --fa: "\f655";
}

.fa-empty-set {
  --fa: "\f656";
}

.fa-envelope-open-dollar {
  --fa: "\f657";
}

.fa-envelope-open-text {
  --fa: "\f658";
}

.fa-file-chart-column {
  --fa: "\f659";
}

.fa-file-chart-line {
  --fa: "\f659";
}

.fa-file-chart-pie {
  --fa: "\f65a";
}

.fa-file-spreadsheet {
  --fa: "\f65b";
}

.fa-file-user {
  --fa: "\f65c";
}

.fa-folder-minus {
  --fa: "\f65d";
}

.fa-folder-plus {
  --fa: "\f65e";
}

.fa-folder-xmark {
  --fa: "\f65f";
}

.fa-folder-times {
  --fa: "\f65f";
}

.fa-folders {
  --fa: "\f660";
}

.fa-function {
  --fa: "\f661";
}

.fa-filter-circle-dollar {
  --fa: "\f662";
}

.fa-funnel-dollar {
  --fa: "\f662";
}

.fa-gift-card {
  --fa: "\f663";
}

.fa-gopuram {
  --fa: "\f664";
}

.fa-hamsa {
  --fa: "\f665";
}

.fa-bahai {
  --fa: "\f666";
}

.fa-haykal {
  --fa: "\f666";
}

.fa-integral {
  --fa: "\f667";
}

.fa-intersection {
  --fa: "\f668";
}

.fa-jedi {
  --fa: "\f669";
}

.fa-book-journal-whills {
  --fa: "\f66a";
}

.fa-journal-whills {
  --fa: "\f66a";
}

.fa-kaaba {
  --fa: "\f66b";
}

.fa-keynote {
  --fa: "\f66c";
}

.fa-khanda {
  --fa: "\f66d";
}

.fa-lambda {
  --fa: "\f66e";
}

.fa-landmark {
  --fa: "\f66f";
}

.fa-lightbulb-dollar {
  --fa: "\f670";
}

.fa-lightbulb-exclamation {
  --fa: "\f671";
}

.fa-lightbulb-on {
  --fa: "\f672";
}

.fa-lightbulb-slash {
  --fa: "\f673";
}

.fa-envelopes-bulk {
  --fa: "\f674";
}

.fa-mail-bulk {
  --fa: "\f674";
}

.fa-megaphone {
  --fa: "\f675";
}

.fa-menorah {
  --fa: "\f676";
}

.fa-brain-arrow-curved-right {
  --fa: "\f677";
}

.fa-mind-share {
  --fa: "\f677";
}

.fa-mosque {
  --fa: "\f678";
}

.fa-om {
  --fa: "\f679";
}

.fa-omega {
  --fa: "\f67a";
}

.fa-spaghetti-monster-flying {
  --fa: "\f67b";
}

.fa-pastafarianism {
  --fa: "\f67b";
}

.fa-peace {
  --fa: "\f67c";
}

.fa-phone-office {
  --fa: "\f67d";
}

.fa-pi {
  --fa: "\f67e";
}

.fa-place-of-worship {
  --fa: "\f67f";
}

.fa-podium {
  --fa: "\f680";
}

.fa-square-poll-vertical {
  --fa: "\f681";
}

.fa-poll {
  --fa: "\f681";
}

.fa-square-poll-horizontal {
  --fa: "\f682";
}

.fa-poll-h {
  --fa: "\f682";
}

.fa-person-praying {
  --fa: "\f683";
}

.fa-pray {
  --fa: "\f683";
}

.fa-hands-praying {
  --fa: "\f684";
}

.fa-praying-hands {
  --fa: "\f684";
}

.fa-presentation-screen {
  --fa: "\f685";
}

.fa-presentation {
  --fa: "\f685";
}

.fa-print-slash {
  --fa: "\f686";
}

.fa-book-quran {
  --fa: "\f687";
}

.fa-quran {
  --fa: "\f687";
}

.fa-magnifying-glass-dollar {
  --fa: "\f688";
}

.fa-search-dollar {
  --fa: "\f688";
}

.fa-magnifying-glass-location {
  --fa: "\f689";
}

.fa-search-location {
  --fa: "\f689";
}

.fa-shredder {
  --fa: "\f68a";
}

.fa-sigma {
  --fa: "\f68b";
}

.fa-signal-weak {
  --fa: "\f68c";
}

.fa-signal-1 {
  --fa: "\f68c";
}

.fa-signal-fair {
  --fa: "\f68d";
}

.fa-signal-2 {
  --fa: "\f68d";
}

.fa-signal-good {
  --fa: "\f68e";
}

.fa-signal-3 {
  --fa: "\f68e";
}

.fa-signal-strong {
  --fa: "\f68f";
}

.fa-signal-4 {
  --fa: "\f68f";
}

.fa-signal-bars {
  --fa: "\f690";
}

.fa-signal-alt {
  --fa: "\f690";
}

.fa-signal-alt-4 {
  --fa: "\f690";
}

.fa-signal-bars-strong {
  --fa: "\f690";
}

.fa-signal-bars-weak {
  --fa: "\f691";
}

.fa-signal-alt-1 {
  --fa: "\f691";
}

.fa-signal-bars-fair {
  --fa: "\f692";
}

.fa-signal-alt-2 {
  --fa: "\f692";
}

.fa-signal-bars-good {
  --fa: "\f693";
}

.fa-signal-alt-3 {
  --fa: "\f693";
}

.fa-signal-bars-slash {
  --fa: "\f694";
}

.fa-signal-alt-slash {
  --fa: "\f694";
}

.fa-signal-slash {
  --fa: "\f695";
}

.fa-socks {
  --fa: "\f696";
}

.fa-square-root {
  --fa: "\f697";
}

.fa-square-root-variable {
  --fa: "\f698";
}

.fa-square-root-alt {
  --fa: "\f698";
}

.fa-star-and-crescent {
  --fa: "\f699";
}

.fa-star-of-david {
  --fa: "\f69a";
}

.fa-synagogue {
  --fa: "\f69b";
}

.fa-tally {
  --fa: "\f69c";
}

.fa-tally-5 {
  --fa: "\f69c";
}

.fa-theta {
  --fa: "\f69e";
}

.fa-scroll-torah {
  --fa: "\f6a0";
}

.fa-torah {
  --fa: "\f6a0";
}

.fa-torii-gate {
  --fa: "\f6a1";
}

.fa-union {
  --fa: "\f6a2";
}

.fa-chart-user {
  --fa: "\f6a3";
}

.fa-user-chart {
  --fa: "\f6a3";
}

.fa-user-crown {
  --fa: "\f6a4";
}

.fa-user-group-crown {
  --fa: "\f6a5";
}

.fa-users-crown {
  --fa: "\f6a5";
}

.fa-value-absolute {
  --fa: "\f6a6";
}

.fa-vihara {
  --fa: "\f6a7";
}

.fa-volume {
  --fa: "\f6a8";
}

.fa-volume-medium {
  --fa: "\f6a8";
}

.fa-volume-xmark {
  --fa: "\f6a9";
}

.fa-volume-mute {
  --fa: "\f6a9";
}

.fa-volume-times {
  --fa: "\f6a9";
}

.fa-wifi-weak {
  --fa: "\f6aa";
}

.fa-wifi-1 {
  --fa: "\f6aa";
}

.fa-wifi-fair {
  --fa: "\f6ab";
}

.fa-wifi-2 {
  --fa: "\f6ab";
}

.fa-wifi-slash {
  --fa: "\f6ac";
}

.fa-yin-yang {
  --fa: "\f6ad";
}

.fa-acorn {
  --fa: "\f6ae";
}

.fa-alicorn {
  --fa: "\f6b0";
}

.fa-crate-apple {
  --fa: "\f6b1";
}

.fa-apple-crate {
  --fa: "\f6b1";
}

.fa-axe {
  --fa: "\f6b2";
}

.fa-axe-battle {
  --fa: "\f6b3";
}

.fa-badger-honey {
  --fa: "\f6b4";
}

.fa-bat {
  --fa: "\f6b5";
}

.fa-blender-phone {
  --fa: "\f6b6";
}

.fa-book-skull {
  --fa: "\f6b7";
}

.fa-book-dead {
  --fa: "\f6b7";
}

.fa-book-sparkles {
  --fa: "\f6b8";
}

.fa-book-spells {
  --fa: "\f6b8";
}

.fa-bow-arrow {
  --fa: "\f6b9";
}

.fa-campfire {
  --fa: "\f6ba";
}

.fa-campground {
  --fa: "\f6bb";
}

.fa-candle-holder {
  --fa: "\f6bc";
}

.fa-candy-corn {
  --fa: "\f6bd";
}

.fa-cat {
  --fa: "\f6be";
}

.fa-cauldron {
  --fa: "\f6bf";
}

.fa-chair {
  --fa: "\f6c0";
}

.fa-chair-office {
  --fa: "\f6c1";
}

.fa-claw-marks {
  --fa: "\f6c2";
}

.fa-cloud-moon {
  --fa: "\f6c3";
}

.fa-cloud-sun {
  --fa: "\f6c4";
}

.fa-cup-togo {
  --fa: "\f6c5";
}

.fa-coffee-togo {
  --fa: "\f6c5";
}

.fa-coffin {
  --fa: "\f6c6";
}

.fa-corn {
  --fa: "\f6c7";
}

.fa-cow {
  --fa: "\f6c8";
}

.fa-dagger {
  --fa: "\f6cb";
}

.fa-dice-d10 {
  --fa: "\f6cd";
}

.fa-dice-d12 {
  --fa: "\f6ce";
}

.fa-dice-d20 {
  --fa: "\f6cf";
}

.fa-dice-d4 {
  --fa: "\f6d0";
}

.fa-dice-d6 {
  --fa: "\f6d1";
}

.fa-dice-d8 {
  --fa: "\f6d2";
}

.fa-dog {
  --fa: "\f6d3";
}

.fa-dog-leashed {
  --fa: "\f6d4";
}

.fa-dragon {
  --fa: "\f6d5";
}

.fa-drumstick {
  --fa: "\f6d6";
}

.fa-drumstick-bite {
  --fa: "\f6d7";
}

.fa-duck {
  --fa: "\f6d8";
}

.fa-dungeon {
  --fa: "\f6d9";
}

.fa-elephant {
  --fa: "\f6da";
}

.fa-eye-evil {
  --fa: "\f6db";
}

.fa-file-csv {
  --fa: "\f6dd";
}

.fa-hand-fist {
  --fa: "\f6de";
}

.fa-fist-raised {
  --fa: "\f6de";
}

.fa-fire-flame {
  --fa: "\f6df";
}

.fa-flame {
  --fa: "\f6df";
}

.fa-flask-round-poison {
  --fa: "\f6e0";
}

.fa-flask-poison {
  --fa: "\f6e0";
}

.fa-flask-round-potion {
  --fa: "\f6e1";
}

.fa-flask-potion {
  --fa: "\f6e1";
}

.fa-ghost {
  --fa: "\f6e2";
}

.fa-hammer {
  --fa: "\f6e3";
}

.fa-hammer-war {
  --fa: "\f6e4";
}

.fa-hand-holding-magic {
  --fa: "\f6e5";
}

.fa-hanukiah {
  --fa: "\f6e6";
}

.fa-hat-witch {
  --fa: "\f6e7";
}

.fa-hat-wizard {
  --fa: "\f6e8";
}

.fa-head-side {
  --fa: "\f6e9";
}

.fa-head-side-goggles {
  --fa: "\f6ea";
}

.fa-head-vr {
  --fa: "\f6ea";
}

.fa-helmet-battle {
  --fa: "\f6eb";
}

.fa-person-hiking {
  --fa: "\f6ec";
}

.fa-hiking {
  --fa: "\f6ec";
}

.fa-hippo {
  --fa: "\f6ed";
}

.fa-hockey-mask {
  --fa: "\f6ee";
}

.fa-hood-cloak {
  --fa: "\f6ef";
}

.fa-horse {
  --fa: "\f6f0";
}

.fa-house-chimney-crack {
  --fa: "\f6f1";
}

.fa-house-damage {
  --fa: "\f6f1";
}

.fa-hryvnia-sign {
  --fa: "\f6f2";
}

.fa-hryvnia {
  --fa: "\f6f2";
}

.fa-key-skeleton {
  --fa: "\f6f3";
}

.fa-kite {
  --fa: "\f6f4";
}

.fa-knife-kitchen {
  --fa: "\f6f5";
}

.fa-leaf-maple {
  --fa: "\f6f6";
}

.fa-leaf-oak {
  --fa: "\f6f7";
}

.fa-mace {
  --fa: "\f6f8";
}

.fa-mandolin {
  --fa: "\f6f9";
}

.fa-mask {
  --fa: "\f6fa";
}

.fa-monkey {
  --fa: "\f6fb";
}

.fa-mountain {
  --fa: "\f6fc";
}

.fa-mountains {
  --fa: "\f6fd";
}

.fa-narwhal {
  --fa: "\f6fe";
}

.fa-network-wired {
  --fa: "\f6ff";
}

.fa-otter {
  --fa: "\f700";
}

.fa-paw-simple {
  --fa: "\f701";
}

.fa-paw-alt {
  --fa: "\f701";
}

.fa-paw-claws {
  --fa: "\f702";
}

.fa-pegasus {
  --fa: "\f703";
}

.fa-pie {
  --fa: "\f705";
}

.fa-pig {
  --fa: "\f706";
}

.fa-pumpkin {
  --fa: "\f707";
}

.fa-rabbit {
  --fa: "\f708";
}

.fa-rabbit-running {
  --fa: "\f709";
}

.fa-rabbit-fast {
  --fa: "\f709";
}

.fa-ram {
  --fa: "\f70a";
}

.fa-ring {
  --fa: "\f70b";
}

.fa-person-running {
  --fa: "\f70c";
}

.fa-running {
  --fa: "\f70c";
}

.fa-scarecrow {
  --fa: "\f70d";
}

.fa-scroll {
  --fa: "\f70e";
}

.fa-scroll-old {
  --fa: "\f70f";
}

.fa-scythe {
  --fa: "\f710";
}

.fa-sheep {
  --fa: "\f711";
}

.fa-shield-cross {
  --fa: "\f712";
}

.fa-shovel {
  --fa: "\f713";
}

.fa-skull-crossbones {
  --fa: "\f714";
}

.fa-slash {
  --fa: "\f715";
}

.fa-snake {
  --fa: "\f716";
}

.fa-spider {
  --fa: "\f717";
}

.fa-spider-black-widow {
  --fa: "\f718";
}

.fa-spider-web {
  --fa: "\f719";
}

.fa-squirrel {
  --fa: "\f71a";
}

.fa-staff {
  --fa: "\f71b";
}

.fa-sword {
  --fa: "\f71c";
}

.fa-swords {
  --fa: "\f71d";
}

.fa-toilet-paper {
  --fa: "\f71e";
}

.fa-toilet-paper-alt {
  --fa: "\f71e";
}

.fa-toilet-paper-blank {
  --fa: "\f71e";
}

.fa-tombstone {
  --fa: "\f720";
}

.fa-tombstone-blank {
  --fa: "\f721";
}

.fa-tombstone-alt {
  --fa: "\f721";
}

.fa-tractor {
  --fa: "\f722";
}

.fa-treasure-chest {
  --fa: "\f723";
}

.fa-trees {
  --fa: "\f724";
}

.fa-turkey {
  --fa: "\f725";
}

.fa-turtle {
  --fa: "\f726";
}

.fa-unicorn {
  --fa: "\f727";
}

.fa-user-injured {
  --fa: "\f728";
}

.fa-vr-cardboard {
  --fa: "\f729";
}

.fa-wand {
  --fa: "\f72a";
}

.fa-wand-sparkles {
  --fa: "\f72b";
}

.fa-whale {
  --fa: "\f72c";
}

.fa-wheat {
  --fa: "\f72d";
}

.fa-wind {
  --fa: "\f72e";
}

.fa-wine-bottle {
  --fa: "\f72f";
}

.fa-ballot {
  --fa: "\f732";
}

.fa-ballot-check {
  --fa: "\f733";
}

.fa-booth-curtain {
  --fa: "\f734";
}

.fa-box-ballot {
  --fa: "\f735";
}

.fa-calendar-star {
  --fa: "\f736";
}

.fa-clipboard-list-check {
  --fa: "\f737";
}

.fa-cloud-drizzle {
  --fa: "\f738";
}

.fa-cloud-hail {
  --fa: "\f739";
}

.fa-cloud-hail-mixed {
  --fa: "\f73a";
}

.fa-cloud-meatball {
  --fa: "\f73b";
}

.fa-cloud-moon-rain {
  --fa: "\f73c";
}

.fa-cloud-rain {
  --fa: "\f73d";
}

.fa-cloud-rainbow {
  --fa: "\f73e";
}

.fa-cloud-showers {
  --fa: "\f73f";
}

.fa-cloud-showers-heavy {
  --fa: "\f740";
}

.fa-cloud-sleet {
  --fa: "\f741";
}

.fa-cloud-snow {
  --fa: "\f742";
}

.fa-cloud-sun-rain {
  --fa: "\f743";
}

.fa-clouds {
  --fa: "\f744";
}

.fa-clouds-moon {
  --fa: "\f745";
}

.fa-clouds-sun {
  --fa: "\f746";
}

.fa-democrat {
  --fa: "\f747";
}

.fa-droplet-degree {
  --fa: "\f748";
}

.fa-dewpoint {
  --fa: "\f748";
}

.fa-eclipse {
  --fa: "\f749";
}

.fa-moon-over-sun {
  --fa: "\f74a";
}

.fa-eclipse-alt {
  --fa: "\f74a";
}

.fa-fire-smoke {
  --fa: "\f74b";
}

.fa-flag-swallowtail {
  --fa: "\f74c";
}

.fa-flag-alt {
  --fa: "\f74c";
}

.fa-flag-usa {
  --fa: "\f74d";
}

.fa-cloud-fog {
  --fa: "\f74e";
}

.fa-fog {
  --fa: "\f74e";
}

.fa-house-water {
  --fa: "\f74f";
}

.fa-house-flood {
  --fa: "\f74f";
}

.fa-droplet-percent {
  --fa: "\f750";
}

.fa-humidity {
  --fa: "\f750";
}

.fa-hurricane {
  --fa: "\f751";
}

.fa-landmark-dome {
  --fa: "\f752";
}

.fa-landmark-alt {
  --fa: "\f752";
}

.fa-meteor {
  --fa: "\f753";
}

.fa-moon-cloud {
  --fa: "\f754";
}

.fa-moon-stars {
  --fa: "\f755";
}

.fa-person-booth {
  --fa: "\f756";
}

.fa-person-sign {
  --fa: "\f757";
}

.fa-podium-star {
  --fa: "\f758";
}

.fa-poll-people {
  --fa: "\f759";
}

.fa-poo-storm {
  --fa: "\f75a";
}

.fa-poo-bolt {
  --fa: "\f75a";
}

.fa-rainbow {
  --fa: "\f75b";
}

.fa-raindrops {
  --fa: "\f75c";
}

.fa-republican {
  --fa: "\f75e";
}

.fa-smog {
  --fa: "\f75f";
}

.fa-smoke {
  --fa: "\f760";
}

.fa-snow-blowing {
  --fa: "\f761";
}

.fa-stars {
  --fa: "\f762";
}

.fa-sun-cloud {
  --fa: "\f763";
}

.fa-sun-dust {
  --fa: "\f764";
}

.fa-sun-haze {
  --fa: "\f765";
}

.fa-sunrise {
  --fa: "\f766";
}

.fa-sunset {
  --fa: "\f767";
}

.fa-temperature-snow {
  --fa: "\f768";
}

.fa-temperature-frigid {
  --fa: "\f768";
}

.fa-temperature-high {
  --fa: "\f769";
}

.fa-temperature-sun {
  --fa: "\f76a";
}

.fa-temperature-hot {
  --fa: "\f76a";
}

.fa-temperature-low {
  --fa: "\f76b";
}

.fa-cloud-bolt {
  --fa: "\f76c";
}

.fa-thunderstorm {
  --fa: "\f76c";
}

.fa-cloud-bolt-moon {
  --fa: "\f76d";
}

.fa-thunderstorm-moon {
  --fa: "\f76d";
}

.fa-cloud-bolt-sun {
  --fa: "\f76e";
}

.fa-thunderstorm-sun {
  --fa: "\f76e";
}

.fa-tornado {
  --fa: "\f76f";
}

.fa-volcano {
  --fa: "\f770";
}

.fa-xmark-to-slot {
  --fa: "\f771";
}

.fa-times-to-slot {
  --fa: "\f771";
}

.fa-vote-nay {
  --fa: "\f771";
}

.fa-check-to-slot {
  --fa: "\f772";
}

.fa-vote-yea {
  --fa: "\f772";
}

.fa-water {
  --fa: "\f773";
}

.fa-water-arrow-down {
  --fa: "\f774";
}

.fa-water-lower {
  --fa: "\f774";
}

.fa-water-arrow-up {
  --fa: "\f775";
}

.fa-water-rise {
  --fa: "\f775";
}

.fa-wind-warning {
  --fa: "\f776";
}

.fa-wind-circle-exclamation {
  --fa: "\f776";
}

.fa-windsock {
  --fa: "\f777";
}

.fa-angel {
  --fa: "\f779";
}

.fa-baby {
  --fa: "\f77c";
}

.fa-baby-carriage {
  --fa: "\f77d";
}

.fa-carriage-baby {
  --fa: "\f77d";
}

.fa-ball-pile {
  --fa: "\f77e";
}

.fa-bells {
  --fa: "\f77f";
}

.fa-biohazard {
  --fa: "\f780";
}

.fa-blog {
  --fa: "\f781";
}

.fa-boot {
  --fa: "\f782";
}

.fa-calendar-day {
  --fa: "\f783";
}

.fa-calendar-week {
  --fa: "\f784";
}

.fa-candy-cane {
  --fa: "\f786";
}

.fa-carrot {
  --fa: "\f787";
}

.fa-cash-register {
  --fa: "\f788";
}

.fa-chart-network {
  --fa: "\f78a";
}

.fa-chimney {
  --fa: "\f78b";
}

.fa-minimize {
  --fa: "\f78c";
}

.fa-compress-arrows-alt {
  --fa: "\f78c";
}

.fa-deer {
  --fa: "\f78e";
}

.fa-deer-rudolph {
  --fa: "\f78f";
}

.fa-dreidel {
  --fa: "\f792";
}

.fa-dumpster {
  --fa: "\f793";
}

.fa-dumpster-fire {
  --fa: "\f794";
}

.fa-ear-muffs {
  --fa: "\f795";
}

.fa-ethernet {
  --fa: "\f796";
}

.fa-fireplace {
  --fa: "\f79a";
}

.fa-snowman-head {
  --fa: "\f79b";
}

.fa-frosty-head {
  --fa: "\f79b";
}

.fa-gifts {
  --fa: "\f79c";
}

.fa-gingerbread-man {
  --fa: "\f79d";
}

.fa-champagne-glass {
  --fa: "\f79e";
}

.fa-glass-champagne {
  --fa: "\f79e";
}

.fa-champagne-glasses {
  --fa: "\f79f";
}

.fa-glass-cheers {
  --fa: "\f79f";
}

.fa-whiskey-glass {
  --fa: "\f7a0";
}

.fa-glass-whiskey {
  --fa: "\f7a0";
}

.fa-whiskey-glass-ice {
  --fa: "\f7a1";
}

.fa-glass-whiskey-rocks {
  --fa: "\f7a1";
}

.fa-earth-europe {
  --fa: "\f7a2";
}

.fa-globe-europe {
  --fa: "\f7a2";
}

.fa-globe-snow {
  --fa: "\f7a3";
}

.fa-grip-lines {
  --fa: "\f7a4";
}

.fa-grip-lines-vertical {
  --fa: "\f7a5";
}

.fa-guitar {
  --fa: "\f7a6";
}

.fa-hat-santa {
  --fa: "\f7a7";
}

.fa-hat-winter {
  --fa: "\f7a8";
}

.fa-heart-crack {
  --fa: "\f7a9";
}

.fa-heart-broken {
  --fa: "\f7a9";
}

.fa-holly-berry {
  --fa: "\f7aa";
}

.fa-horse-head {
  --fa: "\f7ab";
}

.fa-ice-skate {
  --fa: "\f7ac";
}

.fa-icicles {
  --fa: "\f7ad";
}

.fa-igloo {
  --fa: "\f7ae";
}

.fa-lights-holiday {
  --fa: "\f7b2";
}

.fa-mistletoe {
  --fa: "\f7b4";
}

.fa-mitten {
  --fa: "\f7b5";
}

.fa-mug-hot {
  --fa: "\f7b6";
}

.fa-mug-marshmallows {
  --fa: "\f7b7";
}

.fa-ornament {
  --fa: "\f7b8";
}

.fa-radiation {
  --fa: "\f7b9";
}

.fa-circle-radiation {
  --fa: "\f7ba";
}

.fa-radiation-alt {
  --fa: "\f7ba";
}

.fa-restroom {
  --fa: "\f7bd";
}

.fa-rv {
  --fa: "\f7be";
}

.fa-satellite {
  --fa: "\f7bf";
}

.fa-satellite-dish {
  --fa: "\f7c0";
}

.fa-scarf {
  --fa: "\f7c1";
}

.fa-sd-card {
  --fa: "\f7c2";
}

.fa-shovel-snow {
  --fa: "\f7c3";
}

.fa-sim-card {
  --fa: "\f7c4";
}

.fa-person-skating {
  --fa: "\f7c5";
}

.fa-skating {
  --fa: "\f7c5";
}

.fa-person-ski-jumping {
  --fa: "\f7c7";
}

.fa-ski-jump {
  --fa: "\f7c7";
}

.fa-person-ski-lift {
  --fa: "\f7c8";
}

.fa-ski-lift {
  --fa: "\f7c8";
}

.fa-person-skiing {
  --fa: "\f7c9";
}

.fa-skiing {
  --fa: "\f7c9";
}

.fa-person-skiing-nordic {
  --fa: "\f7ca";
}

.fa-skiing-nordic {
  --fa: "\f7ca";
}

.fa-person-sledding {
  --fa: "\f7cb";
}

.fa-sledding {
  --fa: "\f7cb";
}

.fa-sleigh {
  --fa: "\f7cc";
}

.fa-comment-sms {
  --fa: "\f7cd";
}

.fa-sms {
  --fa: "\f7cd";
}

.fa-person-snowboarding {
  --fa: "\f7ce";
}

.fa-snowboarding {
  --fa: "\f7ce";
}

.fa-snowflakes {
  --fa: "\f7cf";
}

.fa-snowman {
  --fa: "\f7d0";
}

.fa-person-snowmobiling {
  --fa: "\f7d1";
}

.fa-snowmobile {
  --fa: "\f7d1";
}

.fa-snowplow {
  --fa: "\f7d2";
}

.fa-star-christmas {
  --fa: "\f7d4";
}

.fa-stocking {
  --fa: "\f7d5";
}

.fa-tenge-sign {
  --fa: "\f7d7";
}

.fa-tenge {
  --fa: "\f7d7";
}

.fa-toilet {
  --fa: "\f7d8";
}

.fa-screwdriver-wrench {
  --fa: "\f7d9";
}

.fa-tools {
  --fa: "\f7d9";
}

.fa-cable-car {
  --fa: "\f7da";
}

.fa-tram {
  --fa: "\f7da";
}

.fa-tree-christmas {
  --fa: "\f7db";
}

.fa-tree-decorated {
  --fa: "\f7dc";
}

.fa-tree-large {
  --fa: "\f7dd";
}

.fa-truck-plow {
  --fa: "\f7de";
}

.fa-wreath {
  --fa: "\f7e2";
}

.fa-fire-flame-curved {
  --fa: "\f7e4";
}

.fa-fire-alt {
  --fa: "\f7e4";
}

.fa-bacon {
  --fa: "\f7e5";
}

.fa-book-medical {
  --fa: "\f7e6";
}

.fa-book-user {
  --fa: "\f7e7";
}

.fa-books-medical {
  --fa: "\f7e8";
}

.fa-brackets-square {
  --fa: "\f7e9";
}

.fa-brackets {
  --fa: "\f7e9";
}

.fa-brackets-curly {
  --fa: "\f7ea";
}

.fa-bread-loaf {
  --fa: "\f7eb";
}

.fa-bread-slice {
  --fa: "\f7ec";
}

.fa-burrito {
  --fa: "\f7ed";
}

.fa-chart-scatter {
  --fa: "\f7ee";
}

.fa-cheese {
  --fa: "\f7ef";
}

.fa-cheese-swiss {
  --fa: "\f7f0";
}

.fa-burger-cheese {
  --fa: "\f7f1";
}

.fa-cheeseburger {
  --fa: "\f7f1";
}

.fa-house-chimney-medical {
  --fa: "\f7f2";
}

.fa-clinic-medical {
  --fa: "\f7f2";
}

.fa-clipboard-user {
  --fa: "\f7f3";
}

.fa-message-medical {
  --fa: "\f7f4";
}

.fa-comment-alt-medical {
  --fa: "\f7f4";
}

.fa-comment-medical {
  --fa: "\f7f5";
}

.fa-croissant {
  --fa: "\f7f6";
}

.fa-crutch {
  --fa: "\f7f7";
}

.fa-crutches {
  --fa: "\f7f8";
}

.fa-ban-bug {
  --fa: "\f7f9";
}

.fa-debug {
  --fa: "\f7f9";
}

.fa-disease {
  --fa: "\f7fa";
}

.fa-egg {
  --fa: "\f7fb";
}

.fa-egg-fried {
  --fa: "\f7fc";
}

.fa-files-medical {
  --fa: "\f7fd";
}

.fa-fish-cooked {
  --fa: "\f7fe";
}

.fa-flower {
  --fa: "\f7ff";
}

.fa-flower-daffodil {
  --fa: "\f800";
}

.fa-flower-tulip {
  --fa: "\f801";
}

.fa-folder-tree {
  --fa: "\f802";
}

.fa-french-fries {
  --fa: "\f803";
}

.fa-glass {
  --fa: "\f804";
}

.fa-burger {
  --fa: "\f805";
}

.fa-hamburger {
  --fa: "\f805";
}

.fa-hand-middle-finger {
  --fa: "\f806";
}

.fa-helmet-safety {
  --fa: "\f807";
}

.fa-hard-hat {
  --fa: "\f807";
}

.fa-hat-hard {
  --fa: "\f807";
}

.fa-head-side-brain {
  --fa: "\f808";
}

.fa-head-side-medical {
  --fa: "\f809";
}

.fa-hospital-user {
  --fa: "\f80d";
}

.fa-hospitals {
  --fa: "\f80e";
}

.fa-hotdog {
  --fa: "\f80f";
}

.fa-ice-cream {
  --fa: "\f810";
}

.fa-island-tropical {
  --fa: "\f811";
}

.fa-island-tree-palm {
  --fa: "\f811";
}

.fa-laptop-medical {
  --fa: "\f812";
}

.fa-mailbox {
  --fa: "\f813";
}

.fa-meat {
  --fa: "\f814";
}

.fa-pager {
  --fa: "\f815";
}

.fa-pepper-hot {
  --fa: "\f816";
}

.fa-pizza {
  --fa: "\f817";
}

.fa-pizza-slice {
  --fa: "\f818";
}

.fa-popcorn {
  --fa: "\f819";
}

.fa-print-magnifying-glass {
  --fa: "\f81a";
}

.fa-print-search {
  --fa: "\f81a";
}

.fa-rings-wedding {
  --fa: "\f81b";
}

.fa-sack {
  --fa: "\f81c";
}

.fa-sack-dollar {
  --fa: "\f81d";
}

.fa-salad {
  --fa: "\f81e";
}

.fa-bowl-salad {
  --fa: "\f81e";
}

.fa-sandwich {
  --fa: "\f81f";
}

.fa-sausage {
  --fa: "\f820";
}

.fa-shish-kebab {
  --fa: "\f821";
}

.fa-sickle {
  --fa: "\f822";
}

.fa-bowl-hot {
  --fa: "\f823";
}

.fa-soup {
  --fa: "\f823";
}

.fa-steak {
  --fa: "\f824";
}

.fa-stretcher {
  --fa: "\f825";
}

.fa-taco {
  --fa: "\f826";
}

.fa-book-tanakh {
  --fa: "\f827";
}

.fa-tanakh {
  --fa: "\f827";
}

.fa-bars-progress {
  --fa: "\f828";
}

.fa-tasks-alt {
  --fa: "\f828";
}

.fa-trash-arrow-up {
  --fa: "\f829";
}

.fa-trash-restore {
  --fa: "\f829";
}

.fa-trash-can-arrow-up {
  --fa: "\f82a";
}

.fa-trash-restore-alt {
  --fa: "\f82a";
}

.fa-tree-palm {
  --fa: "\f82b";
}

.fa-user-helmet-safety {
  --fa: "\f82c";
}

.fa-user-construction {
  --fa: "\f82c";
}

.fa-user-hard-hat {
  --fa: "\f82c";
}

.fa-user-headset {
  --fa: "\f82d";
}

.fa-user-doctor-message {
  --fa: "\f82e";
}

.fa-user-md-chat {
  --fa: "\f82e";
}

.fa-user-nurse {
  --fa: "\f82f";
}

.fa-users-medical {
  --fa: "\f830";
}

.fa-walker {
  --fa: "\f831";
}

.fa-camera-web {
  --fa: "\f832";
}

.fa-webcam {
  --fa: "\f832";
}

.fa-camera-web-slash {
  --fa: "\f833";
}

.fa-webcam-slash {
  --fa: "\f833";
}

.fa-wave-square {
  --fa: "\f83e";
}

.fa-alarm-exclamation {
  --fa: "\f843";
}

.fa-alarm-plus {
  --fa: "\f844";
}

.fa-alarm-snooze {
  --fa: "\f845";
}

.fa-align-slash {
  --fa: "\f846";
}

.fa-bags-shopping {
  --fa: "\f847";
}

.fa-bell-exclamation {
  --fa: "\f848";
}

.fa-bell-plus {
  --fa: "\f849";
}

.fa-person-biking {
  --fa: "\f84a";
}

.fa-biking {
  --fa: "\f84a";
}

.fa-person-biking-mountain {
  --fa: "\f84b";
}

.fa-biking-mountain {
  --fa: "\f84b";
}

.fa-border-all {
  --fa: "\f84c";
}

.fa-border-bottom {
  --fa: "\f84d";
}

.fa-border-inner {
  --fa: "\f84e";
}

.fa-border-left {
  --fa: "\f84f";
}

.fa-border-none {
  --fa: "\f850";
}

.fa-border-outer {
  --fa: "\f851";
}

.fa-border-right {
  --fa: "\f852";
}

.fa-border-top-left {
  --fa: "\f853";
}

.fa-border-style {
  --fa: "\f853";
}

.fa-border-bottom-right {
  --fa: "\f854";
}

.fa-border-style-alt {
  --fa: "\f854";
}

.fa-border-top {
  --fa: "\f855";
}

.fa-bring-forward {
  --fa: "\f856";
}

.fa-bring-front {
  --fa: "\f857";
}

.fa-burger-soda {
  --fa: "\f858";
}

.fa-car-building {
  --fa: "\f859";
}

.fa-car-bus {
  --fa: "\f85a";
}

.fa-cars {
  --fa: "\f85b";
}

.fa-coin {
  --fa: "\f85c";
}

.fa-triangle-person-digging {
  --fa: "\f85d";
}

.fa-construction {
  --fa: "\f85d";
}

.fa-person-digging {
  --fa: "\f85e";
}

.fa-digging {
  --fa: "\f85e";
}

.fa-drone {
  --fa: "\f85f";
}

.fa-drone-front {
  --fa: "\f860";
}

.fa-drone-alt {
  --fa: "\f860";
}

.fa-dryer {
  --fa: "\f861";
}

.fa-dryer-heat {
  --fa: "\f862";
}

.fa-dryer-alt {
  --fa: "\f862";
}

.fa-fan {
  --fa: "\f863";
}

.fa-farm {
  --fa: "\f864";
}

.fa-barn-silo {
  --fa: "\f864";
}

.fa-file-magnifying-glass {
  --fa: "\f865";
}

.fa-file-search {
  --fa: "\f865";
}

.fa-font-case {
  --fa: "\f866";
}

.fa-game-board {
  --fa: "\f867";
}

.fa-game-board-simple {
  --fa: "\f868";
}

.fa-game-board-alt {
  --fa: "\f868";
}

.fa-glass-citrus {
  --fa: "\f869";
}

.fa-h4 {
  --fa: "\f86a";
}

.fa-hat-chef {
  --fa: "\f86b";
}

.fa-horizontal-rule {
  --fa: "\f86c";
}

.fa-icons {
  --fa: "\f86d";
}

.fa-heart-music-camera-bolt {
  --fa: "\f86d";
}

.fa-symbols {
  --fa: "\f86e";
}

.fa-icons-alt {
  --fa: "\f86e";
}

.fa-kerning {
  --fa: "\f86f";
}

.fa-line-columns {
  --fa: "\f870";
}

.fa-line-height {
  --fa: "\f871";
}

.fa-money-check-pen {
  --fa: "\f872";
}

.fa-money-check-edit {
  --fa: "\f872";
}

.fa-money-check-dollar-pen {
  --fa: "\f873";
}

.fa-money-check-edit-alt {
  --fa: "\f873";
}

.fa-mug {
  --fa: "\f874";
}

.fa-mug-tea {
  --fa: "\f875";
}

.fa-overline {
  --fa: "\f876";
}

.fa-file-dashed-line {
  --fa: "\f877";
}

.fa-page-break {
  --fa: "\f877";
}

.fa-paragraph-left {
  --fa: "\f878";
}

.fa-paragraph-rtl {
  --fa: "\f878";
}

.fa-phone-flip {
  --fa: "\f879";
}

.fa-phone-alt {
  --fa: "\f879";
}

.fa-laptop-mobile {
  --fa: "\f87a";
}

.fa-phone-laptop {
  --fa: "\f87a";
}

.fa-square-phone-flip {
  --fa: "\f87b";
}

.fa-phone-square-alt {
  --fa: "\f87b";
}

.fa-photo-film {
  --fa: "\f87c";
}

.fa-photo-video {
  --fa: "\f87c";
}

.fa-text-slash {
  --fa: "\f87d";
}

.fa-remove-format {
  --fa: "\f87d";
}

.fa-send-back {
  --fa: "\f87e";
}

.fa-send-backward {
  --fa: "\f87f";
}

.fa-snooze {
  --fa: "\f880";
}

.fa-zzz {
  --fa: "\f880";
}

.fa-arrow-down-z-a {
  --fa: "\f881";
}

.fa-sort-alpha-desc {
  --fa: "\f881";
}

.fa-sort-alpha-down-alt {
  --fa: "\f881";
}

.fa-arrow-up-z-a {
  --fa: "\f882";
}

.fa-sort-alpha-up-alt {
  --fa: "\f882";
}

.fa-arrow-down-arrow-up {
  --fa: "\f883";
}

.fa-sort-alt {
  --fa: "\f883";
}

.fa-arrow-down-short-wide {
  --fa: "\f884";
}

.fa-sort-amount-desc {
  --fa: "\f884";
}

.fa-sort-amount-down-alt {
  --fa: "\f884";
}

.fa-arrow-up-short-wide {
  --fa: "\f885";
}

.fa-sort-amount-up-alt {
  --fa: "\f885";
}

.fa-arrow-down-9-1 {
  --fa: "\f886";
}

.fa-sort-numeric-desc {
  --fa: "\f886";
}

.fa-sort-numeric-down-alt {
  --fa: "\f886";
}

.fa-arrow-up-9-1 {
  --fa: "\f887";
}

.fa-sort-numeric-up-alt {
  --fa: "\f887";
}

.fa-arrow-down-triangle-square {
  --fa: "\f888";
}

.fa-sort-shapes-down {
  --fa: "\f888";
}

.fa-arrow-down-square-triangle {
  --fa: "\f889";
}

.fa-sort-shapes-down-alt {
  --fa: "\f889";
}

.fa-arrow-up-triangle-square {
  --fa: "\f88a";
}

.fa-sort-shapes-up {
  --fa: "\f88a";
}

.fa-arrow-up-square-triangle {
  --fa: "\f88b";
}

.fa-sort-shapes-up-alt {
  --fa: "\f88b";
}

.fa-arrow-down-big-small {
  --fa: "\f88c";
}

.fa-sort-size-down {
  --fa: "\f88c";
}

.fa-arrow-down-small-big {
  --fa: "\f88d";
}

.fa-sort-size-down-alt {
  --fa: "\f88d";
}

.fa-arrow-up-big-small {
  --fa: "\f88e";
}

.fa-sort-size-up {
  --fa: "\f88e";
}

.fa-arrow-up-small-big {
  --fa: "\f88f";
}

.fa-sort-size-up-alt {
  --fa: "\f88f";
}

.fa-sparkles {
  --fa: "\f890";
}

.fa-spell-check {
  --fa: "\f891";
}

.fa-sunglasses {
  --fa: "\f892";
}

.fa-text {
  --fa: "\f893";
}

.fa-text-size {
  --fa: "\f894";
}

.fa-trash-undo {
  --fa: "\f895";
}

.fa-trash-arrow-turn-left {
  --fa: "\f895";
}

.fa-trash-can-undo {
  --fa: "\f896";
}

.fa-trash-can-arrow-turn-left {
  --fa: "\f896";
}

.fa-trash-undo-alt {
  --fa: "\f896";
}

.fa-voicemail {
  --fa: "\f897";
}

.fa-washing-machine {
  --fa: "\f898";
}

.fa-washer {
  --fa: "\f898";
}

.fa-wave-sine {
  --fa: "\f899";
}

.fa-wave-triangle {
  --fa: "\f89a";
}

.fa-wind-turbine {
  --fa: "\f89b";
}

.fa-border-center-h {
  --fa: "\f89c";
}

.fa-border-center-v {
  --fa: "\f89d";
}

.fa-album {
  --fa: "\f89f";
}

.fa-album-collection {
  --fa: "\f8a0";
}

.fa-amp-guitar {
  --fa: "\f8a1";
}

.fa-badge-sheriff {
  --fa: "\f8a2";
}

.fa-banjo {
  --fa: "\f8a3";
}

.fa-cassette-betamax {
  --fa: "\f8a4";
}

.fa-betamax {
  --fa: "\f8a4";
}

.fa-boombox {
  --fa: "\f8a5";
}

.fa-cactus {
  --fa: "\f8a7";
}

.fa-camcorder {
  --fa: "\f8a8";
}

.fa-video-handheld {
  --fa: "\f8a8";
}

.fa-camera-movie {
  --fa: "\f8a9";
}

.fa-camera-polaroid {
  --fa: "\f8aa";
}

.fa-cassette-tape {
  --fa: "\f8ab";
}

.fa-camera-cctv {
  --fa: "\f8ac";
}

.fa-cctv {
  --fa: "\f8ac";
}

.fa-clarinet {
  --fa: "\f8ad";
}

.fa-cloud-music {
  --fa: "\f8ae";
}

.fa-message-music {
  --fa: "\f8af";
}

.fa-comment-alt-music {
  --fa: "\f8af";
}

.fa-comment-music {
  --fa: "\f8b0";
}

.fa-computer-classic {
  --fa: "\f8b1";
}

.fa-computer-speaker {
  --fa: "\f8b2";
}

.fa-cowbell {
  --fa: "\f8b3";
}

.fa-cowbell-circle-plus {
  --fa: "\f8b4";
}

.fa-cowbell-more {
  --fa: "\f8b4";
}

.fa-disc-drive {
  --fa: "\f8b5";
}

.fa-file-music {
  --fa: "\f8b6";
}

.fa-film-canister {
  --fa: "\f8b7";
}

.fa-film-cannister {
  --fa: "\f8b7";
}

.fa-flashlight {
  --fa: "\f8b8";
}

.fa-flute {
  --fa: "\f8b9";
}

.fa-flux-capacitor {
  --fa: "\f8ba";
}

.fa-game-console-handheld {
  --fa: "\f8bb";
}

.fa-gramophone {
  --fa: "\f8bd";
}

.fa-guitar-electric {
  --fa: "\f8be";
}

.fa-guitars {
  --fa: "\f8bf";
}

.fa-hat-cowboy {
  --fa: "\f8c0";
}

.fa-hat-cowboy-side {
  --fa: "\f8c1";
}

.fa-head-side-headphones {
  --fa: "\f8c2";
}

.fa-horse-saddle {
  --fa: "\f8c3";
}

.fa-image-polaroid {
  --fa: "\f8c4";
}

.fa-joystick {
  --fa: "\f8c5";
}

.fa-jug {
  --fa: "\f8c6";
}

.fa-kazoo {
  --fa: "\f8c7";
}

.fa-lasso {
  --fa: "\f8c8";
}

.fa-list-music {
  --fa: "\f8c9";
}

.fa-microphone-stand {
  --fa: "\f8cb";
}

.fa-computer-mouse {
  --fa: "\f8cc";
}

.fa-mouse {
  --fa: "\f8cc";
}

.fa-computer-mouse-scrollwheel {
  --fa: "\f8cd";
}

.fa-mouse-alt {
  --fa: "\f8cd";
}

.fa-mp3-player {
  --fa: "\f8ce";
}

.fa-music-note {
  --fa: "\f8cf";
}

.fa-music-alt {
  --fa: "\f8cf";
}

.fa-music-note-slash {
  --fa: "\f8d0";
}

.fa-music-alt-slash {
  --fa: "\f8d0";
}

.fa-music-slash {
  --fa: "\f8d1";
}

.fa-phone-rotary {
  --fa: "\f8d3";
}

.fa-piano {
  --fa: "\f8d4";
}

.fa-piano-keyboard {
  --fa: "\f8d5";
}

.fa-projector {
  --fa: "\f8d6";
}

.fa-radio {
  --fa: "\f8d7";
}

.fa-radio-tuner {
  --fa: "\f8d8";
}

.fa-radio-alt {
  --fa: "\f8d8";
}

.fa-record-vinyl {
  --fa: "\f8d9";
}

.fa-router {
  --fa: "\f8da";
}

.fa-saxophone-fire {
  --fa: "\f8db";
}

.fa-sax-hot {
  --fa: "\f8db";
}

.fa-saxophone {
  --fa: "\f8dc";
}

.fa-signal-stream {
  --fa: "\f8dd";
}

.fa-skull-cow {
  --fa: "\f8de";
}

.fa-speaker {
  --fa: "\f8df";
}

.fa-speakers {
  --fa: "\f8e0";
}

.fa-triangle-instrument {
  --fa: "\f8e2";
}

.fa-triangle-music {
  --fa: "\f8e2";
}

.fa-trumpet {
  --fa: "\f8e3";
}

.fa-turntable {
  --fa: "\f8e4";
}

.fa-tv-music {
  --fa: "\f8e6";
}

.fa-typewriter {
  --fa: "\f8e7";
}

.fa-usb-drive {
  --fa: "\f8e9";
}

.fa-user-cowboy {
  --fa: "\f8ea";
}

.fa-user-music {
  --fa: "\f8eb";
}

.fa-cassette-vhs {
  --fa: "\f8ec";
}

.fa-vhs {
  --fa: "\f8ec";
}

.fa-violin {
  --fa: "\f8ed";
}

.fa-wagon-covered {
  --fa: "\f8ee";
}

.fa-walkie-talkie {
  --fa: "\f8ef";
}

.fa-watch-calculator {
  --fa: "\f8f0";
}

.fa-waveform {
  --fa: "\f8f1";
}

.fa-waveform-lines {
  --fa: "\f8f2";
}

.fa-waveform-path {
  --fa: "\f8f2";
}

.fa-scanner-image {
  --fa: "\f8f3";
}

.fa-air-conditioner {
  --fa: "\f8f4";
}

.fa-alien {
  --fa: "\f8f5";
}

.fa-alien-8bit {
  --fa: "\f8f6";
}

.fa-alien-monster {
  --fa: "\f8f6";
}

.fa-bed-front {
  --fa: "\f8f7";
}

.fa-bed-alt {
  --fa: "\f8f7";
}

.fa-bed-bunk {
  --fa: "\f8f8";
}

.fa-bed-empty {
  --fa: "\f8f9";
}

.fa-bell-on {
  --fa: "\f8fa";
}

.fa-blinds {
  --fa: "\f8fb";
}

.fa-blinds-open {
  --fa: "\f8fc";
}

.fa-blinds-raised {
  --fa: "\f8fd";
}

.fa-camera-security {
  --fa: "\f8fe";
}

.fa-camera-home {
  --fa: "\f8fe";
}

.fa-caravan {
  --fa: "\f8ff";
}
:root, :host {
  --fa-family-brands: "Font Awesome 7 Brands";
  --fa-font-brands: normal 400 1em/1 var(--fa-family-brands);
}

@font-face {
  font-family: "Font Awesome 7 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(fonts/09eb7f3f4eb4f6dcb89bfae52301efd4.woff2);
}
.fab,
.fa-brands,
.fa-classic.fa-brands {
  --fa-family: var(--fa-family-brands);
  --fa-style: 400;
}

.fa-firefox-browser {
  --fa: "\e007";
}

.fa-ideal {
  --fa: "\e013";
}

.fa-microblog {
  --fa: "\e01a";
}

.fa-square-pied-piper {
  --fa: "\e01e";
}

.fa-pied-piper-square {
  --fa: "\e01e";
}

.fa-unity {
  --fa: "\e049";
}

.fa-dailymotion {
  --fa: "\e052";
}

.fa-square-instagram {
  --fa: "\e055";
}

.fa-instagram-square {
  --fa: "\e055";
}

.fa-mixer {
  --fa: "\e056";
}

.fa-shopify {
  --fa: "\e057";
}

.fa-deezer {
  --fa: "\e077";
}

.fa-edge-legacy {
  --fa: "\e078";
}

.fa-google-pay {
  --fa: "\e079";
}

.fa-rust {
  --fa: "\e07a";
}

.fa-tiktok {
  --fa: "\e07b";
}

.fa-unsplash {
  --fa: "\e07c";
}

.fa-cloudflare {
  --fa: "\e07d";
}

.fa-guilded {
  --fa: "\e07e";
}

.fa-hive {
  --fa: "\e07f";
}

.fa-42-group {
  --fa: "\e080";
}

.fa-innosoft {
  --fa: "\e080";
}

.fa-instalod {
  --fa: "\e081";
}

.fa-octopus-deploy {
  --fa: "\e082";
}

.fa-perbyte {
  --fa: "\e083";
}

.fa-uncharted {
  --fa: "\e084";
}

.fa-watchman-monitoring {
  --fa: "\e087";
}

.fa-wodu {
  --fa: "\e088";
}

.fa-wirsindhandwerk {
  --fa: "\e2d0";
}

.fa-wsh {
  --fa: "\e2d0";
}

.fa-bots {
  --fa: "\e340";
}

.fa-cmplid {
  --fa: "\e360";
}

.fa-bilibili {
  --fa: "\e3d9";
}

.fa-golang {
  --fa: "\e40f";
}

.fa-pix {
  --fa: "\e43a";
}

.fa-sitrox {
  --fa: "\e44a";
}

.fa-hashnode {
  --fa: "\e499";
}

.fa-meta {
  --fa: "\e49b";
}

.fa-padlet {
  --fa: "\e4a0";
}

.fa-nfc-directional {
  --fa: "\e530";
}

.fa-nfc-symbol {
  --fa: "\e531";
}

.fa-screenpal {
  --fa: "\e570";
}

.fa-space-awesome {
  --fa: "\e5ac";
}

.fa-square-font-awesome {
  --fa: "\e5ad";
}

.fa-square-gitlab {
  --fa: "\e5ae";
}

.fa-gitlab-square {
  --fa: "\e5ae";
}

.fa-odysee {
  --fa: "\e5c6";
}

.fa-stubber {
  --fa: "\e5c7";
}

.fa-debian {
  --fa: "\e60b";
}

.fa-shoelace {
  --fa: "\e60c";
}

.fa-threads {
  --fa: "\e618";
}

.fa-square-threads {
  --fa: "\e619";
}

.fa-square-x-twitter {
  --fa: "\e61a";
}

.fa-x-twitter {
  --fa: "\e61b";
}

.fa-opensuse {
  --fa: "\e62b";
}

.fa-letterboxd {
  --fa: "\e62d";
}

.fa-square-letterboxd {
  --fa: "\e62e";
}

.fa-mintbit {
  --fa: "\e62f";
}

.fa-google-scholar {
  --fa: "\e63b";
}

.fa-brave {
  --fa: "\e63c";
}

.fa-brave-reverse {
  --fa: "\e63d";
}

.fa-pixiv {
  --fa: "\e640";
}

.fa-upwork {
  --fa: "\e641";
}

.fa-webflow {
  --fa: "\e65c";
}

.fa-signal-messenger {
  --fa: "\e663";
}

.fa-bluesky {
  --fa: "\e671";
}

.fa-jxl {
  --fa: "\e67b";
}

.fa-square-upwork {
  --fa: "\e67c";
}

.fa-web-awesome {
  --fa: "\e682";
}

.fa-square-web-awesome {
  --fa: "\e683";
}

.fa-square-web-awesome-stroke {
  --fa: "\e684";
}

.fa-dart-lang {
  --fa: "\e693";
}

.fa-flutter {
  --fa: "\e694";
}

.fa-files-pinwheel {
  --fa: "\e69f";
}

.fa-css {
  --fa: "\e6a2";
}

.fa-square-bluesky {
  --fa: "\e6a3";
}

.fa-openai {
  --fa: "\e7cf";
}

.fa-square-linkedin {
  --fa: "\e7d0";
}

.fa-cash-app {
  --fa: "\e7d4";
}

.fa-disqus {
  --fa: "\e7d5";
}

.fa-eleventy {
  --fa: "\e7d6";
}

.fa-11ty {
  --fa: "\e7d6";
}

.fa-kakao-talk {
  --fa: "\e7d7";
}

.fa-linktree {
  --fa: "\e7d8";
}

.fa-notion {
  --fa: "\e7d9";
}

.fa-pandora {
  --fa: "\e7da";
}

.fa-pixelfed {
  --fa: "\e7db";
}

.fa-tidal {
  --fa: "\e7dc";
}

.fa-vsco {
  --fa: "\e7dd";
}

.fa-w3c {
  --fa: "\e7de";
}

.fa-lumon {
  --fa: "\e7e2";
}

.fa-lumon-drop {
  --fa: "\e7e3";
}

.fa-square-figma {
  --fa: "\e7e4";
}

.fa-tex {
  --fa: "\e7ff";
}

.fa-duolingo {
  --fa: "\e812";
}

.fa-square-twitter {
  --fa: "\f081";
}

.fa-twitter-square {
  --fa: "\f081";
}

.fa-square-facebook {
  --fa: "\f082";
}

.fa-facebook-square {
  --fa: "\f082";
}

.fa-linkedin {
  --fa: "\f08c";
}

.fa-square-github {
  --fa: "\f092";
}

.fa-github-square {
  --fa: "\f092";
}

.fa-twitter {
  --fa: "\f099";
}

.fa-facebook {
  --fa: "\f09a";
}

.fa-github {
  --fa: "\f09b";
}

.fa-pinterest {
  --fa: "\f0d2";
}

.fa-square-pinterest {
  --fa: "\f0d3";
}

.fa-pinterest-square {
  --fa: "\f0d3";
}

.fa-square-google-plus {
  --fa: "\f0d4";
}

.fa-google-plus-square {
  --fa: "\f0d4";
}

.fa-google-plus-g {
  --fa: "\f0d5";
}

.fa-linkedin-in {
  --fa: "\f0e1";
}

.fa-github-alt {
  --fa: "\f113";
}

.fa-maxcdn {
  --fa: "\f136";
}

.fa-html5 {
  --fa: "\f13b";
}

.fa-css3 {
  --fa: "\f13c";
}

.fa-btc {
  --fa: "\f15a";
}

.fa-youtube {
  --fa: "\f167";
}

.fa-xing {
  --fa: "\f168";
}

.fa-square-xing {
  --fa: "\f169";
}

.fa-xing-square {
  --fa: "\f169";
}

.fa-dropbox {
  --fa: "\f16b";
}

.fa-stack-overflow {
  --fa: "\f16c";
}

.fa-instagram {
  --fa: "\f16d";
}

.fa-flickr {
  --fa: "\f16e";
}

.fa-adn {
  --fa: "\f170";
}

.fa-bitbucket {
  --fa: "\f171";
}

.fa-tumblr {
  --fa: "\f173";
}

.fa-square-tumblr {
  --fa: "\f174";
}

.fa-tumblr-square {
  --fa: "\f174";
}

.fa-apple {
  --fa: "\f179";
}

.fa-windows {
  --fa: "\f17a";
}

.fa-android {
  --fa: "\f17b";
}

.fa-linux {
  --fa: "\f17c";
}

.fa-dribbble {
  --fa: "\f17d";
}

.fa-skype {
  --fa: "\f17e";
}

.fa-foursquare {
  --fa: "\f180";
}

.fa-trello {
  --fa: "\f181";
}

.fa-gratipay {
  --fa: "\f184";
}

.fa-vk {
  --fa: "\f189";
}

.fa-weibo {
  --fa: "\f18a";
}

.fa-renren {
  --fa: "\f18b";
}

.fa-pagelines {
  --fa: "\f18c";
}

.fa-stack-exchange {
  --fa: "\f18d";
}

.fa-square-vimeo {
  --fa: "\f194";
}

.fa-vimeo-square {
  --fa: "\f194";
}

.fa-slack {
  --fa: "\f198";
}

.fa-slack-hash {
  --fa: "\f198";
}

.fa-wordpress {
  --fa: "\f19a";
}

.fa-openid {
  --fa: "\f19b";
}

.fa-yahoo {
  --fa: "\f19e";
}

.fa-google {
  --fa: "\f1a0";
}

.fa-reddit {
  --fa: "\f1a1";
}

.fa-square-reddit {
  --fa: "\f1a2";
}

.fa-reddit-square {
  --fa: "\f1a2";
}

.fa-stumbleupon-circle {
  --fa: "\f1a3";
}

.fa-stumbleupon {
  --fa: "\f1a4";
}

.fa-delicious {
  --fa: "\f1a5";
}

.fa-digg {
  --fa: "\f1a6";
}

.fa-pied-piper-pp {
  --fa: "\f1a7";
}

.fa-pied-piper-alt {
  --fa: "\f1a8";
}

.fa-drupal {
  --fa: "\f1a9";
}

.fa-joomla {
  --fa: "\f1aa";
}

.fa-behance {
  --fa: "\f1b4";
}

.fa-square-behance {
  --fa: "\f1b5";
}

.fa-behance-square {
  --fa: "\f1b5";
}

.fa-steam {
  --fa: "\f1b6";
}

.fa-square-steam {
  --fa: "\f1b7";
}

.fa-steam-square {
  --fa: "\f1b7";
}

.fa-spotify {
  --fa: "\f1bc";
}

.fa-deviantart {
  --fa: "\f1bd";
}

.fa-soundcloud {
  --fa: "\f1be";
}

.fa-vine {
  --fa: "\f1ca";
}

.fa-codepen {
  --fa: "\f1cb";
}

.fa-jsfiddle {
  --fa: "\f1cc";
}

.fa-rebel {
  --fa: "\f1d0";
}

.fa-empire {
  --fa: "\f1d1";
}

.fa-square-git {
  --fa: "\f1d2";
}

.fa-git-square {
  --fa: "\f1d2";
}

.fa-git {
  --fa: "\f1d3";
}

.fa-hacker-news {
  --fa: "\f1d4";
}

.fa-tencent-weibo {
  --fa: "\f1d5";
}

.fa-qq {
  --fa: "\f1d6";
}

.fa-weixin {
  --fa: "\f1d7";
}

.fa-slideshare {
  --fa: "\f1e7";
}

.fa-twitch {
  --fa: "\f1e8";
}

.fa-yelp {
  --fa: "\f1e9";
}

.fa-paypal {
  --fa: "\f1ed";
}

.fa-google-wallet {
  --fa: "\f1ee";
}

.fa-cc-visa {
  --fa: "\f1f0";
}

.fa-cc-mastercard {
  --fa: "\f1f1";
}

.fa-cc-discover {
  --fa: "\f1f2";
}

.fa-cc-amex {
  --fa: "\f1f3";
}

.fa-cc-paypal {
  --fa: "\f1f4";
}

.fa-cc-stripe {
  --fa: "\f1f5";
}

.fa-lastfm {
  --fa: "\f202";
}

.fa-square-lastfm {
  --fa: "\f203";
}

.fa-lastfm-square {
  --fa: "\f203";
}

.fa-ioxhost {
  --fa: "\f208";
}

.fa-angellist {
  --fa: "\f209";
}

.fa-buysellads {
  --fa: "\f20d";
}

.fa-connectdevelop {
  --fa: "\f20e";
}

.fa-dashcube {
  --fa: "\f210";
}

.fa-forumbee {
  --fa: "\f211";
}

.fa-leanpub {
  --fa: "\f212";
}

.fa-sellsy {
  --fa: "\f213";
}

.fa-shirtsinbulk {
  --fa: "\f214";
}

.fa-simplybuilt {
  --fa: "\f215";
}

.fa-skyatlas {
  --fa: "\f216";
}

.fa-pinterest-p {
  --fa: "\f231";
}

.fa-whatsapp {
  --fa: "\f232";
}

.fa-viacoin {
  --fa: "\f237";
}

.fa-medium {
  --fa: "\f23a";
}

.fa-medium-m {
  --fa: "\f23a";
}

.fa-y-combinator {
  --fa: "\f23b";
}

.fa-optin-monster {
  --fa: "\f23c";
}

.fa-opencart {
  --fa: "\f23d";
}

.fa-expeditedssl {
  --fa: "\f23e";
}

.fa-cc-jcb {
  --fa: "\f24b";
}

.fa-cc-diners-club {
  --fa: "\f24c";
}

.fa-creative-commons {
  --fa: "\f25e";
}

.fa-gg {
  --fa: "\f260";
}

.fa-gg-circle {
  --fa: "\f261";
}

.fa-odnoklassniki {
  --fa: "\f263";
}

.fa-square-odnoklassniki {
  --fa: "\f264";
}

.fa-odnoklassniki-square {
  --fa: "\f264";
}

.fa-get-pocket {
  --fa: "\f265";
}

.fa-wikipedia-w {
  --fa: "\f266";
}

.fa-safari {
  --fa: "\f267";
}

.fa-chrome {
  --fa: "\f268";
}

.fa-firefox {
  --fa: "\f269";
}

.fa-opera {
  --fa: "\f26a";
}

.fa-internet-explorer {
  --fa: "\f26b";
}

.fa-contao {
  --fa: "\f26d";
}

.fa-500px {
  --fa: "\f26e";
}

.fa-amazon {
  --fa: "\f270";
}

.fa-houzz {
  --fa: "\f27c";
}

.fa-vimeo-v {
  --fa: "\f27d";
}

.fa-black-tie {
  --fa: "\f27e";
}

.fa-fonticons {
  --fa: "\f280";
}

.fa-reddit-alien {
  --fa: "\f281";
}

.fa-edge {
  --fa: "\f282";
}

.fa-codiepie {
  --fa: "\f284";
}

.fa-modx {
  --fa: "\f285";
}

.fa-fort-awesome {
  --fa: "\f286";
}

.fa-usb {
  --fa: "\f287";
}

.fa-product-hunt {
  --fa: "\f288";
}

.fa-mixcloud {
  --fa: "\f289";
}

.fa-scribd {
  --fa: "\f28a";
}

.fa-bluetooth {
  --fa: "\f293";
}

.fa-bluetooth-b {
  --fa: "\f294";
}

.fa-gitlab {
  --fa: "\f296";
}

.fa-wpbeginner {
  --fa: "\f297";
}

.fa-wpforms {
  --fa: "\f298";
}

.fa-envira {
  --fa: "\f299";
}

.fa-glide {
  --fa: "\f2a5";
}

.fa-glide-g {
  --fa: "\f2a6";
}

.fa-viadeo {
  --fa: "\f2a9";
}

.fa-square-viadeo {
  --fa: "\f2aa";
}

.fa-viadeo-square {
  --fa: "\f2aa";
}

.fa-snapchat {
  --fa: "\f2ab";
}

.fa-snapchat-ghost {
  --fa: "\f2ab";
}

.fa-square-snapchat {
  --fa: "\f2ad";
}

.fa-snapchat-square {
  --fa: "\f2ad";
}

.fa-pied-piper {
  --fa: "\f2ae";
}

.fa-first-order {
  --fa: "\f2b0";
}

.fa-yoast {
  --fa: "\f2b1";
}

.fa-themeisle {
  --fa: "\f2b2";
}

.fa-google-plus {
  --fa: "\f2b3";
}

.fa-font-awesome {
  --fa: "\f2b4";
}

.fa-font-awesome-flag {
  --fa: "\f2b4";
}

.fa-font-awesome-logo-full {
  --fa: "\f2b4";
}

.fa-linode {
  --fa: "\f2b8";
}

.fa-quora {
  --fa: "\f2c4";
}

.fa-free-code-camp {
  --fa: "\f2c5";
}

.fa-telegram {
  --fa: "\f2c6";
}

.fa-telegram-plane {
  --fa: "\f2c6";
}

.fa-bandcamp {
  --fa: "\f2d5";
}

.fa-grav {
  --fa: "\f2d6";
}

.fa-etsy {
  --fa: "\f2d7";
}

.fa-imdb {
  --fa: "\f2d8";
}

.fa-ravelry {
  --fa: "\f2d9";
}

.fa-sellcast {
  --fa: "\f2da";
}

.fa-superpowers {
  --fa: "\f2dd";
}

.fa-wpexplorer {
  --fa: "\f2de";
}

.fa-meetup {
  --fa: "\f2e0";
}

.fa-square-font-awesome-stroke {
  --fa: "\f35c";
}

.fa-font-awesome-alt {
  --fa: "\f35c";
}

.fa-accessible-icon {
  --fa: "\f368";
}

.fa-accusoft {
  --fa: "\f369";
}

.fa-adversal {
  --fa: "\f36a";
}

.fa-affiliatetheme {
  --fa: "\f36b";
}

.fa-algolia {
  --fa: "\f36c";
}

.fa-amilia {
  --fa: "\f36d";
}

.fa-angrycreative {
  --fa: "\f36e";
}

.fa-app-store {
  --fa: "\f36f";
}

.fa-app-store-ios {
  --fa: "\f370";
}

.fa-apper {
  --fa: "\f371";
}

.fa-asymmetrik {
  --fa: "\f372";
}

.fa-audible {
  --fa: "\f373";
}

.fa-avianex {
  --fa: "\f374";
}

.fa-aws {
  --fa: "\f375";
}

.fa-bimobject {
  --fa: "\f378";
}

.fa-bitcoin {
  --fa: "\f379";
}

.fa-bity {
  --fa: "\f37a";
}

.fa-blackberry {
  --fa: "\f37b";
}

.fa-blogger {
  --fa: "\f37c";
}

.fa-blogger-b {
  --fa: "\f37d";
}

.fa-buromobelexperte {
  --fa: "\f37f";
}

.fa-centercode {
  --fa: "\f380";
}

.fa-cloudscale {
  --fa: "\f383";
}

.fa-cloudsmith {
  --fa: "\f384";
}

.fa-cloudversify {
  --fa: "\f385";
}

.fa-cpanel {
  --fa: "\f388";
}

.fa-css3-alt {
  --fa: "\f38b";
}

.fa-cuttlefish {
  --fa: "\f38c";
}

.fa-d-and-d {
  --fa: "\f38d";
}

.fa-deploydog {
  --fa: "\f38e";
}

.fa-deskpro {
  --fa: "\f38f";
}

.fa-digital-ocean {
  --fa: "\f391";
}

.fa-discord {
  --fa: "\f392";
}

.fa-discourse {
  --fa: "\f393";
}

.fa-dochub {
  --fa: "\f394";
}

.fa-docker {
  --fa: "\f395";
}

.fa-draft2digital {
  --fa: "\f396";
}

.fa-square-dribbble {
  --fa: "\f397";
}

.fa-dribbble-square {
  --fa: "\f397";
}

.fa-dyalog {
  --fa: "\f399";
}

.fa-earlybirds {
  --fa: "\f39a";
}

.fa-erlang {
  --fa: "\f39d";
}

.fa-facebook-f {
  --fa: "\f39e";
}

.fa-facebook-messenger {
  --fa: "\f39f";
}

.fa-firstdraft {
  --fa: "\f3a1";
}

.fa-fonticons-fi {
  --fa: "\f3a2";
}

.fa-fort-awesome-alt {
  --fa: "\f3a3";
}

.fa-freebsd {
  --fa: "\f3a4";
}

.fa-gitkraken {
  --fa: "\f3a6";
}

.fa-gofore {
  --fa: "\f3a7";
}

.fa-goodreads {
  --fa: "\f3a8";
}

.fa-goodreads-g {
  --fa: "\f3a9";
}

.fa-google-drive {
  --fa: "\f3aa";
}

.fa-google-play {
  --fa: "\f3ab";
}

.fa-gripfire {
  --fa: "\f3ac";
}

.fa-grunt {
  --fa: "\f3ad";
}

.fa-gulp {
  --fa: "\f3ae";
}

.fa-square-hacker-news {
  --fa: "\f3af";
}

.fa-hacker-news-square {
  --fa: "\f3af";
}

.fa-hire-a-helper {
  --fa: "\f3b0";
}

.fa-hotjar {
  --fa: "\f3b1";
}

.fa-hubspot {
  --fa: "\f3b2";
}

.fa-itunes {
  --fa: "\f3b4";
}

.fa-itunes-note {
  --fa: "\f3b5";
}

.fa-jenkins {
  --fa: "\f3b6";
}

.fa-joget {
  --fa: "\f3b7";
}

.fa-js {
  --fa: "\f3b8";
}

.fa-square-js {
  --fa: "\f3b9";
}

.fa-js-square {
  --fa: "\f3b9";
}

.fa-keycdn {
  --fa: "\f3ba";
}

.fa-kickstarter {
  --fa: "\f3bb";
}

.fa-square-kickstarter {
  --fa: "\f3bb";
}

.fa-kickstarter-k {
  --fa: "\f3bc";
}

.fa-laravel {
  --fa: "\f3bd";
}

.fa-line {
  --fa: "\f3c0";
}

.fa-lyft {
  --fa: "\f3c3";
}

.fa-magento {
  --fa: "\f3c4";
}

.fa-medapps {
  --fa: "\f3c6";
}

.fa-medrt {
  --fa: "\f3c8";
}

.fa-microsoft {
  --fa: "\f3ca";
}

.fa-mix {
  --fa: "\f3cb";
}

.fa-mizuni {
  --fa: "\f3cc";
}

.fa-monero {
  --fa: "\f3d0";
}

.fa-napster {
  --fa: "\f3d2";
}

.fa-node-js {
  --fa: "\f3d3";
}

.fa-npm {
  --fa: "\f3d4";
}

.fa-ns8 {
  --fa: "\f3d5";
}

.fa-nutritionix {
  --fa: "\f3d6";
}

.fa-page4 {
  --fa: "\f3d7";
}

.fa-palfed {
  --fa: "\f3d8";
}

.fa-patreon {
  --fa: "\f3d9";
}

.fa-periscope {
  --fa: "\f3da";
}

.fa-phabricator {
  --fa: "\f3db";
}

.fa-phoenix-framework {
  --fa: "\f3dc";
}

.fa-playstation {
  --fa: "\f3df";
}

.fa-pushed {
  --fa: "\f3e1";
}

.fa-python {
  --fa: "\f3e2";
}

.fa-red-river {
  --fa: "\f3e3";
}

.fa-wpressr {
  --fa: "\f3e4";
}

.fa-rendact {
  --fa: "\f3e4";
}

.fa-replyd {
  --fa: "\f3e6";
}

.fa-resolving {
  --fa: "\f3e7";
}

.fa-rocketchat {
  --fa: "\f3e8";
}

.fa-rockrms {
  --fa: "\f3e9";
}

.fa-schlix {
  --fa: "\f3ea";
}

.fa-searchengin {
  --fa: "\f3eb";
}

.fa-servicestack {
  --fa: "\f3ec";
}

.fa-sistrix {
  --fa: "\f3ee";
}

.fa-speakap {
  --fa: "\f3f3";
}

.fa-staylinked {
  --fa: "\f3f5";
}

.fa-steam-symbol {
  --fa: "\f3f6";
}

.fa-sticker-mule {
  --fa: "\f3f7";
}

.fa-studiovinari {
  --fa: "\f3f8";
}

.fa-supple {
  --fa: "\f3f9";
}

.fa-uber {
  --fa: "\f402";
}

.fa-uikit {
  --fa: "\f403";
}

.fa-uniregistry {
  --fa: "\f404";
}

.fa-untappd {
  --fa: "\f405";
}

.fa-ussunnah {
  --fa: "\f407";
}

.fa-vaadin {
  --fa: "\f408";
}

.fa-viber {
  --fa: "\f409";
}

.fa-vimeo {
  --fa: "\f40a";
}

.fa-vnv {
  --fa: "\f40b";
}

.fa-square-whatsapp {
  --fa: "\f40c";
}

.fa-whatsapp-square {
  --fa: "\f40c";
}

.fa-whmcs {
  --fa: "\f40d";
}

.fa-wordpress-simple {
  --fa: "\f411";
}

.fa-xbox {
  --fa: "\f412";
}

.fa-yandex {
  --fa: "\f413";
}

.fa-yandex-international {
  --fa: "\f414";
}

.fa-apple-pay {
  --fa: "\f415";
}

.fa-cc-apple-pay {
  --fa: "\f416";
}

.fa-fly {
  --fa: "\f417";
}

.fa-node {
  --fa: "\f419";
}

.fa-osi {
  --fa: "\f41a";
}

.fa-react {
  --fa: "\f41b";
}

.fa-autoprefixer {
  --fa: "\f41c";
}

.fa-less {
  --fa: "\f41d";
}

.fa-sass {
  --fa: "\f41e";
}

.fa-vuejs {
  --fa: "\f41f";
}

.fa-angular {
  --fa: "\f420";
}

.fa-aviato {
  --fa: "\f421";
}

.fa-ember {
  --fa: "\f423";
}

.fa-gitter {
  --fa: "\f426";
}

.fa-hooli {
  --fa: "\f427";
}

.fa-strava {
  --fa: "\f428";
}

.fa-stripe {
  --fa: "\f429";
}

.fa-stripe-s {
  --fa: "\f42a";
}

.fa-typo3 {
  --fa: "\f42b";
}

.fa-amazon-pay {
  --fa: "\f42c";
}

.fa-cc-amazon-pay {
  --fa: "\f42d";
}

.fa-ethereum {
  --fa: "\f42e";
}

.fa-korvue {
  --fa: "\f42f";
}

.fa-elementor {
  --fa: "\f430";
}

.fa-square-youtube {
  --fa: "\f431";
}

.fa-youtube-square {
  --fa: "\f431";
}

.fa-flipboard {
  --fa: "\f44d";
}

.fa-hips {
  --fa: "\f452";
}

.fa-php {
  --fa: "\f457";
}

.fa-quinscape {
  --fa: "\f459";
}

.fa-readme {
  --fa: "\f4d5";
}

.fa-java {
  --fa: "\f4e4";
}

.fa-pied-piper-hat {
  --fa: "\f4e5";
}

.fa-creative-commons-by {
  --fa: "\f4e7";
}

.fa-creative-commons-nc {
  --fa: "\f4e8";
}

.fa-creative-commons-nc-eu {
  --fa: "\f4e9";
}

.fa-creative-commons-nc-jp {
  --fa: "\f4ea";
}

.fa-creative-commons-nd {
  --fa: "\f4eb";
}

.fa-creative-commons-pd {
  --fa: "\f4ec";
}

.fa-creative-commons-pd-alt {
  --fa: "\f4ed";
}

.fa-creative-commons-remix {
  --fa: "\f4ee";
}

.fa-creative-commons-sa {
  --fa: "\f4ef";
}

.fa-creative-commons-sampling {
  --fa: "\f4f0";
}

.fa-creative-commons-sampling-plus {
  --fa: "\f4f1";
}

.fa-creative-commons-share {
  --fa: "\f4f2";
}

.fa-creative-commons-zero {
  --fa: "\f4f3";
}

.fa-ebay {
  --fa: "\f4f4";
}

.fa-keybase {
  --fa: "\f4f5";
}

.fa-mastodon {
  --fa: "\f4f6";
}

.fa-r-project {
  --fa: "\f4f7";
}

.fa-researchgate {
  --fa: "\f4f8";
}

.fa-teamspeak {
  --fa: "\f4f9";
}

.fa-first-order-alt {
  --fa: "\f50a";
}

.fa-fulcrum {
  --fa: "\f50b";
}

.fa-galactic-republic {
  --fa: "\f50c";
}

.fa-galactic-senate {
  --fa: "\f50d";
}

.fa-jedi-order {
  --fa: "\f50e";
}

.fa-mandalorian {
  --fa: "\f50f";
}

.fa-old-republic {
  --fa: "\f510";
}

.fa-phoenix-squadron {
  --fa: "\f511";
}

.fa-sith {
  --fa: "\f512";
}

.fa-trade-federation {
  --fa: "\f513";
}

.fa-wolf-pack-battalion {
  --fa: "\f514";
}

.fa-hornbill {
  --fa: "\f592";
}

.fa-mailchimp {
  --fa: "\f59e";
}

.fa-megaport {
  --fa: "\f5a3";
}

.fa-nimblr {
  --fa: "\f5a8";
}

.fa-rev {
  --fa: "\f5b2";
}

.fa-shopware {
  --fa: "\f5b5";
}

.fa-squarespace {
  --fa: "\f5be";
}

.fa-themeco {
  --fa: "\f5c6";
}

.fa-weebly {
  --fa: "\f5cc";
}

.fa-wix {
  --fa: "\f5cf";
}

.fa-ello {
  --fa: "\f5f1";
}

.fa-hackerrank {
  --fa: "\f5f7";
}

.fa-kaggle {
  --fa: "\f5fa";
}

.fa-markdown {
  --fa: "\f60f";
}

.fa-neos {
  --fa: "\f612";
}

.fa-zhihu {
  --fa: "\f63f";
}

.fa-alipay {
  --fa: "\f642";
}

.fa-the-red-yeti {
  --fa: "\f69d";
}

.fa-critical-role {
  --fa: "\f6c9";
}

.fa-d-and-d-beyond {
  --fa: "\f6ca";
}

.fa-dev {
  --fa: "\f6cc";
}

.fa-fantasy-flight-games {
  --fa: "\f6dc";
}

.fa-wizards-of-the-coast {
  --fa: "\f730";
}

.fa-think-peaks {
  --fa: "\f731";
}

.fa-reacteurope {
  --fa: "\f75d";
}

.fa-artstation {
  --fa: "\f77a";
}

.fa-atlassian {
  --fa: "\f77b";
}

.fa-canadian-maple-leaf {
  --fa: "\f785";
}

.fa-centos {
  --fa: "\f789";
}

.fa-confluence {
  --fa: "\f78d";
}

.fa-dhl {
  --fa: "\f790";
}

.fa-diaspora {
  --fa: "\f791";
}

.fa-fedex {
  --fa: "\f797";
}

.fa-fedora {
  --fa: "\f798";
}

.fa-figma {
  --fa: "\f799";
}

.fa-intercom {
  --fa: "\f7af";
}

.fa-invision {
  --fa: "\f7b0";
}

.fa-jira {
  --fa: "\f7b1";
}

.fa-mendeley {
  --fa: "\f7b3";
}

.fa-raspberry-pi {
  --fa: "\f7bb";
}

.fa-redhat {
  --fa: "\f7bc";
}

.fa-sketch {
  --fa: "\f7c6";
}

.fa-sourcetree {
  --fa: "\f7d3";
}

.fa-suse {
  --fa: "\f7d6";
}

.fa-ubuntu {
  --fa: "\f7df";
}

.fa-ups {
  --fa: "\f7e0";
}

.fa-usps {
  --fa: "\f7e1";
}

.fa-yarn {
  --fa: "\f7e3";
}

.fa-airbnb {
  --fa: "\f834";
}

.fa-battle-net {
  --fa: "\f835";
}

.fa-bootstrap {
  --fa: "\f836";
}

.fa-buffer {
  --fa: "\f837";
}

.fa-chromecast {
  --fa: "\f838";
}

.fa-evernote {
  --fa: "\f839";
}

.fa-itch-io {
  --fa: "\f83a";
}

.fa-salesforce {
  --fa: "\f83b";
}

.fa-speaker-deck {
  --fa: "\f83c";
}

.fa-symfony {
  --fa: "\f83d";
}

.fa-waze {
  --fa: "\f83f";
}

.fa-yammer {
  --fa: "\f840";
}

.fa-git-alt {
  --fa: "\f841";
}

.fa-stackpath {
  --fa: "\f842";
}

.fa-cotton-bureau {
  --fa: "\f89e";
}

.fa-buy-n-large {
  --fa: "\f8a6";
}

.fa-mdb {
  --fa: "\f8ca";
}

.fa-orcid {
  --fa: "\f8d2";
}

.fa-swift {
  --fa: "\f8e1";
}

.fa-umbraco {
  --fa: "\f8e8";
}:root, :host {
  --fa-family-duotone: "Font Awesome 7 Duotone";
  --fa-font-duotone: normal 900 1em/1 var(--fa-family-duotone);
  /* deprecated: this older custom property will be removed next major release */
  --fa-style-family-duotone: var(--fa-family-duotone);
}

@font-face {
  font-family: "Font Awesome 7 Duotone";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(fonts/967d633a0358dd406da970c7922fd7c3.woff2);
}
.fad,
.fa-duotone {
  --fa-family: var(--fa-family-duotone);
  --fa-style: 900;
  position: relative;
  letter-spacing: normal;
}

.fad::before,
.fa-duotone::before {
  position: absolute;
  color: var(--fa-primary-color, currentColor);
  opacity: var(--fa-primary-opacity, 1);
}

.fad::after,
.fa-duotone::after {
  color: var(--fa-secondary-color, currentColor);
  opacity: var(--fa-secondary-opacity, 0.4);
}

.fa-swap-opacity .fad::before,
.fa-swap-opacity .fa-duotone::before,
.fad.fa-swap-opacity::before,
.fa-duotone.fa-swap-opacity::before {
  opacity: var(--fa-secondary-opacity, 0.4);
}

.fa-swap-opacity .fad::after,
.fa-swap-opacity .fa-duotone::after,
.fad.fa-swap-opacity::after,
.fa-duotone.fa-swap-opacity::after {
  opacity: var(--fa-primary-opacity, 1);
}

.fad.fa-li,
.fa-duotone.fa-li,
.fad.fa-stack-1x,
.fa-duotone.fa-stack-1x,
.fad.fa-stack-2x,
.fa-duotone.fa-stack-2x {
  position: absolute;
}:root, :host {
  --fa-family-classic: "Font Awesome 7 Pro";
  --fa-font-light: normal 300 1em/1 var(--fa-family-classic);
  /* deprecated: this older custom property will be removed next major release */
  --fa-style-family-classic: var(--fa-family-classic);
}

@font-face {
  font-family: "Font Awesome 7 Pro";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url(fonts/7a94ca8016b36b31834d34008834a327.woff2);
}
.fal {
  --fa-family: var(--fa-family-classic);
  --fa-style: 300;
}

.fa-classic {
  --fa-family: var(--fa-family-classic);
}

.fa-light {
  --fa-style: 300;
}:root, :host {
  --fa-family-classic: "Font Awesome 7 Pro";
  --fa-font-regular: normal 400 1em/1 var(--fa-family-classic);
  /* deprecated: this older custom property will be removed next major release */
  --fa-style-family-classic: var(--fa-family-classic);
}

@font-face {
  font-family: "Font Awesome 7 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(fonts/802df40139e7e0bcb4bec21f9b3fef1d.woff2);
}
.far {
  --fa-family: var(--fa-family-classic);
  --fa-style: 400;
}

.fa-classic {
  --fa-family: var(--fa-family-classic);
}

.fa-regular {
  --fa-style: 400;
}:root, :host {
  --fa-family-classic: "Font Awesome 7 Pro";
  --fa-font-solid: normal 900 1em/1 var(--fa-family-classic);
  /* deprecated: this older custom property will be removed next major release */
  --fa-style-family-classic: var(--fa-family-classic);
}

@font-face {
  font-family: "Font Awesome 7 Pro";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(fonts/00374ed6897c13d758f92d92d6e626e7.woff2);
}
.fas {
  --fa-family: var(--fa-family-classic);
  --fa-style: 900;
}

.fa-classic {
  --fa-family: var(--fa-family-classic);
}

.fa-solid {
  --fa-style: 900;
}:root, :host {
  --fa-family-classic: "Font Awesome 7 Pro";
  --fa-font-thin: normal 100 1em/1 var(--fa-family-classic);
  /* deprecated: this older custom property will be removed next major release */
  --fa-style-family-classic: var(--fa-family-classic);
}

@font-face {
  font-family: "Font Awesome 7 Pro";
  font-style: normal;
  font-weight: 100;
  font-display: block;
  src: url(fonts/d9d631bf2aa8562db0f38ce1da15e814.woff2);
}
.fat {
  --fa-family: var(--fa-family-classic);
  --fa-style: 100;
}

.fa-classic {
  --fa-family: var(--fa-family-classic);
}

.fa-thin {
  --fa-style: 100;
}@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: block;
  font-weight: 400;
  src: url(fonts/09eb7f3f4eb4f6dcb89bfae52301efd4.woff2) format("woff2");
}
@font-face {
  font-family: "Font Awesome 5 Pro";
  font-display: block;
  font-weight: 900;
  src: url(fonts/00374ed6897c13d758f92d92d6e626e7.woff2) format("woff2");
}
@font-face {
  font-family: "Font Awesome 5 Pro";
  font-display: block;
  font-weight: 400;
  src: url(fonts/802df40139e7e0bcb4bec21f9b3fef1d.woff2) format("woff2");
}
@font-face {
  font-family: "Font Awesome 5 Pro";
  font-display: block;
  font-weight: 300;
  src: url(fonts/7a94ca8016b36b31834d34008834a327.woff2) format("woff2");
}
@font-face {
  font-family: "Font Awesome 5 Duotone";
  font-display: block;
  font-weight: 900;
  src: url(fonts/967d633a0358dd406da970c7922fd7c3.woff2) format("woff2");
}@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(fonts/00374ed6897c13d758f92d92d6e626e7.woff2) format("woff2");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(fonts/09eb7f3f4eb4f6dcb89bfae52301efd4.woff2) format("woff2");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(fonts/802df40139e7e0bcb4bec21f9b3fef1d.woff2) format("woff2");
  unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC;
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(fonts/616568a96e07f892b2fe926e9846686a.woff2) format("woff2");
  unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F27A;
}
/*!
 * Font Awesome Pro 7.0.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2025 Fonticons, Inc.
 */
.fa.fa-glass {
  --fa: "\f000";
}

.fa.fa-envelope-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-envelope-o {
  --fa: "\f0e0";
}

.fa.fa-star-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-star-o {
  --fa: "\f005";
}

.fa.fa-remove {
  --fa: "\f00d";
}

.fa.fa-close {
  --fa: "\f00d";
}

.fa.fa-gear {
  --fa: "\f013";
}

.fa.fa-trash-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-trash-o {
  --fa: "\f2ed";
}

.fa.fa-home {
  --fa: "\f015";
}

.fa.fa-file-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-o {
  --fa: "\f15b";
}

.fa.fa-clock-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-clock-o {
  --fa: "\f017";
}

.fa.fa-arrow-circle-o-down {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-arrow-circle-o-down {
  --fa: "\f358";
}

.fa.fa-arrow-circle-o-up {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-arrow-circle-o-up {
  --fa: "\f35b";
}

.fa.fa-play-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-play-circle-o {
  --fa: "\f144";
}

.fa.fa-repeat {
  --fa: "\f01e";
}

.fa.fa-rotate-right {
  --fa: "\f01e";
}

.fa.fa-refresh {
  --fa: "\f021";
}

.fa.fa-list-alt {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-list-alt {
  --fa: "\f022";
}

.fa.fa-dedent {
  --fa: "\f03b";
}

.fa.fa-video-camera {
  --fa: "\f03d";
}

.fa.fa-picture-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-picture-o {
  --fa: "\f03e";
}

.fa.fa-photo {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-photo {
  --fa: "\f03e";
}

.fa.fa-image {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-image {
  --fa: "\f03e";
}

.fa.fa-map-marker {
  --fa: "\f3c5";
}

.fa.fa-pencil-square-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-pencil-square-o {
  --fa: "\f044";
}

.fa.fa-edit {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-edit {
  --fa: "\f044";
}

.fa.fa-share-square-o {
  --fa: "\f14d";
}

.fa.fa-check-square-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-check-square-o {
  --fa: "\f14a";
}

.fa.fa-arrows {
  --fa: "\f0b2";
}

.fa.fa-times-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-times-circle-o {
  --fa: "\f057";
}

.fa.fa-check-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-check-circle-o {
  --fa: "\f058";
}

.fa.fa-mail-forward {
  --fa: "\f064";
}

.fa.fa-expand {
  --fa: "\f424";
}

.fa.fa-compress {
  --fa: "\f422";
}

.fa.fa-eye {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-eye-slash {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-warning {
  --fa: "\f071";
}

.fa.fa-calendar {
  --fa: "\f073";
}

.fa.fa-arrows-v {
  --fa: "\f338";
}

.fa.fa-arrows-h {
  --fa: "\f337";
}

.fa.fa-bar-chart {
  --fa: "\e0e3";
}

.fa.fa-bar-chart-o {
  --fa: "\e0e3";
}

.fa.fa-twitter-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-twitter-square {
  --fa: "\f081";
}

.fa.fa-facebook-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-facebook-square {
  --fa: "\f082";
}

.fa.fa-gears {
  --fa: "\f085";
}

.fa.fa-thumbs-o-up {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-thumbs-o-up {
  --fa: "\f164";
}

.fa.fa-thumbs-o-down {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-thumbs-o-down {
  --fa: "\f165";
}

.fa.fa-heart-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-heart-o {
  --fa: "\f004";
}

.fa.fa-sign-out {
  --fa: "\f2f5";
}

.fa.fa-linkedin-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-linkedin-square {
  --fa: "\f08c";
}

.fa.fa-thumb-tack {
  --fa: "\f08d";
}

.fa.fa-external-link {
  --fa: "\f35d";
}

.fa.fa-sign-in {
  --fa: "\f2f6";
}

.fa.fa-github-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-github-square {
  --fa: "\f092";
}

.fa.fa-lemon-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-lemon-o {
  --fa: "\f094";
}

.fa.fa-square-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-square-o {
  --fa: "\f0c8";
}

.fa.fa-bookmark-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-bookmark-o {
  --fa: "\f02e";
}

.fa.fa-twitter {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-facebook {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-facebook {
  --fa: "\f39e";
}

.fa.fa-facebook-f {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-facebook-f {
  --fa: "\f39e";
}

.fa.fa-github {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-credit-card {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-feed {
  --fa: "\f09e";
}

.fa.fa-hdd-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hdd-o {
  --fa: "\f0a0";
}

.fa.fa-hand-o-right {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-o-right {
  --fa: "\f0a4";
}

.fa.fa-hand-o-left {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-o-left {
  --fa: "\f0a5";
}

.fa.fa-hand-o-up {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-o-up {
  --fa: "\f0a6";
}

.fa.fa-hand-o-down {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-o-down {
  --fa: "\f0a7";
}

.fa.fa-globe {
  --fa: "\f57d";
}

.fa.fa-tasks {
  --fa: "\f828";
}

.fa.fa-arrows-alt {
  --fa: "\f31e";
}

.fa.fa-group {
  --fa: "\f0c0";
}

.fa.fa-chain {
  --fa: "\f0c1";
}

.fa.fa-cut {
  --fa: "\f0c4";
}

.fa.fa-files-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-files-o {
  --fa: "\f0c5";
}

.fa.fa-floppy-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-floppy-o {
  --fa: "\f0c7";
}

.fa.fa-save {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-save {
  --fa: "\f0c7";
}

.fa.fa-navicon {
  --fa: "\f0c9";
}

.fa.fa-reorder {
  --fa: "\f0c9";
}

.fa.fa-magic {
  --fa: "\e2ca";
}

.fa.fa-pinterest {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-pinterest-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-pinterest-square {
  --fa: "\f0d3";
}

.fa.fa-google-plus-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-google-plus-square {
  --fa: "\f0d4";
}

.fa.fa-google-plus {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-google-plus {
  --fa: "\f0d5";
}

.fa.fa-money {
  --fa: "\f3d1";
}

.fa.fa-unsorted {
  --fa: "\f0dc";
}

.fa.fa-sort-desc {
  --fa: "\f0dd";
}

.fa.fa-sort-asc {
  --fa: "\f0de";
}

.fa.fa-linkedin {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-linkedin {
  --fa: "\f0e1";
}

.fa.fa-rotate-left {
  --fa: "\f0e2";
}

.fa.fa-legal {
  --fa: "\f0e3";
}

.fa.fa-tachometer {
  --fa: "\f625";
}

.fa.fa-dashboard {
  --fa: "\f625";
}

.fa.fa-comment-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-comment-o {
  --fa: "\f075";
}

.fa.fa-comments-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-comments-o {
  --fa: "\f086";
}

.fa.fa-flash {
  --fa: "\f0e7";
}

.fa.fa-clipboard {
  --fa: "\f0ea";
}

.fa.fa-lightbulb-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-lightbulb-o {
  --fa: "\f0eb";
}

.fa.fa-exchange {
  --fa: "\f362";
}

.fa.fa-cloud-download {
  --fa: "\f0ed";
}

.fa.fa-cloud-upload {
  --fa: "\f0ee";
}

.fa.fa-bell-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-bell-o {
  --fa: "\f0f3";
}

.fa.fa-cutlery {
  --fa: "\f2e7";
}

.fa.fa-file-text-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-text-o {
  --fa: "\f15c";
}

.fa.fa-building-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-building-o {
  --fa: "\f1ad";
}

.fa.fa-hospital-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hospital-o {
  --fa: "\f0f8";
}

.fa.fa-tablet {
  --fa: "\f3fa";
}

.fa.fa-mobile {
  --fa: "\f3cd";
}

.fa.fa-mobile-phone {
  --fa: "\f3cd";
}

.fa.fa-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-circle-o {
  --fa: "\f111";
}

.fa.fa-mail-reply {
  --fa: "\f3e5";
}

.fa.fa-github-alt {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-folder-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-folder-o {
  --fa: "\f07b";
}

.fa.fa-folder-open-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-folder-open-o {
  --fa: "\f07c";
}

.fa.fa-smile-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-smile-o {
  --fa: "\f118";
}

.fa.fa-frown-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-frown-o {
  --fa: "\f119";
}

.fa.fa-meh-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-meh-o {
  --fa: "\f11a";
}

.fa.fa-keyboard-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-keyboard-o {
  --fa: "\f11c";
}

.fa.fa-flag-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-flag-o {
  --fa: "\f024";
}

.fa.fa-mail-reply-all {
  --fa: "\f122";
}

.fa.fa-star-half-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-star-half-o {
  --fa: "\f5c0";
}

.fa.fa-star-half-empty {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-star-half-empty {
  --fa: "\f5c0";
}

.fa.fa-star-half-full {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-star-half-full {
  --fa: "\f5c0";
}

.fa.fa-code-fork {
  --fa: "\f126";
}

.fa.fa-chain-broken {
  --fa: "\f127";
}

.fa.fa-unlink {
  --fa: "\f127";
}

.fa.fa-calendar-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-calendar-o {
  --fa: "\f133";
}

.fa.fa-maxcdn {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-html5 {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-css3 {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-unlock-alt {
  --fa: "\f09c";
}

.fa.fa-minus-square-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-minus-square-o {
  --fa: "\f146";
}

.fa.fa-level-up {
  --fa: "\f3bf";
}

.fa.fa-level-down {
  --fa: "\f3be";
}

.fa.fa-pencil-square {
  --fa: "\f14b";
}

.fa.fa-external-link-square {
  --fa: "\f360";
}

.fa.fa-compass {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-caret-square-o-down {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-caret-square-o-down {
  --fa: "\f150";
}

.fa.fa-toggle-down {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-toggle-down {
  --fa: "\f150";
}

.fa.fa-caret-square-o-up {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-caret-square-o-up {
  --fa: "\f151";
}

.fa.fa-toggle-up {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-toggle-up {
  --fa: "\f151";
}

.fa.fa-caret-square-o-right {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-caret-square-o-right {
  --fa: "\f152";
}

.fa.fa-toggle-right {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-toggle-right {
  --fa: "\f152";
}

.fa.fa-eur {
  --fa: "\f153";
}

.fa.fa-euro {
  --fa: "\f153";
}

.fa.fa-gbp {
  --fa: "\f154";
}

.fa.fa-usd {
  --fa: "\$";
}

.fa.fa-dollar {
  --fa: "\$";
}

.fa.fa-inr {
  --fa: "\e1bc";
}

.fa.fa-rupee {
  --fa: "\e1bc";
}

.fa.fa-jpy {
  --fa: "\f157";
}

.fa.fa-cny {
  --fa: "\f157";
}

.fa.fa-rmb {
  --fa: "\f157";
}

.fa.fa-yen {
  --fa: "\f157";
}

.fa.fa-rub {
  --fa: "\f158";
}

.fa.fa-ruble {
  --fa: "\f158";
}

.fa.fa-rouble {
  --fa: "\f158";
}

.fa.fa-krw {
  --fa: "\f159";
}

.fa.fa-won {
  --fa: "\f159";
}

.fa.fa-btc {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-bitcoin {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-bitcoin {
  --fa: "\f15a";
}

.fa.fa-file-text {
  --fa: "\f15c";
}

.fa.fa-sort-alpha-asc {
  --fa: "\f15d";
}

.fa.fa-sort-alpha-desc {
  --fa: "\f881";
}

.fa.fa-sort-amount-asc {
  --fa: "\f884";
}

.fa.fa-sort-amount-desc {
  --fa: "\f160";
}

.fa.fa-sort-numeric-asc {
  --fa: "\f162";
}

.fa.fa-sort-numeric-desc {
  --fa: "\f886";
}

.fa.fa-youtube-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-youtube-square {
  --fa: "\f431";
}

.fa.fa-youtube {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-xing {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-xing-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-xing-square {
  --fa: "\f169";
}

.fa.fa-youtube-play {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-youtube-play {
  --fa: "\f167";
}

.fa.fa-dropbox {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-stack-overflow {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-instagram {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-flickr {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-adn {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-bitbucket {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-bitbucket-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-bitbucket-square {
  --fa: "\f171";
}

.fa.fa-tumblr {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-tumblr-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-tumblr-square {
  --fa: "\f174";
}

.fa.fa-long-arrow-down {
  --fa: "\f309";
}

.fa.fa-long-arrow-up {
  --fa: "\f30c";
}

.fa.fa-long-arrow-left {
  --fa: "\f30a";
}

.fa.fa-long-arrow-right {
  --fa: "\f30b";
}

.fa.fa-apple {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-windows {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-android {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-linux {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-dribbble {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-skype {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-foursquare {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-trello {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-gratipay {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-gittip {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-gittip {
  --fa: "\f184";
}

.fa.fa-sun-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-sun-o {
  --fa: "\f185";
}

.fa.fa-moon-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-moon-o {
  --fa: "\f186";
}

.fa.fa-vk {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-weibo {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-renren {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-pagelines {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-stack-exchange {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-arrow-circle-o-right {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-arrow-circle-o-right {
  --fa: "\f35a";
}

.fa.fa-arrow-circle-o-left {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-arrow-circle-o-left {
  --fa: "\f359";
}

.fa.fa-caret-square-o-left {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-caret-square-o-left {
  --fa: "\f191";
}

.fa.fa-toggle-left {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-toggle-left {
  --fa: "\f191";
}

.fa.fa-dot-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-dot-circle-o {
  --fa: "\f192";
}

.fa.fa-vimeo-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-vimeo-square {
  --fa: "\f194";
}

.fa.fa-try {
  --fa: "\e2bb";
}

.fa.fa-turkish-lira {
  --fa: "\e2bb";
}

.fa.fa-plus-square-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-plus-square-o {
  --fa: "\f0fe";
}

.fa.fa-slack {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wordpress {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-openid {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-institution {
  --fa: "\f19c";
}

.fa.fa-bank {
  --fa: "\f19c";
}

.fa.fa-mortar-board {
  --fa: "\f19d";
}

.fa.fa-yahoo {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-google {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-reddit {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-reddit-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-reddit-square {
  --fa: "\f1a2";
}

.fa.fa-stumbleupon-circle {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-stumbleupon {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-delicious {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-digg {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-pied-piper-pp {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-pied-piper-alt {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-drupal {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-joomla {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-behance {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-behance-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-behance-square {
  --fa: "\f1b5";
}

.fa.fa-steam {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-steam-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-steam-square {
  --fa: "\f1b7";
}

.fa.fa-automobile {
  --fa: "\f1b9";
}

.fa.fa-cab {
  --fa: "\f1ba";
}

.fa.fa-spotify {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-deviantart {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-soundcloud {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-file-pdf-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-pdf-o {
  --fa: "\f1c1";
}

.fa.fa-file-word-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-word-o {
  --fa: "\f1c2";
}

.fa.fa-file-excel-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-excel-o {
  --fa: "\f1c3";
}

.fa.fa-file-powerpoint-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-powerpoint-o {
  --fa: "\f1c4";
}

.fa.fa-file-image-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-image-o {
  --fa: "\f1c5";
}

.fa.fa-file-photo-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-photo-o {
  --fa: "\f1c5";
}

.fa.fa-file-picture-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-picture-o {
  --fa: "\f1c5";
}

.fa.fa-file-archive-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-archive-o {
  --fa: "\f1c6";
}

.fa.fa-file-zip-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-zip-o {
  --fa: "\f1c6";
}

.fa.fa-file-audio-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-audio-o {
  --fa: "\f1c7";
}

.fa.fa-file-sound-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-sound-o {
  --fa: "\f1c7";
}

.fa.fa-file-video-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-video-o {
  --fa: "\f1c8";
}

.fa.fa-file-movie-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-movie-o {
  --fa: "\f1c8";
}

.fa.fa-file-code-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-code-o {
  --fa: "\f1c9";
}

.fa.fa-vine {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-codepen {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-jsfiddle {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-life-bouy {
  --fa: "\f1cd";
}

.fa.fa-life-buoy {
  --fa: "\f1cd";
}

.fa.fa-life-saver {
  --fa: "\f1cd";
}

.fa.fa-support {
  --fa: "\f1cd";
}

.fa.fa-circle-o-notch {
  --fa: "\f1ce";
}

.fa.fa-rebel {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-ra {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-ra {
  --fa: "\f1d0";
}

.fa.fa-resistance {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-resistance {
  --fa: "\f1d0";
}

.fa.fa-empire {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-ge {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-ge {
  --fa: "\f1d1";
}

.fa.fa-git-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-git-square {
  --fa: "\f1d2";
}

.fa.fa-git {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-hacker-news {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-y-combinator-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-y-combinator-square {
  --fa: "\f1d4";
}

.fa.fa-yc-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-yc-square {
  --fa: "\f1d4";
}

.fa.fa-tencent-weibo {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-qq {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-weixin {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wechat {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wechat {
  --fa: "\f1d7";
}

.fa.fa-send {
  --fa: "\f1d8";
}

.fa.fa-paper-plane-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-paper-plane-o {
  --fa: "\f1d8";
}

.fa.fa-send-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-send-o {
  --fa: "\f1d8";
}

.fa.fa-circle-thin {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-circle-thin {
  --fa: "\f111";
}

.fa.fa-header {
  --fa: "\f1dc";
}

.fa.fa-futbol-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-futbol-o {
  --fa: "\f1e3";
}

.fa.fa-soccer-ball-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-soccer-ball-o {
  --fa: "\f1e3";
}

.fa.fa-slideshare {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-twitch {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-yelp {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-newspaper-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-newspaper-o {
  --fa: "\f1ea";
}

.fa.fa-paypal {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-google-wallet {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-cc-visa {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-cc-mastercard {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-cc-discover {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-cc-amex {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-cc-paypal {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-cc-stripe {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-bell-slash-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-bell-slash-o {
  --fa: "\f1f6";
}

.fa.fa-trash {
  --fa: "\f2ed";
}

.fa.fa-copyright {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-eyedropper {
  --fa: "\f1fb";
}

.fa.fa-area-chart {
  --fa: "\f1fe";
}

.fa.fa-pie-chart {
  --fa: "\f200";
}

.fa.fa-line-chart {
  --fa: "\f201";
}

.fa.fa-lastfm {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-lastfm-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-lastfm-square {
  --fa: "\f203";
}

.fa.fa-ioxhost {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-angellist {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-cc {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-cc {
  --fa: "\f20a";
}

.fa.fa-ils {
  --fa: "\f20b";
}

.fa.fa-shekel {
  --fa: "\f20b";
}

.fa.fa-sheqel {
  --fa: "\f20b";
}

.fa.fa-buysellads {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-connectdevelop {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-dashcube {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-forumbee {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-leanpub {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-sellsy {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-shirtsinbulk {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-simplybuilt {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-skyatlas {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-diamond {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-diamond {
  --fa: "\f3a5";
}

.fa.fa-transgender {
  --fa: "\f224";
}

.fa.fa-intersex {
  --fa: "\f224";
}

.fa.fa-transgender-alt {
  --fa: "\f225";
}

.fa.fa-facebook-official {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-facebook-official {
  --fa: "\f09a";
}

.fa.fa-pinterest-p {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-whatsapp {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-hotel {
  --fa: "\f236";
}

.fa.fa-viacoin {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-medium {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-y-combinator {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-yc {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-yc {
  --fa: "\f23b";
}

.fa.fa-optin-monster {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-opencart {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-expeditedssl {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-battery-4 {
  --fa: "\f240";
}

.fa.fa-battery {
  --fa: "\f240";
}

.fa.fa-battery-3 {
  --fa: "\f241";
}

.fa.fa-battery-2 {
  --fa: "\f242";
}

.fa.fa-battery-1 {
  --fa: "\f243";
}

.fa.fa-battery-0 {
  --fa: "\f244";
}

.fa.fa-object-group {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-object-ungroup {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-sticky-note-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-sticky-note-o {
  --fa: "\f249";
}

.fa.fa-cc-jcb {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-cc-diners-club {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-clone {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hourglass-o {
  --fa: "\f254";
}

.fa.fa-hourglass-1 {
  --fa: "\f251";
}

.fa.fa-hourglass-2 {
  --fa: "\f252";
}

.fa.fa-hourglass-3 {
  --fa: "\f253";
}

.fa.fa-hand-rock-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-rock-o {
  --fa: "\f255";
}

.fa.fa-hand-grab-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-grab-o {
  --fa: "\f255";
}

.fa.fa-hand-paper-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-paper-o {
  --fa: "\f256";
}

.fa.fa-hand-stop-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-stop-o {
  --fa: "\f256";
}

.fa.fa-hand-scissors-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-scissors-o {
  --fa: "\f257";
}

.fa.fa-hand-lizard-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-lizard-o {
  --fa: "\f258";
}

.fa.fa-hand-spock-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-spock-o {
  --fa: "\f259";
}

.fa.fa-hand-pointer-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-pointer-o {
  --fa: "\f25a";
}

.fa.fa-hand-peace-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-peace-o {
  --fa: "\f25b";
}

.fa.fa-registered {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-creative-commons {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-gg {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-gg-circle {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-odnoklassniki {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-odnoklassniki-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-odnoklassniki-square {
  --fa: "\f264";
}

.fa.fa-get-pocket {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wikipedia-w {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-safari {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-chrome {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-firefox {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-opera {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-internet-explorer {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-television {
  --fa: "\f26c";
}

.fa.fa-contao {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-500px {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-amazon {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-calendar-plus-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-calendar-plus-o {
  --fa: "\f271";
}

.fa.fa-calendar-minus-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-calendar-minus-o {
  --fa: "\f272";
}

.fa.fa-calendar-times-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-calendar-times-o {
  --fa: "\f273";
}

.fa.fa-calendar-check-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-calendar-check-o {
  --fa: "\f274";
}

.fa.fa-map-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-map-o {
  --fa: "\f279";
}

.fa.fa-commenting {
  --fa: "\f4ad";
}

.fa.fa-commenting-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-commenting-o {
  --fa: "\f4ad";
}

.fa.fa-houzz {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-vimeo {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-vimeo {
  --fa: "\f27d";
}

.fa.fa-black-tie {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-fonticons {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-reddit-alien {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-edge {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-credit-card-alt {
  --fa: "\f09d";
}

.fa.fa-codiepie {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-modx {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-fort-awesome {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-usb {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-product-hunt {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-mixcloud {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-scribd {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-pause-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-pause-circle-o {
  --fa: "\f28b";
}

.fa.fa-stop-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-stop-circle-o {
  --fa: "\f28d";
}

.fa.fa-bluetooth {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-bluetooth-b {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-gitlab {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wpbeginner {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wpforms {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-envira {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wheelchair-alt {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wheelchair-alt {
  --fa: "\f368";
}

.fa.fa-question-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-question-circle-o {
  --fa: "\f059";
}

.fa.fa-volume-control-phone {
  --fa: "\f2a0";
}

.fa.fa-asl-interpreting {
  --fa: "\f2a3";
}

.fa.fa-deafness {
  --fa: "\f2a4";
}

.fa.fa-hard-of-hearing {
  --fa: "\f2a4";
}

.fa.fa-glide {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-glide-g {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-signing {
  --fa: "\f2a7";
}

.fa.fa-viadeo {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-viadeo-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-viadeo-square {
  --fa: "\f2aa";
}

.fa.fa-snapchat {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-snapchat-ghost {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-snapchat-ghost {
  --fa: "\f2ab";
}

.fa.fa-snapchat-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-snapchat-square {
  --fa: "\f2ad";
}

.fa.fa-pied-piper {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-first-order {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-yoast {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-themeisle {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-google-plus-official {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-google-plus-official {
  --fa: "\f2b3";
}

.fa.fa-google-plus-circle {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-google-plus-circle {
  --fa: "\f2b3";
}

.fa.fa-font-awesome {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-fa {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-fa {
  --fa: "\f2b4";
}

.fa.fa-handshake-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-handshake-o {
  --fa: "\f2b5";
}

.fa.fa-envelope-open-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-envelope-open-o {
  --fa: "\f2b6";
}

.fa.fa-linode {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-address-book-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-address-book-o {
  --fa: "\f2b9";
}

.fa.fa-vcard {
  --fa: "\f2bb";
}

.fa.fa-address-card-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-address-card-o {
  --fa: "\f2bb";
}

.fa.fa-vcard-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-vcard-o {
  --fa: "\f2bb";
}

.fa.fa-user-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-user-circle-o {
  --fa: "\f2bd";
}

.fa.fa-user-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-user-o {
  --fa: "\f007";
}

.fa.fa-id-badge {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-drivers-license {
  --fa: "\f2c2";
}

.fa.fa-id-card-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-id-card-o {
  --fa: "\f2c2";
}

.fa.fa-drivers-license-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-drivers-license-o {
  --fa: "\f2c2";
}

.fa.fa-quora {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-free-code-camp {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-telegram {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-thermometer-4 {
  --fa: "\f2c7";
}

.fa.fa-thermometer {
  --fa: "\f2c7";
}

.fa.fa-thermometer-3 {
  --fa: "\f2c8";
}

.fa.fa-thermometer-2 {
  --fa: "\f2c9";
}

.fa.fa-thermometer-1 {
  --fa: "\f2ca";
}

.fa.fa-thermometer-0 {
  --fa: "\f2cb";
}

.fa.fa-bathtub {
  --fa: "\f2cd";
}

.fa.fa-s15 {
  --fa: "\f2cd";
}

.fa.fa-window-maximize {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-window-restore {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-times-rectangle {
  --fa: "\f410";
}

.fa.fa-window-close-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-window-close-o {
  --fa: "\f410";
}

.fa.fa-times-rectangle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-times-rectangle-o {
  --fa: "\f410";
}

.fa.fa-bandcamp {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-grav {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-etsy {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-imdb {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-ravelry {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-eercast {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-eercast {
  --fa: "\f2da";
}

.fa.fa-snowflake-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-snowflake-o {
  --fa: "\f2dc";
}

.fa.fa-superpowers {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wpexplorer {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-meetup {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}
.rn-sample-component{
  margin:5px
}

.rn-sample-component__name{
  font-weight:bold
}

.rn-file-input{
  display:none !important
}

.rn-form-control{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  font-size:13px
}

.rn-form-control__title-part{
  padding-left:4px;
  -webkit-box-flex:0;
      -ms-flex:0 0 auto;
          flex:0 0 auto
}

.rn-form-control__value-part{
  -webkit-box-flex:1;
      -ms-flex:1 0 auto;
          flex:1 0 auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}

.rn-form-control__indicator{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  vertical-align:middle;
  padding:0 2px
}

.rn-form-control__indicator_mandatory_marker{
  padding:4px 2px
}

.rn-form-control__indicator--inline{
  display:inline-block;
  padding:2px
}

.rn-form-control__indicator--inline img.rn-validation-indicator{
  vertical-align:unset
}

.rn-form-control__label{
  display:inline-block;
  min-height:1.5em;
  vertical-align:middle;
  min-width:0
}

.rn-form-control__value{
  display:inline-block;
  min-height:2em;
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1
}

.rn-form-control--inline,.rn-form-control--inline-centered{
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row
}

.rn-form-control--inline>.rn-form-control__title-part{
  width:140px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding-top:2px
}

.rn-form-control--inline>.rn-form-control__value-part{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1
}

.rn-form-control--inline-centered>.rn-form-control__title-part{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  text-align:right;
  margin-right:1em
}

.rn-form-control--inline-centered>.rn-form-control__value-part{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1
}

.rn-date-input{
  margin:5px
}

.rn-date-input__value{
  font-weight:bold
}

.rn-dropdown-button{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
  height:100%
}

.rn-dropdown-button__button{
  border-radius:3px 0 0 3px;
  border-width:1px;
  background-color:#f0f0f0;
  border-bottom-color:silver;
  border-bottom-style:solid;
  border-right-color:#bdbdbd;
  border-right-style:solid;
  border-top-color:#bdbdbd;
  border-top-style:solid;
  vertical-align:middle;
  border-left:solid #bdbdbd;
  text-align:center;
  outline:0;
  cursor:pointer;
  height:100%
}

.rn-dropdown-button__button:hover{
  background-color:#e3e3e3;
  -webkit-transition:background-color .1s linear;
  transition:background-color .1s linear
}

.rn-dropdown-button__button:active{
  background-color:#e3e3e3;
  -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.15),0 0 0 #000;
          box-shadow:inset 0 0 2px rgba(0,0,0,.15),0 0 0 #000;
  -webkit-transition:background-color .1s linear;
  transition:background-color .1s linear
}

.rn-dropdown-button__button:disabled{
  pointer-events:none;
  opacity:.6;
  -webkit-box-shadow:none;
          box-shadow:none
}

.rn-dropdown-button__menubutton{
  border-radius:0 3px 3px 0;
  border-width:1px 1px 1px 0;
  background-color:#f0f0f0;
  border-bottom-color:silver;
  border-bottom-style:solid;
  border-right-color:#bdbdbd;
  border-right-style:solid;
  border-top-color:#bdbdbd;
  border-top-style:solid;
  vertical-align:middle;
  text-align:center;
  outline:0;
  padding-right:0;
  padding-left:0;
  cursor:pointer;
  height:100%
}

.rn-dropdown-button__menubutton:hover{
  background-color:#e3e3e3;
  -webkit-transition:background-color .1s linear;
  transition:background-color .1s linear
}

.rn-dropdown-button__menubutton:active{
  background-color:#e3e3e3;
  -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.15),0 0 0 #000;
          box-shadow:inset 0 0 2px rgba(0,0,0,.15),0 0 0 #000;
  -webkit-transition:background-color .1s linear;
  transition:background-color .1s linear
}

.rn-dropdown-button__menubutton:disabled{
  pointer-events:none;
  opacity:.6;
  -webkit-box-shadow:none;
          box-shadow:none
}

.rn-dropdown-button__menubutton-image{
  vertical-align:middle
}

.rn-dropdown-button__context-menu-container{
  position:relative;
  width:0;
  height:0
}

.rn-image__background--background{
  background-image:url(images/32f7e7b0a6985c22bb893a7dd189d808.png);
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center
}

.rn-image__background--nobackground{
  background-image:none;
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center
}

.rn-image__image{
  -ms-flex-item-align:center;
      align-self:center;
  width:100%;
  height:100%
}

.rn-insertion-indicator__line{
  position:absolute;
  background:#31a89f;
  pointer-events:none;
  z-index:10000
}

.rn-insertion-indicator__border{
  position:absolute;
  background:rgba(0,0,0,0);
  border-radius:5px;
  border:2px solid #31a89f;
  pointer-events:none;
  z-index:10000
}

.rn-network{
  width:100%;
  height:100%;
  position:relative
}

.rn-network__legend{
  position:absolute;
  bottom:10px;
  right:5px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-flow:column;
          flex-flow:column;
  -ms-flex-wrap:nowrap;
      flex-wrap:nowrap
}

.rn-network__legend-entry{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-flow:row;
          flex-flow:row;
  -ms-flex-wrap:nowrap;
      flex-wrap:nowrap;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center
}

.rn-network__legend-entry-icon{
  width:15px;
  height:15px;
  margin:2px;
  display:inline-block
}

.rn-network__legend-entry-label{
  display:inline-block;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  max-width:150px
}

.rn-network__vis-container{
  width:100%;
  height:100%
}

.rn-network_minimap__vis-container{
  position:absolute;
  right:-1px;
  top:-1px;
  width:100px;
  height:100px;
  background:#fff;
  border:1px solid #d3d3d3
}

.rn-network__vis_canvas-container{
  position:relative;
  overflow:hidden;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  width:100%;
  height:100%
}

.rn-network_minimap__vis_canvas-container{
  position:relative;
  overflow:hidden;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  width:100%;
  height:100%
}

.rn-network__vis_canvas{
  position:relative;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  width:100%;
  height:100%
}

.rn-network_minimap__vis_canvas{
  position:relative;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  width:100%;
  height:100%
}

.vis-network{
  outline:none
}

.rn-network__hide-nav-buttons .vis-up,.rn-network__hide-nav-buttons .vis-down,.rn-network__hide-nav-buttons .vis-left,.rn-network__hide-nav-buttons .vis-right{
  display:none !important
}

.rn-radial-progress-dial{
  -webkit-transform:rotate(-90deg);
          transform:rotate(-90deg)
}

.rn-radial-progress__meter-background{
  stroke:#e6e6e6;
  fill:none
}

.rn-radial-progress__meter-value{
  fill:none
}

.rn-task-progress{
  width:100%;
  height:100%;
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-flow:column;
          flex-flow:column;
  background:#fff
}

.rn-task-progress__header{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-flow:row;
          flex-flow:row;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  height:45px;
  border-bottom:1px solid #eee;
  background-color:#f7f7f7;
  min-height:16.42857143px;
  padding:15px 15px 10px;
  border-radius:0;
  color:#000
}

.rn-task-progress__header-title{
  -webkit-box-flex:1;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin:0;
  padding:0;
  font-size:1.4em;
  text-shadow:none;
  text-align:left;
  font-weight:normal;
  display:inline-block
}

.rn-task-progress__header-progress{
  -ms-flex-negative:0;
      flex-shrink:0;
  margin-right:5px
}

.rn-task-progress__header-cancel-all{
  -ms-flex-negative:0;
      flex-shrink:0;
  width:24px;
  height:24px;
  margin-right:5px;
  background-repeat:no-repeat;
  background-image:url(images/193924a5c323e7a59b6e77a73488b710.svg)
}

.rn-task-progress__tasks{
  width:100%;
  height:100%;
  overflow-y:auto
}

.rn-task-progress__task-container{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -ms-flex-wrap:nowrap;
      flex-wrap:nowrap;
  border-bottom:solid 1px #eee;
  padding:8px 0 8px 10px
}

.rn-task-progress__task-container:hover{
  background:#f8f8f8
}

.rn-task-progress__task-container-failed{
  cursor:pointer
}

.rn-task-progress__task-container-inprogress{
  cursor:wait
}

.rn-task-progress__task-container-queued{
  opacity:.8;
  cursor:wait
}

.rn-task-progress__task-icon{
  background-repeat:no-repeat;
  background-size:contain;
  height:24px;
  margin-right:15px;
  width:24px;
  -ms-flex-negative:0;
      flex-shrink:0;
  margin-left:10px
}

.rn-task-progress__task-status{
  margin-right:5px;
  min-width:80px
}

.rn-task-progress__task-name{
  -webkit-box-flex:1;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  overflow:hidden;
  text-overflow:ellipsis;
  margin-right:5px;
  white-space:nowrap
}

.rn-task-progress__task-progress{
  -ms-flex-negative:0;
      flex-shrink:0;
  min-width:24px;
  min-height:24px;
  margin-right:10px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  opacity:.8
}

.rn-task-progress__task-progress:hover{
  opacity:1
}

.rn-task-progress__task-progress-cancel-task{
  width:24px;
  height:24px;
  background-repeat:no-repeat;
  background-size:contain;
  background-image:url(images/193924a5c323e7a59b6e77a73488b710.svg)
}

.rn-task-progress__task-completed{
  width:24px;
  height:24px;
  background-repeat:no-repeat;
  background-size:contain;
  background-image:url(images/9f4e75797fd3d9148b49c20ef90cbfb2.svg)
}

.rn-task-progress__task-failed{
  width:24px;
  height:24px;
  background-repeat:no-repeat;
  background-size:contain;
  background-image:url(images/958bf4d1da0605cffa55868ca6e49129.svg)
}

.rn-task-progress__task-cancelled{
  width:24px;
  height:24px;
  background-repeat:no-repeat;
  background-size:contain;
  background-image:url(images/1a56fa137179cddb9b56c489d7cd965d.svg)
}

.rn-watermark{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  pointer-events:none
}

.rn-watermark__container{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:100%;
  height:100%
}

.rn-watermark__text{
  letter-spacing:2px;
  color:#999;
  font-weight:600
}
.rn-input-wrapper{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}

.rn-input-wrapper>*{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1
}

.rn-row-3-cols{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin:10px;
  padding-top:10px;
  padding-bottom:20px;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  border-bottom:1px solid rgba(0,0,0,.13);
  background-color:#fff
}

.rn-row-3-cols .rn-column{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:33%;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end
}

.rn-row-3-cols rn-column-1{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end;
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:flex-start
}

.rn-row-3-cols rn-column-2{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center
}

.rn-row-3-cols rn-column-3{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end;
  -webkit-box-align:end;
      -ms-flex-align:end;
          align-items:flex-end
}

.rn-row-4-cols{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin:10px;
  padding-top:10px;
  padding-bottom:20px;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  border-bottom:1px solid rgba(0,0,0,.13);
  background-color:#fff
}

.rn-row-4-cols .rn-column{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:25%;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end
}

.rn-row-4-cols rn-column-1{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end;
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:flex-start
}

.rn-row-4-cols rn-column-2{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center
}

.rn-row-4-cols rn-column-3{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center
}

.rn-row-4-cols rn-column-4{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end;
  -webkit-box-align:end;
      -ms-flex-align:end;
          align-items:flex-end
}
.rn-date-input{
  margin:5px
}

.rn-date-input__value{
  font-weight:bold
}
.rn-mandatory-marker{
  width:2px;
  visibility:visible;
  display:inline-block
}

.rn-mandatory-marker>img{
  height:24px;
  margin-top:1px;
  margin-bottom:1px;
  margin-right:1px
}

.rn-mandatory-marker.rn-mandatory-marker--hide{
  visibility:hidden
}
rn-task-bar{
  display:block
}

.rn-task-bar{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding:10px;
  background-color:#1e1f26
}

rn-task-bar-item{
  display:inline-block;
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1
}

.rn-task-bar-item{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:distribute;
      justify-content:space-around;
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  color:#fff
}

.rn-task-bar-item__content{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  padding:5px;
  max-width:25%;
  color:#fff
}

.rn-task-bar-item--error .rn-task-bar-item__content{
  color:red
}

.rn-task-bar-item--active .rn-task-bar-item__content{
  color:green
}
.rn-toggle-button{
  display:inline-block
}

.rn-toggle-button__container{
  position:relative;
  display:inline-block;
  width:39px;
  height:22px
}

input[type=checkbox].rn-toggle-button__input{
  opacity:0;
  width:0;
  height:0;
  pointer-events:none
}

.rn-toggle-button__slider{
  position:absolute;
  cursor:pointer;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#ccc;
  -webkit-transition:.4s;
  transition:.4s;
  border-radius:45px;
  pointer-events:none
}

.rn-toggle-button__slider:before{
  position:absolute;
  content:"";
  height:16px;
  width:16px;
  left:3px;
  bottom:3px;
  background-color:#fff;
  -webkit-transition:.4s;
  transition:.4s;
  border-radius:50%
}

.rn-toggle-button__input:checked+.rn-toggle-button__slider{
  background-color:#5bffce
}

.rn-toggle-button__input:focus+.rn-toggle-button__slider{
  -webkit-box-shadow:0 0 1px #5bffce;
          box-shadow:0 0 1px #5bffce
}

.rn-toggle-button__input:checked+.rn-toggle-button__slider:before{
  -webkit-transform:translateX(17px);
          transform:translateX(17px)
}
.rn-vertical-splitter{
  -webkit-box-flex:0;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
  width:5px;
  cursor:col-resize;
  background-color:#789
}

.rn-vertical-splitter.splitter-active{
  background-color:blue
}
.rn-btn{
  border-radius: 0.25rem;
  font-weight: 700;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem
}

.rn-btn-primary{
  --bg-opacity: 1;
  background-color: #2CB1CB;
  background-color: rgba(44, 177, 203, var(--bg-opacity));
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity))
}

.rn-btn-primary:hover{
  --bg-opacity: 1;
  background-color: #2CB1CB;
  background-color: rgba(44, 177, 203, var(--bg-opacity));
  --text-opacity: 1;
  color: #000000;
  color: rgba(0, 0, 0, var(--text-opacity))
}

.rn-btn-blue{
  --bg-opacity: 1;
  background-color: #3f83f8;
  background-color: rgba(63, 131, 248, var(--bg-opacity))
}

.rn-btn-blue:hover{
  --bg-opacity: 1;
  background-color: #1a56db;
  background-color: rgba(26, 86, 219, var(--bg-opacity))
}

.rn-btn-original{
  border-width: 1px;
  display: inline-block;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap
}

.rn-btn-link{
  background-color: transparent;
  font-weight: 400;
  --text-opacity: 1;
  color: #3f83f8;
  color: rgba(63, 131, 248, var(--text-opacity))
}

.rn-btn-sm{
  height: auto;
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 0.25rem
}
.uib-btn{
  border-radius: 0.25rem;
  font-weight: 700;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem
}

.uib-btn-default{
  --bg-opacity: 1;
  background-color: #1c64f2;
  background-color: rgba(28, 100, 242, var(--bg-opacity));
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity))
}

.uib-btn-default:hover{
  --bg-opacity: 1;
  background-color: #76a9fa;
  background-color: rgba(118, 169, 250, var(--bg-opacity));
  --text-opacity: 1;
  color: #000000;
  color: rgba(0, 0, 0, var(--text-opacity))
}

.uib-btn-red{
  --bg-opacity: 1;
  background-color: #e02424;
  background-color: rgba(224, 36, 36, var(--bg-opacity));
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity))
}

.uib-btn-red:hover{
  --bg-opacity: 1;
  background-color: #f98080;
  background-color: rgba(249, 128, 128, var(--bg-opacity));
  --text-opacity: 1;
  color: #000000;
  color: rgba(0, 0, 0, var(--text-opacity))
}

.uib-btn-sm{
  height: auto;
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 0.25rem
}

.uib-panel{
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  border-radius: 0.25rem;
  border-width: 1px;
  border-width: 1px;
  margin-bottom: 1.25rem;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
}

.uib-panel-default{
  --border-opacity: 1;
  border-color: #9fa6b2;
  border-color: rgba(159, 166, 178, var(--border-opacity))
}

.uib-panel-heading{
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-bottom-width: 1px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  --text-opacity: 1;
  color: #000000;
  color: rgba(0, 0, 0, var(--text-opacity))
}

.uib-panel-title{
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-top: 0;
  margin-bottom: 0
}

.uib-panel-body{
  padding: 1rem
}

.uib-panel-footer{
  --bg-opacity: 1;
  background-color: #6b7280;
  background-color: rgba(107, 114, 128, var(--bg-opacity));
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-width: 1px;
  padding: 1rem
}

.uib-panel-group .uib-panel{
  border-radius: 0.25rem;
  margin-bottom: 0;
  overflow: hidden
}

.uib-panel-group .uib-panel+.uib-panel{
  margin-top: 0.5rem
}

.uib-panel-group .uib-panel-heading{
  border-bottom-width: 0
}

.uib-panel-group .uib-panelfooter+.uib-panel-collapse .uib-panel-body{
  border-bottom-width: 1px
}

.uib-panel-default>.uib-panel-heading{
  --bg-opacity: 1;
  background-color: #d2d6dc;
  background-color: rgba(210, 214, 220, var(--bg-opacity));
  --border-opacity: 1;
  border-color: #9fa6b2;
  border-color: rgba(159, 166, 178, var(--border-opacity));
  --text-opacity: 1;
  color: #252f3f;
  color: rgba(37, 47, 63, var(--text-opacity))
}

.uib-panel-danger>.uib-panel-heading{
  --bg-opacity: 1;
  background-color: #f05252;
  background-color: rgba(240, 82, 82, var(--bg-opacity));
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity))
}
@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.feedback-form-bg {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.5);
}

.feedback-form {
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  position: relative;
  background-color: #fff;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none;
  color: #555;
  position: absolute;
  bottom: 4%;
  right: 4%;
  z-index: 100000;
  height: auto !important;
  width: 400px !important;
}

.sp-mobile-device .feedback-form {
  border-radius: 0;
}

.feedback-form .body {
  position: relative;
  padding: 10px 15px;
  overflow-y: auto;
  vertical-align: middle;
  width: 100%;
}

.feedback-form .footer {
  padding: 10px;
  display: block;
  margin-top: 0;
  text-align: right;
  border-top: none;
  background-color: #ddd;
  border-radius: 0;
}

.feedback-form .footer button {
  height: 27px;
  margin-right: 3px;
}

.feedback-form .footer button:last-child {
  margin-right: 0;
}

.feedback-form .comments {
  width: 100%;
}

.feedback-form .comments textarea {
  width: 100%;
  height: 150px;
  resize: none;
}

.feedback-form .field .title {
  font-size: 14px;
  margin-top: 10px;
}

.feedback-form .field .content input[type="file"] {
  width: 100%;
  padding: 2px;
  vertical-align: middle;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.busyIndicator-view .fullSize {
  width: 100%;
  height: 100%;
}

.busyIndicator-view .busyIndicatorProgressBar {
  margin-bottom: 2px;
  margin-top: 0;
  padding: 0;
}

.busyIndicator-view .centerText {
  text-align: center;
}

.busyIndicator-view .spinnerText {
  margin-left: 5px;
  text-align: center;
}

.busyIndicator-view .spinnerTextContainer {
  display: table-cell;
  vertical-align: middle;
}

.busyIndicator-view .busyIndicatorBackdropPlacement {
  z-index: 940;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  position: absolute;
}

.busyIndicator-view .busyIndicatorBackdropPlacement.fade {
  opacity: 0;
}

.busyIndicator-view .busyIndicatorBackdropPlacement,
.busyIndicator-view .busyIndicatorBackdropPlacement.fade.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.busyIndicator-view .progressIndicatorContainer {
  display: block;
  vertical-align: middle;
  padding: 5px;
}

.busyIndicator-view .busyIndicatorPopupPlacement {
  z-index: 990;
  width: 150px;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  /* IE6-7 */
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  background-clip: padding-box;
  outline: none;
}

.biCenteringContainer {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal.fade {
  opacity: 1;
}

.modal.fade .modal-dialog,
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.modal-backdrop {
  opacity: 0.5 !important;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.spNavContainerPickerDialog {
  height: 100%;
  width: 100%;
  position: relative;
}

.spNavContainerPickerDialog .spNavContainerPickerDialogBody {
  height: calc(100% - 90px);
  position: relative;
}

.spNavContainerPickerDialog .spNavContainerPickerDialogFooter {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.spNavContainerPickerDialog .filterBlock {
  position: absolute;
  top: 5px;
  left: 15px;
  right: 15px;
}

.spNavContainerPickerDialog .verticalAlignMiddle {
  vertical-align: middle;
}

.spNavContainerPickerDialog .displayInlineBlock {
  display: inline-block;
}

.spNavContainerPickerDialog .centeredInlineBlock {
  vertical-align: middle;
  display: inline-block;
}

.spNavContainerPickerDialog .centeredDropDown {
  vertical-align: middle;
}

.spNavContainerPickerDialog .spNavContainerPickerDialog__applicationLabel {
  vertical-align: middle;
  font-weight: bold;
}

.spNavContainerPickerDialog .applicationsDropdown {
  width: 200px;
}

.spNavContainerPickerDialog .labelBlockMedium {
  vertical-align: middle;
  display: inline-block;
  width: 120px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.spNavContainerPickerDialog .navLink {
  margin: 0;
  text-shadow: none;
  text-decoration: none;
  display: block;
  color: #555;
  white-space: nowrap;
  line-height: normal;
  -webkit-transition: all ease-out 0.15s;
  transition: all ease-out 0.15s;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.spNavContainerPickerDialog .navLink .typeIcon {
  margin-top: -4px;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  padding: 6px;
  border-radius: 2px;
}

.spNavContainerPickerDialog .navLink:hover {
  font-style: italic;
}

.spNavContainerPickerDialog .selectedNode {
  font-weight: bold;
}

.spNavContainerPickerDialog .navNodeBlock {
  overflow-y: auto;
  position: absolute;
  top: 50px;
  left: 10px;
  right: 10px;
  bottom: 25px;
  border-top: 1px solid #ddd;
}

.spNavContainerPickerDialog .currentPathBlock {
  position: absolute;
  background-color: #ddd;
  bottom: 0;
  left: 0;
  right: 0;
  padding-left: 10px;
  padding-top: 5px;
  height: 25px;
}

.spNavContainerPickerDialog .navNodeList {
  margin-bottom: 0;
  margin-top: 10px;
  padding-left: 0;
  list-style: none;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.entitySaveAsDialog .modal-body .nameLabel {
  width: 140px;
  vertical-align: top;
}

.entitySaveAsDialog .modal-body .sectionLabel {
  width: 140px;
  vertical-align: top;
  margin-top: 5px;
}

.entitySaveAsDialog .modal-body .nameInput {
  width: 420px;
}

.entitySaveAsDialog .modal-body .navSection-container {
  display: inline-block;
}

.entitySaveAsDialog .modal-body .navSectionPicker {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 420px;
  display: inline-block;
}

.entitySaveAsDialog .alerter {
  margin: 0 5px 0 0;
  position: static;
  height: auto;
  font-size: 1em;
  background-color: #ffe6e1;
  color: #f94945;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.sp-field-validator .validation-message {
  margin: 2px 0;
  color: #fff;
  margin-left: 0;
  background-color: #f94945;
  display: inline-block;
  padding: 2px 8px;
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
  background-image: url(assets/images/mandatory.png);
  background-position: bottom -6px;
  border-radius: 0 5px 5px 5px;
  -webkit-border-radius: 0 5px 5px 5px;
  border-bottom: 1px solid #de646a;
  border-right: 1px solid #de646a;
}

rn-expression-editor .CodeMirror.cm-s-readinow{
  -webkit-box-flex:1;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  height:100%;
  background-color:#fff;
  border:solid 1px #ccc;
  border-radius:2px;
  font-size:12px;
  color:#4f565b;
  font-family:"Courier New",-apple-system,monospace
}

rn-expression-editor .CodeMirror.cm-s-readinow .CodeMirror-matchingbracket{
  color:#000;
  background-color:#dbe0cc
}

rn-expression-editor .CodeMirror.cm-s-readinow .CodeMirror-hints.readinow{
  z-index:9999;
  font-size:12px;
  color:#4f565b
}

rn-expression-editor .CodeMirror.cm-s-readinow .cm-keyword{
  color:blue
}

rn-expression-editor .CodeMirror.cm-s-readinow .cm-builtin{
  color:blue
}

rn-expression-editor .CodeMirror.cm-s-readinow .cm-dateliteral{
  color:#800
}

rn-expression-editor .CodeMirror.cm-s-readinow .cm-string{
  color:#800
}

rn-expression-editor .CodeMirror.cm-s-readinow .cm-atom{
  color:#888
}

rn-expression-editor .CodeMirror.cm-s-readinow .cm-number{
  color:#000
}

rn-expression-editor .CodeMirror.cm-s-readinow .cm-string-2{
  color:#f0f
}

rn-expression-editor .CodeMirror.cm-s-readinow .cm-comment{
  color:#080
}

rn-expression-editor .CodeMirror.cm-s-readinow .cm-variable-1{
  color:#000
}

rn-expression-editor .CodeMirror.cm-s-readinow .cm-variable-2{
  color:#05a
}

rn-expression-editor.disabled .cm-s-readinow{
  background-color:#f5f5f5
}

.rn-expr-editor{
  min-width:70px
}

.rn-expr-editor--with-expander rn-expression-editor .cm-s-readinow{
  border-bottom-right-radius:0;
  border-top-right-radius:0
}

rn-expression-editor.rn-expr-editor-dialog--with-menu .cm-s-readinow{
  border-top-left-radius:0;
  border-top-right-radius:0;
  border-top-width:0
}

.rn-expr-editor__editor{
  min-height:28px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-flex:1;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row
}

.rn-expr-editor__editor .rn-expr-editor__expander{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-flex:0;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
  -webkit-box-align:end;
      -ms-flex-align:end;
          align-items:flex-end;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  cursor:pointer;
  min-width:20px;
  padding-bottom:8px;
  background-color:#f5f5f5;
  border-style:solid;
  border-color:#ccc;
  border-width:1px 1px 1px 0;
  border-top-left-radius:0;
  border-bottom-left-radius:0;
  border-top-right-radius:2px;
  border-bottom-right-radius:2px
}

.rn-expr-editor__editor .rn-expr-editor__expander--hover,.rn-expr-editor__editor .rn-expr-editor__expander:hover,.rn-expr-editor__editor .rn-expr-editor__expander:active{
  background-color:#e5e5e5
}

.rn-expr-editor__editor .rn-expr-editor__expander--disabled,.rn-expr-editor__editor .rn-expr-editor__expander[disabled]{
  display:none
}

.rn-expr-editor__buttons{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-flex:0;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end
}

.rn-expr-editor__buttons .rn-expr-editor__button{
  min-height:26px;
  margin-top:4px;
  margin-left:4px;
  padding:3px 12px;
  background-color:#f5f5f5;
  border-style:solid;
  border-color:#ccc;
  border-width:1px;
  border-radius:2px
}

.rn-expr-editor__buttons .rn-expr-editor__button--hover,.rn-expr-editor__buttons .rn-expr-editor__button:hover,.rn-expr-editor__buttons .rn-expr-editor__button:active{
  background-color:#e5e5e5;
  outline:none
}

.rn-expr-editor__buttons .rn-expr-editor__button--disabled,.rn-expr-editor__buttons .rn-expr-editor__button[disabled]{
  background-color:#f5f5f5;
  cursor:default;
  opacity:.5
}

.rn-expr-editor__buttons .rn-expr-editor__button--toggled{
  background-color:#e5e5e5;
  -webkit-box-shadow:2px 2px 3px 0 rgba(0,0,0,.1333333333) inset;
          box-shadow:2px 2px 3px 0 rgba(0,0,0,.1333333333) inset
}

.rn-expr-editor-parameter-hint{
  font-style:italic
}

.rn-expr-editor-code-error{
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjEuNWRHWFIAAAAcSURBVBhXY/j//z8CMwARiIBxQDRcBkz//88AADkkH+H0w7XRAAAAAElFTkSuQmCC) bottom repeat-x
}

.rn-expr-editor-code-warning{
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjEuNWRHWFIAAAAbSURBVBhXY/j//z8cM6hBCRgHTCNz/v//zwAAQJwgeSOAAgIAAAAASUVORK5CYII=) bottom repeat-x
}

.rn-expr-editor-dialog__button{
  min-height:30px;
  min-width:65px;
  margin-left:4px
}

.rn-expr-editor-dialog__menu-button{
  min-width:32px;
  border-top-style:solid;
  border-bottom-style:solid;
  border-left-style:dotted;
  border-right-style:none
}

.rn-expr-editor-dialog__menu-button:first-child{
  border-left-style:solid
}

.rn-expr-editor-dialog__menu-button:last-child{
  border-right-style:solid
}

.rn-expr-editor-dialog__menu-button:hover{
  border-bottom:2px #55acee solid;
  margin-bottom:-1px
}

.rn-expr-editor-dialog__menu-button:focus{
  outline:0
}

.rn-expr-editor-dialog__menu-button--disabled,.rn-expr-editor-dialog__menu-button:disabled,.rn-expr-editor-dialog__menu-button[disabled=disabled]{
  pointer-events:none;
  opacity:.6
}

.rn-expr-editor-dialog__menu-button--toggled{
  -webkit-box-shadow:2px 2px 3px 0 rgba(0,0,0,.1333333333) inset;
          box-shadow:2px 2px 3px 0 rgba(0,0,0,.1333333333) inset
}

rn-expression-editor-snippets .rn-expression-editor-popup__search,rn-expression-editor-parameters .rn-expression-editor-popup__search,rn-expression-editor-functions .rn-expression-editor-popup__search{
  border-radius:2px;
  border-style:solid;
  border-width:1px;
  border-color:#eee
}

rn-expression-editor-snippets .rn-expression-editor-popup__search::-webkit-input-placeholder, rn-expression-editor-parameters .rn-expression-editor-popup__search::-webkit-input-placeholder, rn-expression-editor-functions .rn-expression-editor-popup__search::-webkit-input-placeholder{
  font-style:italic
}

rn-expression-editor-snippets .rn-expression-editor-popup__search::-moz-placeholder, rn-expression-editor-parameters .rn-expression-editor-popup__search::-moz-placeholder, rn-expression-editor-functions .rn-expression-editor-popup__search::-moz-placeholder{
  font-style:italic
}

rn-expression-editor-snippets .rn-expression-editor-popup__search:-ms-input-placeholder, rn-expression-editor-parameters .rn-expression-editor-popup__search:-ms-input-placeholder, rn-expression-editor-functions .rn-expression-editor-popup__search:-ms-input-placeholder{
  font-style:italic
}

rn-expression-editor-snippets .rn-expression-editor-popup__search::-ms-input-placeholder, rn-expression-editor-parameters .rn-expression-editor-popup__search::-ms-input-placeholder, rn-expression-editor-functions .rn-expression-editor-popup__search::-ms-input-placeholder{
  font-style:italic
}

rn-expression-editor-snippets .rn-expression-editor-popup__search::placeholder,rn-expression-editor-parameters .rn-expression-editor-popup__search::placeholder,rn-expression-editor-functions .rn-expression-editor-popup__search::placeholder{
  font-style:italic
}

rn-expression-editor-snippets .rn-expression-editor-popup__close,rn-expression-editor-parameters .rn-expression-editor-popup__close,rn-expression-editor-functions .rn-expression-editor-popup__close{
  border:0
}

rn-expression-editor-snippets .rn-expression-editor-popup__close:hover,rn-expression-editor-parameters .rn-expression-editor-popup__close:hover,rn-expression-editor-functions .rn-expression-editor-popup__close:hover{
  background-color:#eee
}

rn-expression-editor-snippets .rn-expression-editor-popup__external,rn-expression-editor-parameters .rn-expression-editor-popup__external,rn-expression-editor-functions .rn-expression-editor-popup__external{
  border:0;
  outline:0
}

rn-expression-editor-snippets .rn-expression-editor-popup__external:focus,rn-expression-editor-parameters .rn-expression-editor-popup__external:focus,rn-expression-editor-functions .rn-expression-editor-popup__external:focus{
  outline:0
}

rn-expression-editor-snippets .rn-expression-editor-popup__external:hover,rn-expression-editor-parameters .rn-expression-editor-popup__external:hover,rn-expression-editor-functions .rn-expression-editor-popup__external:hover{
  opacity:.8
}

rn-expression-editor-snippets .rn-expression-editor-popup__container,rn-expression-editor-parameters .rn-expression-editor-popup__container,rn-expression-editor-functions .rn-expression-editor-popup__container{
  max-height:400px
}

rn-expression-editor-snippets .panel,rn-expression-editor-parameters .panel,rn-expression-editor-functions .panel{
  border:0;
  border-top:1px solid #eee;
  -webkit-box-shadow:none;
          box-shadow:none
}

rn-expression-editor-snippets .panel-group .panel,rn-expression-editor-parameters .panel-group .panel,rn-expression-editor-functions .panel-group .panel{
  border-radius:0
}

rn-expression-editor-snippets .panel-group .panel+.panel,rn-expression-editor-parameters .panel-group .panel+.panel,rn-expression-editor-functions .panel-group .panel+.panel{
  margin:0
}

rn-expression-editor-snippets .panel-heading,rn-expression-editor-parameters .panel-heading,rn-expression-editor-functions .panel-heading{
  padding:7px 10px
}

rn-expression-editor-snippets .panel-default>.panel-heading,rn-expression-editor-parameters .panel-default>.panel-heading,rn-expression-editor-functions .panel-default>.panel-heading{
  background-color:rgba(0,0,0,0)
}

rn-expression-editor-snippets .panel-default>.panel-heading:hover,rn-expression-editor-parameters .panel-default>.panel-heading:hover,rn-expression-editor-functions .panel-default>.panel-heading:hover{
  background-color:#eee
}

rn-expression-editor-snippets .panel-body,rn-expression-editor-parameters .panel-body,rn-expression-editor-functions .panel-body{
  padding:0
}

rn-expression-editor-snippets .panel-title>a:focus,rn-expression-editor-parameters .panel-title>a:focus,rn-expression-editor-functions .panel-title>a:focus{
  outline:0
}

.rn-sunset-70{
  background-image:linear-gradient(130deg, #fdba74 7%, #f43f5e 50%, #9333ea)
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__header{
  font-size:17px
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__header img{
  width:1.75rem;
  height:1.75rem
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__close{
  color:#374151
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__close:hover{
  background:#eeeff2
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__close:active{
  background:#e5e7eb
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__close:focus-visible{
  -webkit-box-shadow:0px 0px 0px 0px #fff,0px 0px 0px 2px #30abf8,0px 0px 0px 0px #000;
          box-shadow:0px 0px 0px 0px #fff,0px 0px 0px 2px #30abf8,0px 0px 0px 0px #000
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__close i{
  font-size:1rem;
  font-weight:400;
  width:1.25rem;
  height:1.25rem;
  line-height:1.25rem
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__container{
  min-height:300px
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__container>div:first-child{
  border-color:#d1d5db
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__container>div:last-child label{
  color:#1f2937
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__container>div:last-child input{
  background-color:#f9fafb
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__container input:-moz-read-only{
  cursor:not-allowed;
  opacity:.5
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__container input:read-only,rn-expression-editor-ai-generate .rn-expression-editor-popup__container button:disabled:not(.generateButton--loading){
  cursor:not-allowed;
  opacity:.5
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__container textarea{
  color:#1f2937;
  border-color:#d1d5db;
  min-height:78px
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__container textarea:focus-within{
  border-color:#009e96
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__container textarea:focus-visible{
  outline:none
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__container textarea.promptText__error{
  border-color:#b91c1c
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__container #generateButton{
  background-color:#f3f4f6
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__container #generateButton:hover{
  background-color:#e5e7eb
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__container #generateButton span{
  background-image:linear-gradient(130deg, #fdba74 7%, #f43f5e 27%, #4f46e5 70%, #14b8a6)
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__container #insertButton{
  color:#142733;
  background-color:#d4f0ee
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__container #insertButton:hover{
  background-color:#96dfda
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__container #insertButton span{
  background-image:linear-gradient(130deg, #fdba74 7%, #f43f5e 27%, #4f46e5 70%, #14b8a6)
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__errorHelpText{
  color:#b91c1c;
  padding-left:.875rem
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__inlineMessage{
  background-color:#fef2f2;
  border:1px solid #b91c1c;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:.625rem;
  padding:.5rem
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__inlineMessage i{
  -ms-flex-item-align:start;
      align-self:flex-start;
  color:#dc2626;
  line-height:20px
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__inlineMessage span{
  color:#1f2937
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__inlineMessage.rn-expression-editor-popup__warningMessage{
  background-color:#fffbeb;
  border:1px solid #b45309
}

rn-expression-editor-ai-generate .rn-expression-editor-popup__inlineMessage.rn-expression-editor-popup__warningMessage i{
  color:#f59e0b
}
.expression-editor-control.disabled .CodeMirror {
  background-color: #f5f5f2;
}

.expression-editor-control .control-row .btnCalc {
  text-align: right;
  margin-top: 4px;
}

.expression-editor-control .error {
  color: #ff4343;
}

.expression-editor-control .CodeMirror {
  background-color: #fff;
  border: solid 1px #ccc;
  border-radius: 2px;
  font-size: 12px;
  color: #4f565b;
  font-family: "Courier New", -apple-system, monospace;
  /* overridden for workflow inputs in workflowPropertiesForm.less */
}

.workflow-expression-control .expression-editor-control .CodeMirror {
  height: 24px;
}

.expression-editor-control .functions .clearfix {
  text-align: right;
  padding: 3px 0;
}

.expression-editor-control .functions .clearfix input[type="text"] {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: -4px;
  min-height: inherit;
  height: 24px;
}

.expression-editor-control .functions .clearfix input[type="text"] + .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.expression-editor-control .content table tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.expression-editor-control .content table tr.category {
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 3px 0;
  font-size: 11px;
  font-weight: bold;
  line-height: 2em;
}

.CodeMirror-hints.readinow {
  z-index: 9999;
  font-size: 12px;
  color: #4f565b;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

/* dropdown-submenu deprecated in bootstrap 3.0 */

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-left-color: #5e5e5e;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  margin-top: 6px;
  margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
  border-left-color: #5d5d5d;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}

.contextmenu-backdrop {
  z-index: 1900;
  opacity: 0.5;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -ms-touch-action: none;
      touch-action: none;
}

.sp-mobile-device .contextmenu-backdrop {
  background-color: rgba(0, 0, 0, 0.7);
}

.contextMenuScrollable {
  max-height: 450px;
  overflow-y: auto;
}

.contextmenu-view {
  font-size: 1em;
  border-top-width: 1px;
  z-index: 50000;
  -ms-touch-action: none;
      touch-action: none;
  max-width: 30em;
}

.contextmenu-view .contextMenuDivider {
  height: 0;
  margin: 0;
}

.contextmenu-view .contextMenuDividerOuter {
  padding: 0 0;
}

.contextmenu-view .contextMenuDividerInner {
  height: 1px;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ccc;
}

.contextmenu-view .menuItem {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
}

.contextmenu-view .menuItem:focus {
  outline: none;
}

.contextmenu-view .menuItem span {
  font-size: 13px;
  line-height: 1.45em;
  vertical-align: middle;
}

.contextmenu-view .menuIcon {
  margin-right: 10px;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  background-position: center center;
  background-size: contain;
}

.contextmenu-view .submenuItemTouch {
  font-weight: bold;
}

.contextmenu-view .iconPanel {
  background-color: #f5f5f5;
  width: 26px;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.contextmenu-view .iconPanelVerticalDivider {
  width: 0;
  height: 100%;
  background-color: #e5e5e5;
  right: 0;
  left: auto;
  position: absolute;
  border-right: 0 solid #ddd;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.sp-tool-box img {
  display: inline-block;
  opacity: 0.7;
  padding: 4px 3px;
  color: #fff;
}

.sp-tool-box img:hover {
  text-decoration: none;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.1);
}

.directive {
  margin: 5px 0 25px;
  /* Styling for the ngProgress-container */
}

.directive .spProgress {
  height: 16px;
  z-index: 99998;
  background-color: #78c335;
  border-radius: 5px;
  border-bottom: 1px solid #5f9b2a;
  -webkit-box-shadow: 0 1px 0 #92d259 inset;
          box-shadow: 0 1px 0 #92d259 inset;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.directive .spProgress-container {
  background-color: #f5f5f5;
  -webkit-box-shadow: 0 1px 2px #ccc inset;
          box-shadow: 0 1px 2px #ccc inset;
  border-radius: 6px;
  width: 100%;
}

.directive progress {
  opacity: 0.7;
}

.spClickToEdit-View {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.valueEditor-view .title-plus-markers {
  display: none;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.analyzerButton-view {
  display: inline-block;
  border-right: 3px;
}

.analyzerButton-view .analyzerButtonNoFilters {
  width: 12px;
  height: 12px;
  display: inherit;
  display: inline-block;
  background: url("assets/images/analyzerNoFilters.png") no-repeat center center;
}

.analyzerButton-view .analyzerButtonActiveFilters {
  width: 12px;
  height: 12px;
  display: inline-block;
  background: url("assets/images/analyzerNoFilters.png") no-repeat center center;
}

.sp-tablet-device .analyzerButton-view .analyzerButtonActiveFilters {
  height: 40px;
  width: 38px;
  margin: -7px -5px -6px;
}

.analyzerButton-view .analyzerButtonActiveFilters:after {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  -webkit-box-shadow: 0 0 3px 1px rgba(119, 219, 255, 0.8);
          box-shadow: 0 0 3px 1px rgba(119, 219, 255, 0.8);
  background-color: #0282ff;
  border-radius: 50%;
  margin-right: -17px;
  margin-bottom: -8px;
}

.sp-tablet-device .analyzerButton-view .analyzerButtonActiveFilters:after {
  margin-bottom: -22px;
}

.analyzer-view {
  height: 100%;
}

.analyzer-view .marginright {
  margin-right: 5px;
}

.analyzer-view .conditionsPanel {
  padding: 10px;
  height: calc(100% - 40px);
}

.analyzer-view .conditionsColumnLeft {
  height: 100%;
  overflow-y: auto;
}

.analyzer-view .conditionsColumnRight {
  height: 100%;
  overflow-y: auto;
}

.analyzer-view .footerPanel {
  height: auto;
  width: 100%;
  vertical-align: middle;
  position: absolute;
  bottom: 0;
  display: inline-block;
  padding: 5px 10px;
  background-color: #ddd;
}

.analyzer-view .footerPanel:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-left: 8px;
}

.analyzer-view .analyzerCentered {
  display: inline-block;
  vertical-align: middle;
  float: right;
}

.analyzer-view .analyzerCentered button {
  height: 27px;
  padding: 2px 12px 5px;
}

.analyzer-view .verticalAlignMiddle {
  vertical-align: middle;
}

.analyzer-view .divider {
  display: none;
  height: 1px;
  margin: 7px 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #fff;
}

.analyzer-view .analyzerButtonText {
  vertical-align: middle;
}

.analyzer-view .analyzerFieldEditMode {
  height: 30px;
}

.analyzer-view .analyzerFieldEditMode:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
}

.analyzer-view .analyzerFieldEditMode:hover .analyzerRemoveFieldButton {
  display: inline-block;
}

.analyzer-view .analyzerFieldEditMode:hover .analyzerConfigFieldButton {
  display: inline-block;
}

.analyzer-view .analyzerFieldEditMode .analyzerRemoveFieldButton {
  display: none;
}

.analyzer-view .analyzerFieldEditMode .analyzerConfigFieldButton {
  display: none;
}

.analyzer-view .analyzerFieldEditModeHidden .analyzerFieldLeftContainer,
.analyzer-view .analyzerFieldEditModeHidden .operatorSelect,
.analyzer-view .analyzerFieldEditModeHidden .valueEditorContainerStyle {
  opacity: 0.6;
}

.analyzer-view .analyzerField {
  width: auto;
  height: 30px;
}

.analyzer-view .analyzerFieldText {
  vertical-align: middle;
  display: inline-block;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #666;
  font-size: 12px;
}

.analyzer-view .operatorSelect {
  vertical-align: middle;
  padding: 0;
  margin: 0;
  width: 100px;
}

.analyzer-view .analyzerFieldContainer {
  vertical-align: middle;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0.8em;
}

.sp-tablet-device .analyzer-view .analyzerFieldContainer {
  font-size: 1em;
}

.analyzer-view .analyzerFieldLeftContainer {
  position: relative;
  float: left;
  height: 100%;
  width: 132px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
}

.analyzer-view .analyzerFieldRightContainer {
  position: relative;
  height: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}

.analyzer-view .analyzerFieldRightContainer select {
  height: 27px;
}

.sp-tablet-device .analyzer-view .analyzerFieldRightContainer select {
  min-height: inherit;
  background-color: #fdfdfd;
  padding: 0 10px;
}

.analyzer-view .analyzerFieldRightContainer input[type="checkbox"]:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.analyzer-view .analyzerFieldTable {
  display: table;
  height: 100%;
  width: auto;
}

.analyzer-view .analyzerFieldTableCell {
  display: table-cell;
  vertical-align: middle;
}

.analyzer-view .analyzerRemoveFieldButton {
  line-height: 9px;
  opacity: 0.3;
  filter: alpha(opacity=20);
  padding: 3px;
  cursor: pointer;
  background: transparent;
  border: 0;
  vertical-align: middle;
  -webkit-appearance: none;
}

.analyzer-view .analyzerRemoveFieldButton:hover {
  text-decoration: none;
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=100);
}

.analyzer-view .analyzerConfigFieldButton {
  line-height: 9px;
  opacity: 0.3;
  filter: alpha(opacity=20);
  padding: 3px;
  cursor: pointer;
  background: transparent;
  border: 0;
  vertical-align: middle;
  -webkit-appearance: none;
  background-color: #1dd000;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}

.analyzer-view .analyzerConfigFieldButton:hover {
  text-decoration: none;
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #1dd000;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}

.analyzer-view .valueEditorContainerStyle {
  width: 260px;
  display: inline-block;
  vertical-align: top;
}

.analyzer-view .valueEditorContainerStyle .sp-dropdown-button {
  line-height: normal;
  height: 27px;
}

.analyzer-view .analyzerResetButtonIcon {
  vertical-align: middle;
  width: 12px;
  height: 10px;
  background-image: url("assets/images/reset.png");
  background-repeat: no-repeat;
  display: inline-block;
}

.analyzer-view .valueEditorStyle input {
  width: 100%;
}

.analyzer-view .valueEditorStyle input[type="text"] {
  margin: 0;
}

.analyzer-view .valueEditorStyle button {
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 3px 12px;
  font-size: 12px;
  line-height: 1em;
  cursor: pointer;
  background-color: #414141;
  color: #ededed;
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  border: 1px solid #3c3c3c;
  border-bottom-color: #343434;
  border-radius: 3px;
  background-color: #f0f0f0;
  border-color: #bdbdbd;
  border-bottom-color: #c0c0c0;
  color: #606060;
  background-color: #fdfdfd;
  height: 27px;
  padding: inherit;
  width: 33px;
}

.analyzer-view .valueEditorStyle button:hover,
.analyzer-view .valueEditorStyle button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.analyzer-view .valueEditorStyle button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.analyzer-view .valueEditorStyle button.active,
.analyzer-view .valueEditorStyle button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.analyzer-view .valueEditorStyle button.disabled,
.analyzer-view .valueEditorStyle button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.analyzer-view .valueEditorStyle button.disabled img,
.analyzer-view .valueEditorStyle button[disabled] img {
  opacity: 0.4;
}

.analyzer-view .valueEditorStyle button:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.analyzer-view .valueEditorStyle button:hover,
.analyzer-view .valueEditorStyle button:focus {
  color: #333;
  text-decoration: none;
}

.analyzer-view .valueEditorStyle button:active,
.analyzer-view .valueEditorStyle button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.analyzer-view .valueEditorStyle button.disabled,
.analyzer-view .valueEditorStyle button[disabled],
fieldset[disabled] .analyzer-view .valueEditorStyle button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.analyzer-view .valueEditorStyle button:hover,
.analyzer-view .valueEditorStyle button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.analyzer-view .valueEditorStyle button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.analyzer-view .valueEditorStyle button.active,
.analyzer-view .valueEditorStyle button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.analyzer-view .valueEditorStyle button.disabled,
.analyzer-view .valueEditorStyle button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.analyzer-view .valueEditorStyle button.disabled img,
.analyzer-view .valueEditorStyle button[disabled] img {
  opacity: 0.4;
}

.sp-mobile-device .analyzer-view .valueEditorStyle button,
.sp-tablet-device .analyzer-view .valueEditorStyle button {
  min-height: 40px;
  min-width: 40px;
  font-size: initial;
}

.analyzer-view .valueEditorStyle button:hover,
.analyzer-view .valueEditorStyle button:focus {
  color: #2b2b2b;
  text-decoration: none;
  background-color: #e3e3e3;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.analyzer-view .valueEditorStyle button:focus {
  background-color: #f0f0f0;
  outline: none;
  border: 1px solid #bdbdbd;
}

.analyzer-view .valueEditorStyle button.active,
.analyzer-view .valueEditorStyle button:active {
  background-image: none;
  background-color: #e3e3e3;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
  box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
}

.analyzer-view .valueEditorStyle button.disabled,
.analyzer-view .valueEditorStyle button[disabled] {
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.analyzer-view .valueEditorStyle button.disabled img,
.analyzer-view .valueEditorStyle button[disabled] img {
  opacity: 0.4;
}

.analyzer-view .valueEditorStyle button [class^="icon-"] {
  margin-top: -1px;
}

.analyzer-view .valueEditorStyle button:hover {
  background-color: #fff;
}

.analyzer-view .valueEditorStyle .sp-currency-control .prefix {
  margin-left: 3px;
}

.analyzer-view .valueEditorStyle .sp-currency-control .prefix + span > input[type="text"] {
  width: 95%;
}

.inlineRelPicker button.inlineRelPicker-button {
  background-color: #f5f5f5;
}

.analyzerPopup-view {
  width: 586px;
  z-index: 1000;
  padding: 0 !important;
}

.analyzerPopup-view .popupPickerContainer {
  white-space: nowrap;
}

.app-builder {
  /* Rounded sliders */
}

.app-builder .switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

.app-builder .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.app-builder .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.app-builder .slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.app-builder input:checked + .slider {
  background-color: #2196F3;
}

.app-builder input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3;
}

.app-builder input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  transform: translateX(13px);
}

.app-builder .slider.round {
  border-radius: 17px;
}

.app-builder .slider.round:before {
  border-radius: 50%;
}

.app-builder .dropbtn {
  border: none;
}

.app-builder .dropdown {
  position: relative;
  display: inline-block;
  padding: 13px 8px;
}

.app-builder .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  width: 200px;
  -webkit-box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 10;
  border-radius: 5px;
  margin-left: -75px;
  max-height: 200px;
  text-align: left;
  overflow-y: auto;
}

.app-builder .dropdown-visible .dropdown-content {
  display: block;
}

.app-builder .dropdown-item {
  padding: 8px 6px;
  color: #666;
  text-decoration: none;
  display: block;
  border-radius: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.app-builder .dropdown-selectable {
  cursor: pointer;
}

.app-builder .dropdown-selectable:hover {
  background-color: #ddd;
}

.app-builder .dropdown-unselectable {
  opacity: 50%;
  cursor: default;
}

.app-builder .dropdown-divider {
  border-top: 1px solid gray;
  margin-top: 4px;
  margin-bottom: 4px;
}

.app-builder .dropdown-label {
  vertical-align: middle;
  margin-left: 2px;
}

.app-builder .dialog-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 5px 10px;
}

.app-builder .dialog-label {
  width: 80px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.app-builder .dialog-input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  resize: none;
}

.app-builder .tag-container {
  height: 100%;
  padding: 15px;
}

.app-builder .tag-container .tags {
  margin-bottom: 5px;
}

.app-builder .tag-container .tag {
  display: inline-block;
  margin: 2px;
  background-color: steelblue;
  color: white;
  border-radius: 5px;
  padding: 1px 4px;
  font-weight: bold;
}

.app-builder .tag-container .tag a {
  color: white;
}

.app-builder .tag-container .suggestion {
  background-color: lightgrey;
  border-radius: 5px;
  padding: 1px 4px;
  margin: 1px 1px;
  display: inline-block;
}

.app-builder .tag-container .tagInput {
  padding: 3px;
  width: 60px;
}

.change-set-dialog .modal-dialog {
  width: 400px;
  height: 300px;
}

.sp-chart {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

.sp-chart .sp-chart-svg .legend .popupBorder {
  stroke: #ccc;
  fill: white;
  fill-opacity: 0.85;
}

.sp-chart .sp-chart-svg .legendToggle {
  cursor: pointer;
}

.sp-chart-svg .series-root rect,
.sp-chart-svg .series-root path,
.sp-chart-svg .series-root circle,
.sp-chart-svg .series-root line,
.sp-chart-svg .plot-area line,
.sp-chart-svg .group,
.sp-chart-svg .node,
.sp-chart-svg .vector,
.sp-chart-svg .anchorNode {
  cursor: pointer;
  -webkit-transition: opacity ease-in 0.3s;
  transition: opacity ease-in 0.3s;
}

.sp-chart-svg .lines-chart .series-root:hover path,
.sp-chart-svg .lines-chart .series-root:hover rect,
.sp-chart-svg .scatter-chart .series-root:hover path,
.sp-chart-svg .vector-chart .series-root:hover .vector,
.sp-chart-svg .tree-map-chart .series-root:hover rect,
.sp-chart-svg .horizontal-tree-chart:hover .node,
.sp-chart-svg .radial-tree-chart:hover .node {
  opacity: 0.6;
}

.sp-chart-svg .lines-chart .series-root path:hover,
.sp-chart-svg .lines-chart .series-root rect:hover,
.sp-chart-svg .scatter-chart .series-root path:hover,
.sp-chart-svg .vector-chart .series-root .vector:hover,
.sp-chart-svg .tree-map-chart .series-root rect:hover,
.sp-chart-svg .horizontal-tree-chart .node:hover,
.sp-chart-svg .radial-tree-chart .node:hover {
  opacity: 1 !important;
}

.sp-chart-svg .area-chart .series-root:hover .group,
.sp-chart-svg .column-chart .series-root:hover rect,
.sp-chart-svg .bar-chart .series-root:hover rect,
.sp-chart-svg .matrix-chart .series-root:hover rect,
.sp-chart-svg .matrix-chart .series-root:hover line,
.sp-chart-svg .bubble-chart .series-root:hover circle,
.sp-chart-svg .funnel-chart .series-root:hover path,
.sp-chart-svg .sunburst-chart .series-root:hover path {
  opacity: 0.6;
}

.sp-chart-svg .area-chart .series-root .group:hover,
.sp-chart-svg .column-chart .series-root rect:hover,
.sp-chart-svg .bar-chart .series-root rect:hover,
.sp-chart-svg .matrix-chart .series-root rect:hover,
.sp-chart-svg .matrix-chart .series-root line:hover,
.sp-chart-svg .bubble-chart .series-root circle:hover,
.sp-chart-svg .funnel-chart .series-root path:hover,
.sp-chart-svg .sunburst-chart .series-root path:hover {
  opacity: 1 !important;
}

.sp-chart-svg .pie-chart .series-root path {
  -webkit-transition: opacity ease-in 0.3s, -webkit-transform ease-in 0.3s;
  transition: opacity ease-in 0.3s, -webkit-transform ease-in 0.3s;
  transition: opacity ease-in 0.3s, transform ease-in 0.3s;
  transition: opacity ease-in 0.3s, transform ease-in 0.3s, -webkit-transform ease-in 0.3s;
}

.sp-chart-svg .pie-chart .series-root:hover path {
  opacity: 0.6;
}

.sp-chart-svg .pie-chart .series-root path:hover {
  opacity: 1 !important;
  -webkit-transform: scale(1.02) !important;
          transform: scale(1.02) !important;
}

.sp-chart-tip {
  padding: 5px 9px;
  border-radius: 4px;
  background-color: #374151e6;
  color: #fff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  font-size: 12px;
  opacity: 0.9;
}

.sp-chart-tip > b,
.sp-chart-tip strong {
  font-weight: normal;
}

.sp-chart-tip:empty {
  padding: 0;
  border: none;
}

.sp-chart-refresh-area {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}

/* also used in security role page */

.sp-refresh-area {
  background-color: rgba(255, 255, 255, 0);
}

.sp-refresh-area .sp-refresh {
  display: inline-block;
  height: 30px;
  border: solid 1px white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 6px;
}

.sp-refresh-area .refreshButton {
  background-color: transparent;
  border: none;
  border-radius: 0;
  height: 28px;
  color: #212121;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 0.85em;
  font-weight: bold;
  line-height: 0;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
          box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
  opacity: 0.9;
  outline: none;
}

/* make rich-text lists work in tooltips because we have an LI style that disables the bullets */

.sp-chart-tip li {
  list-style: inherit;
}

.sp-chart-svg .lines-chart .series-root:has(path.selected) path,
.sp-chart-svg .lines-chart .series-root:has(rect.selected) rect,
.sp-chart-svg .scatter-chart .series-root:has(path.selected) path,
.sp-chart-svg .vector-chart .series-root:has(.vector.selected) .vector,
.sp-chart-svg .tree-map-chart .series-root:has(rect.selected) rect,
.sp-chart-svg .horizontal-tree-chart:has(.node.selected) .node,
.sp-chart-svg .radial-tree-chart:has(.node.selected) .node {
  opacity: 0.4;
}

.sp-chart-svg .lines-chart .series-root path.selected,
.sp-chart-svg .lines-chart .series-root rect.selected,
.sp-chart-svg .scatter-chart .series-root path.selected,
.sp-chart-svg .vector-chart .series-root .vector.selected,
.sp-chart-svg .tree-map-chart .series-root rect.selected,
.sp-chart-svg .horizontal-tree-chart .node.selected,
.sp-chart-svg .radial-tree-chart .node.selected {
  opacity: 1 !important;
}

.sp-chart-svg .area-chart .series-root:has(path.selected) path,
.sp-chart-svg .column-chart .series-root:has(rect.selected) rect,
.sp-chart-svg .bar-chart .series-root:has(rect.selected) rect,
.sp-chart-svg .matrix-chart .series-root:has(rect.selected) rect,
.sp-chart-svg .matrix-chart .series-root:has(line.selected) line,
.sp-chart-svg .bubble-chart .series-root:has(circle.selected) circle,
.sp-chart-svg .funnel-chart .series-root:has(path.selected) path,
.sp-chart-svg .sunburst-chart .series-root:has(path.selected) path {
  opacity: 0.4;
}

.sp-chart-svg .area-chart .series-root path.selected,
.sp-chart-svg .column-chart .series-root rect.selected,
.sp-chart-svg .bar-chart .series-root rect.selected,
.sp-chart-svg .matrix-chart .series-root rect.selected,
.sp-chart-svg .matrix-chart .series-root line.selected,
.sp-chart-svg .bubble-chart .series-root circle.selected,
.sp-chart-svg .funnel-chart .series-root path.selected,
.sp-chart-svg .sunburst-chart .series-root path.selected {
  opacity: 1 !important;
}

.sp-chart-svg .pie-chart .series-root:has(path.selected) path {
  opacity: 0.4;
}

.sp-chart-svg .pie-chart .series-root path.selected {
  opacity: 1 !important;
  -webkit-transform: scale(1.02) !important;
          transform: scale(1.02) !important;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.spColorPicker-view .fullSize {
  width: 100%;
  height: 100%;
}

.spColorPicker-view .fullWidth {
  width: 100%;
}

.spColorPicker-view .fullWidthTable {
  width: 100%;
  display: table;
}

.spColorPicker-view .fullSizeTable {
  width: 100%;
  height: 100%;
  display: table;
}

.spColorPicker-view .tableCell {
  text-align: left;
  display: table-cell;
}

.spColorPicker-view .saturationValuePicker {
  width: 100px;
  height: 100px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid black;
  cursor: crosshair;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.spColorPicker-view .gradSat {
  background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(204, 154, 129, 0)));
  background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}

.spColorPicker-view .gradVal {
  position: relative;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(204, 154, 129, 0)));
  background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.spColorPicker-view .gradHue {
  background: -webkit-gradient(linear, left top, left bottom, from(#f00), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(#f00));
  background: linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}

.spColorPicker-view #hueSlider {
  width: 20px;
  height: 100px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.spColorPicker-view #hueSlider .ui-slider-handle {
  opacity: 0.8;
  left: 0;
  height: 0.4em;
  margin-bottom: -0.2em;
  border-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

.spColorPicker-view #hueSlider.ui-slider {
  background: -webkit-gradient(linear, left top, left bottom, from(#f00), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(#f00));
  background: linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
  border-radius: 0;
  border-color: black;
}

.spColorPicker-view .colorInputGroupContainer {
  height: 100px;
  display: inline-block;
  vertical-align: top;
  margin-left: 2px;
}

.spColorPicker-view .colorNumberInputContainer {
  height: 25%;
  position: relative;
  width: auto;
}

.spColorPicker-view .colorNumberInput {
  width: 45px !important;
  vertical-align: middle;
  margin-bottom: 0;
  margin-left: 5px;
  min-height: initial;
}

.spColorPicker-view .colorSliderHandle {
  opacity: 0.8;
  width: 0.4em;
  margin-left: -0.2em;
  border-radius: 0;
}

.spColorPicker-view .rgbaSliderContainer {
  width: 100px;
  height: 11px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
}

.spColorPicker-view .aImage {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAChJREFUeNpiPHPmDAMMGBsbw9lMDDgA6RKM%2F%2F%2F%2Fh3POnj1LCzsAAgwAQtYIcFfEyzkAAAAASUVORK5CYII%3D);
}

.spColorPicker-view .previewContainer {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAChJREFUeNpiPHPmDAMMGBsbw9lMDDgA6RKM%2F%2F%2F%2Fh3POnj1LCzsAAgwAQtYIcFfEyzkAAAAASUVORK5CYII%3D);
  width: 100px;
  height: 20px;
}

.spColorPicker-view .aSliderContainer {
  width: 100px;
  height: 11px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAChJREFUeNpiPHPmDAMMGBsbw9lMDDgA6RKM%2F%2F%2F%2Fh3POnj1LCzsAAgwAQtYIcFfEyzkAAAAASUVORK5CYII%3D);
}

.spColorPicker-view #aSlider {
  width: 100%;
  height: 100%;
}

.spColorPicker-view #aSlider .ui-slider-handle {
  opacity: 0.8;
  width: 0.4em;
  margin-left: -0.2em;
  border-radius: 0;
}

.spColorPicker-view #aSlider.ui-slider {
  border-radius: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(#000000));
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.spColorPicker-view #rSlider {
  width: 100%;
  height: 100%;
}

.spColorPicker-view #rSlider .ui-slider-handle {
  opacity: 0.8;
  width: 0.4em;
  margin-left: -0.2em;
  border-radius: 0;
}

.spColorPicker-view #rSlider.ui-slider {
  border-radius: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(#000000), to(#ff0000));
  background-image: linear-gradient(to right, #000000 0%, #ff0000 100%);
}

.spColorPicker-view #gSlider {
  width: 100%;
  height: 100%;
}

.spColorPicker-view #gSlider .ui-slider-handle {
  opacity: 0.8;
  width: 0.4em;
  margin-left: -0.2em;
  border-radius: 0;
}

.spColorPicker-view #gSlider.ui-slider {
  border-radius: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(#000000), to(#00ff00));
  background-image: linear-gradient(to right, #000000 0%, #00ff00 100%);
}

.spColorPicker-view #bSlider {
  width: 100%;
  height: 100%;
}

.spColorPicker-view #bSlider .ui-slider-handle {
  opacity: 0.8;
  width: 0.4em;
  margin-left: -0.2em;
  border-radius: 0;
}

.spColorPicker-view #bSlider.ui-slider {
  border-radius: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(#000000), to(#0000ff));
  background-image: linear-gradient(to right, #000000 0%, #0000ff 100%);
}

.spColorPicker-view .colorLabel {
  display: inline-block;
  width: 10px;
  vertical-align: middle;
}

.spColorPicker-view .saturationValueDragger {
  border-radius: 6px;
  height: 6px;
  width: 6px;
  border: 1px solid #fff;
  background: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.spColorPicker-view .fgBgDropdownIcon {
  padding: 0;
  display: table-cell;
  width: 15px;
  height: 16px;
  vertical-align: middle;
  background-image: url("assets/images/16x16/DownArrow.png");
  background-repeat: no-repeat;
  background-position-x: -1px;
}

.spColorPicker-view .colorDropdownMenu {
  max-height: 250px;
  overflow-y: scroll;
}

.spColorPicker-view .sp-dropdown-button {
  width: 100%;
  padding: 2px;
  background-color: #fff;
}

.spColorPicker-view .sp-dropdown-button .dropdownIcon {
  margin-bottom: -5px;
  float: right;
}

.spColorPicker-view .selectedColorAColorBox {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAChJREFUeNpiPHPmDAMMGBsbw9lMDDgA6RKM%2F%2F%2F%2Fh3POnj1LCzsAAgwAQtYIcFfEyzkAAAAASUVORK5CYII%3D);
  border: 1px solid lightgrey;
  display: inline-block;
  width: 30px;
  height: 20px;
  margin-right: 2px;
  vertical-align: middle;
}

.spColorPicker-view .colorBox {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAChJREFUeNpiPHPmDAMMGBsbw9lMDDgA6RKM%2F%2F%2F%2Fh3POnj1LCzsAAgwAQtYIcFfEyzkAAAAASUVORK5CYII%3D);
  border: 1px solid lightgrey;
  display: table-cell;
  width: 30px;
  height: 20px;
  margin-right: 2px;
  vertical-align: middle;
}

.spColorPicker-view .colorDropdownColorBox {
  border: 1px solid lightgrey;
  display: inline-block;
  width: 30px;
  height: 20px;
  margin-right: 2px;
  vertical-align: middle;
}

.spColorPicker-view .fgBgColorDropdownItem {
  border: 0 solid lightgrey;
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 2px;
  vertical-align: middle;
  font-size: 12px;
  cursor: pointer;
}

.spColorPicker-view .fgBgDropdownMenuItem {
  padding: 1px 2px;
  cursor: pointer;
}

.spColorPicker-view .alignMiddle {
  vertical-align: middle;
}

.spColorPicker-view .dropdownMenuItem {
  padding: 2px 3px;
  font-size: 12px;
  cursor: pointer;
}

.spColorPicker-view .colorDropDownContainer {
  margin-top: 3px;
}

.spColorPicker-view .dropdownSelectedItemName {
  display: inline-block;
  vertical-align: middle;
}

.spColorPicker-view .popupPickerContainer {
  padding: 0;
  white-space: nowrap;
}

.spColorPicker-view .popupButtonContainer {
  padding: 0;
}

.spColorPicker-view .popupButtonContainer .btn {
  margin-left: 3px;
}

.spColorPicker-view .overflowModalBody {
  overflow: visible;
}

.spColorPicker-view .leftMargin {
  margin-left: 5px;
}

.spColorPicker-view .topMarginSmall {
  margin-top: 5px;
}

.spColorPicker-view .displayInlineBlock {
  display: inline-block;
}

.spColorPicker-view .verticalAlignMiddle {
  vertical-align: middle;
}

.spColorPicker-view .centeredInlineBlock {
  vertical-align: middle;
  display: inline-block;
}

.spColorPicker-view .labelBlock {
  vertical-align: middle;
  display: inline-block;
  width: 120px;
}

.spColorPicker-view .colorDropdownButton {
  width: 220px;
  text-align: left;
}

.spColorPicker-view .floatRight {
  float: right;
}

.spColorPicker-view .previewBox {
  margin-left: 5px;
  margin-top: 5px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAChJREFUeNpiPHPmDAMMGBsbw9lMDDgA6RKM%2F%2F%2F%2Fh3POnj1LCzsAAgwAQtYIcFfEyzkAAAAASUVORK5CYII%3D);
  height: 50px;
  border: 1px solid black;
  text-align: center;
}

.spColorPicker-view .tableCellMiddle {
  vertical-align: middle;
  display: table-cell;
}

.spColorPicker-view .modal-body {
  text-align: left;
}

.fgBgColorDropdownMenu {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  z-index: 10000;
}

.colorPickerDropdownMenu {
  max-height: 250px;
  overflow-y: scroll;
  z-index: 10000;
}

.spColorPickerFgBgDialog {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
}

.spColorPickerFgBgDialog.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.spColorPickerFgBgDialog.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.sp-mobile-device .spColorPickerFgBgDialog {
  overflow-y: hidden;
}

.spColorPickerFgBgDialog .modal-body {
  text-align: left;
}

.spColorPickerFgBgDialog .modal-dialog {
  width: 400px;
}

.spIconPicker-view .fullWidth {
  width: 100%;
}

.spIconPicker-view .fullWidthTable {
  width: 100%;
  display: table;
}

.spIconPicker-view .selectedIcon {
  display: table-cell;
  width: 16px;
  height: 16px;
}

.spIconPicker-view .iconDropdownIcon {
  padding: 0;
  display: table-cell;
  width: 15px;
  height: 16px;
  float: right;
  vertical-align: middle;
  background-image: url("assets/images/16x16/DownArrow.png");
  background-repeat: no-repeat;
  background-position-x: -1px;
}

.spIconPicker-view .iconsContainer {
  width: 100%;
  max-height: 100px;
  overflow-y: scroll;
}

.spIconPicker-view .iconContainer {
  display: inline-block;
  margin: 2px;
  cursor: pointer;
}

.spIconPicker-view .iconCell {
  display: inline-block;
}

.spIconPicker-view .iconCell:hover {
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.7);
          box-shadow: 0 1px 4px rgba(0, 105, 214, 0.7);
}

.iconDropdownPopup {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  z-index: 10000;
  width: 230px;
  height: 100px;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.spConditionalFormattingDialog-view .verticalAlignMiddle {
  vertical-align: middle;
}

.spConditionalFormattingDialog-view .displayInlineBlock {
  display: inline-block;
}

.spConditionalFormattingDialog-view .centeredInlineBlock {
  vertical-align: middle;
  display: inline-block;
}

.spConditionalFormattingDialog-view .labelBlock {
  vertical-align: middle;
  display: inline-block;
  width: 80px;
}

.spConditionalFormattingDialog-view .labelBlockMedium {
  vertical-align: middle;
  display: inline-block;
  width: 120px;
}

.spConditionalFormattingDialog-view .labelBlockMediumAlignTop {
  display: inline-block;
  vertical-align: top;
  width: 120px;
}

.spConditionalFormattingDialog-view .centeredDropDown {
  width: 225px;
  vertical-align: middle;
  margin-bottom: 0;
}

.spConditionalFormattingDialog-view .leftMargin {
  margin-left: 5px;
}

.spConditionalFormattingDialog-view .rightMargin {
  margin-right: 5px;
}

.spConditionalFormattingDialog-view .topMarginSmall {
  margin-top: 5px;
}

.spConditionalFormattingDialog-view .topMarginLarge {
  margin-top: 10px;
}

.spConditionalFormattingDialog-view .rulesContainer {
  margin-left: 5px;
  height: 170px;
  min-height: 50px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  /*border: @ruleContainerBorder;*/
}

.spConditionalFormattingDialog-view .rulesContainerHeader {
  margin-left: 5px;
  margin-top: 10px;
  height: 25px;
  background-color: rgba(0, 0, 0, 0.05);
  vertical-align: middle;
  position: relative;
}

.spConditionalFormattingDialog-view .rulesContainerHeaderTable {
  display: table;
  height: 100%;
  width: 100%;
}

.spConditionalFormattingDialog-view .rulesContainerHeaderCell {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}

.spConditionalFormattingDialog-view .addRulesButton {
  float: right;
  padding: 0;
  line-height: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 1px 2px #999;
          box-shadow: 0 1px 2px #999;
  border-radius: 3px;
  margin-right: 5px;
  display: inline-block;
}

.spConditionalFormattingDialog-view .addRulesButton:hover {
  border: 1px solid #999;
  background-color: #eee;
  -webkit-box-shadow: 0 1px 2px #999;
          box-shadow: 0 1px 2px #999;
}

.spConditionalFormattingDialog-view .addRulesButton:focus {
  outline: none;
  border: 1px solid #aaa;
}

.spConditionalFormattingDialog-view .addRulesButtonIcon {
  padding: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("assets/images/icon_new.png");
  background-repeat: no-repeat;
}

.spConditionalFormattingDialog-view .tab-content {
  overflow: visible;
}

.spConditionalFormattingDialog-view .rulesGrid {
  position: absolute;
  height: 100%;
  width: 100%;
}

.spConditionalFormattingDialog-view .overflowModalBody {
  overflow: visible;
}

.spConditionalFormattingDialog-view .displayTable {
  display: table;
}

.spConditionalFormattingDialog-view .progressBarLabelCell {
  width: 80px;
  vertical-align: middle;
  display: table-cell;
}

.spConditionalFormattingDialog-view .progressBarValueCell {
  display: table-cell;
  white-space: nowrap;
  width: 222px;
}

.spConditionalFormattingDialog-view .valueEditorStyle input[type="text"],
.spConditionalFormattingDialog-view .valueEditorStyle input {
  margin: 0;
  max-width: 100%;
  width: 100%;
}

.spConditionalFormattingDialog-view .valueEditorStyle input[type="text"].date-input,
.spConditionalFormattingDialog-view .valueEditorStyle input.date-input,
.spConditionalFormattingDialog-view .valueEditorStyle input[type="text"].time-input,
.spConditionalFormattingDialog-view .valueEditorStyle input.time-input {
  max-width: inherit;
  width: 70px;
  min-width: inherit;
}

.spConditionalFormattingDialog-view .valueEditorStyle .sp-date-control .date-input {
  width: 100% !important;
}

.spConditionalFormattingDialog-view .valueEditorStyle .sp-time-control .time-input {
  width: 100% !important;
}

.spConditionalFormattingDialog-view .ruleColourCellTable {
  width: 100%;
  height: 100%;
  display: block;
  padding: 1px 5px 0;
}

.spConditionalFormattingDialog-view .ruleIconCellTable {
  width: 100%;
  height: 100%;
  display: block;
  padding: 1px 5px 0;
}

.spConditionalFormattingDialog-view .highlightRuleColorCellDropdown {
  display: inline-block;
  vertical-align: middle;
  width: 180px;
  background-color: white;
}

.spConditionalFormattingDialog-view .highlightRuleColorCellDropdown .spColorPicker-view .sp-dropdown-button {
  padding-top: 4px;
  margin-bottom: 0;
}

.spConditionalFormattingDialog-view .highlightRuleColorCellDropdown .spColorPicker-view .tableCell {
  white-space: nowrap;
  max-width: 157px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.spConditionalFormattingDialog-view .highlightRuleColorCellRemove {
  display: inline-block;
  vertical-align: middle;
}

.spConditionalFormattingDialog-view .iconRuleIconCellDropdown {
  display: inline-block;
  vertical-align: middle;
  width: 160px;
  background-color: white;
}

.spConditionalFormattingDialog-view .iconRuleIconCellDropdown .sp-dropdown-button {
  padding-top: 4px;
}

.spConditionalFormattingDialog-view .iconRuleIconCellRemove {
  display: inline-block;
  vertical-align: middle;
}

.spConditionalFormattingDialog-view .removeRuleButton {
  line-height: 9px;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  margin: 0 5px;
  vertical-align: middle;
}

.spConditionalFormattingDialog-view .removeRuleButton:hover {
  text-decoration: none;
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=40);
}

.spConditionalFormattingDialog-view .fullSize {
  width: 100%;
  height: 100%;
}

.spConditionalFormattingDialog-view .fullSizeTable {
  width: 100%;
  height: 100%;
  display: table;
}

.spConditionalFormattingDialog-view .centeredTableCell {
  display: table-cell;
  vertical-align: middle;
  margin-left: 5px;
}

.spConditionalFormattingDialog-view .valueTable {
  display: table;
  width: 100%;
  height: 100%;
  padding: 0 5px;
}

.spConditionalFormattingDialog-view .ruleOperator {
  width: 99%;
  margin-bottom: 0;
}

.spConditionalFormattingDialog-view .alerter {
  margin-top: 15px;
  margin-bottom: 10px;
  position: static;
  height: auto;
}

.spConditionalFormattingDialog-view .ngViewport {
  min-height: 150px;
  overflow-x: hidden;
}

.spConditionalFormattingDialog-view .ngViewport .ngRow {
  border-bottom: none;
}

.spConditionalFormattingDialog-view .ngViewport .ngRow {
  border-bottom: none;
}

.spConditionalFormattingDialog-view .inlineRelPicker {
  white-space: nowrap;
}

.spConditionalFormattingDialog-view .centeredInput {
  vertical-align: middle;
  margin-bottom: 0;
}

.spConditionalFormattingDialog-view .centeredNumberControl input[type="text"] {
  margin: 0;
  margin-bottom: 0;
  max-width: none;
}

.spConditionalFormattingDialog-view .valueFormattingDropdown {
  width: 225px;
}

.spConditionalFormattingDialog-view .valueFormattingSampleText {
  width: 196px;
  vertical-align: middle;
  overflow: hidden;
}

.spConditionalFormattingDialog-view .alerter {
  margin: 15px 5px 5px 0;
  position: static;
  height: auto;
  font-size: 1em;
  background-color: #ffe6e1;
  color: #f94945;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.spConditionalFormattingDialog {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
}

.spConditionalFormattingDialog.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.spConditionalFormattingDialog.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.sp-mobile-device .spConditionalFormattingDialog {
  overflow-y: hidden;
}

.spConditionalFormattingDialog .modal-body {
  text-align: left;
}

.spConditionalFormattingDialog .modal-dialog {
  width: 680px;
}

.modal-body .tabarea .tab-container label[for="ColorBox"] {
  vertical-align: middle;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.control-configure-dialog select {
  height: inherit;
  padding: 0 0 0 2px;
  width: 100%;
}

.control-configure-dialog .message label {
  width: 400px;
}

.control-configure-dialog .aImage {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAChJREFUeNpiPHPmDAMMGBsbw9lMDDgA6RKM%2F%2F%2F%2Fh3POnj1LCzsAAgwAQtYIcFfEyzkAAAAASUVORK5CYII%3D);
}

.control-configure-dialog .modal-body .edit-form-control-container {
  vertical-align: top;
  display: table;
  width: 100%;
  height: 100%;
}

.control-configure-dialog .edit-form-title {
  vertical-align: top;
  display: table-cell;
  width: 1%;
  min-width: 140px;
  padding-top: 5px;
}

.control-configure-dialog .edit-form-value {
  display: table-cell;
}

.control-configure-dialog .inlineRelPicker {
  display: inline-block;
  vertical-align: top;
}

.control-configure-dialog .inlineRelPicker input {
  width: 100%;
}

.control-configure-dialog .fieldProperties-view .fullSize {
  width: 100%;
  height: 100%;
}

.control-configure-dialog .fieldproperties-base sp-control-on-form > *,
.control-configure-dialog .relationshipProperties-base sp-control-on-form > * {
  width: 100% !important;
}

.control-configure-dialog .fieldControl input {
  background-color: #fff;
  width: 100%;
  padding: 0 2px;
}

.control-configure-dialog .fieldControl textarea[readonly="readonly"] {
  background-color: transparent;
}

.control-configure-dialog .fieldControl .field-validation-message {
  font-size: 11px;
  color: #fff;
  display: block;
  margin-left: 123px;
  left: 0;
  right: 0;
  padding: 3px 10px;
  background-color: #ff6464;
  border-radius: 3px;
  margin-bottom: 5px;
  /*width: 400px;*/
}

.control-configure-dialog .fieldControl .field-validation-message:empty {
  padding: 0;
}

.control-configure-dialog label,
.control-configure-dialog label.field-title {
  vertical-align: top;
  word-wrap: break-word;
  width: inherit;
}

.control-configure-dialog .title-plus-markers-markers {
  margin-right: 2px;
}

.control-configure-dialog button.btn-colorpicker {
  background: none;
  border: 1px solid #ddd;
  padding: 0 2px 2px 0;
  border-radius: 3px;
}

.control-configure-dialog button.btn-colorpicker img {
  margin-top: -2px;
}

.control-configure-dialog button.btn-colorpicker:hover,
.control-configure-dialog button.btn-colorpicker:focus {
  background: #ededed;
  border: 1px solid #ddd;
}

.control-configure-dialog .has-error {
  font-size: 11px;
  color: #fff;
  right: 20px;
  left: 20px;
  position: absolute;
  padding: 0 10px;
  margin-top: -10px;
  background-color: #ff6464;
  border-radius: 3px;
}

.control-configure-dialog .fullWidthTable {
  width: 100%;
  display: table;
}

.control-configure-dialog .fullWidth {
  width: 100%;
}

.control-configure-dialog .tableCell {
  text-align: left;
  display: table-cell;
}

.control-configure-dialog input[type="radio"] {
  display: inline-block;
}

.control-configure-dialog .choicetable {
  display: inline-block;
  width: 615px;
  text-align: left;
  vertical-align: top;
}

.control-configure-dialog .choicetable button {
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 3px 12px;
  font-size: 12px;
  line-height: 1em;
  cursor: pointer;
  background-color: #414141;
  color: #ededed;
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  border: 1px solid #3c3c3c;
  border-bottom-color: #343434;
  border-radius: 3px;
  background-color: #f0f0f0;
  border-color: #bdbdbd;
  border-bottom-color: #c0c0c0;
  color: #606060;
  padding: 0 5px;
}

.control-configure-dialog .choicetable button:hover,
.control-configure-dialog .choicetable button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.control-configure-dialog .choicetable button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.control-configure-dialog .choicetable button.active,
.control-configure-dialog .choicetable button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.control-configure-dialog .choicetable button.disabled,
.control-configure-dialog .choicetable button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.control-configure-dialog .choicetable button.disabled img,
.control-configure-dialog .choicetable button[disabled] img {
  opacity: 0.4;
}

.control-configure-dialog .choicetable button:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.control-configure-dialog .choicetable button:hover,
.control-configure-dialog .choicetable button:focus {
  color: #333;
  text-decoration: none;
}

.control-configure-dialog .choicetable button:active,
.control-configure-dialog .choicetable button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.control-configure-dialog .choicetable button.disabled,
.control-configure-dialog .choicetable button[disabled],
fieldset[disabled] .control-configure-dialog .choicetable button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.control-configure-dialog .choicetable button:hover,
.control-configure-dialog .choicetable button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.control-configure-dialog .choicetable button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.control-configure-dialog .choicetable button.active,
.control-configure-dialog .choicetable button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.control-configure-dialog .choicetable button.disabled,
.control-configure-dialog .choicetable button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.control-configure-dialog .choicetable button.disabled img,
.control-configure-dialog .choicetable button[disabled] img {
  opacity: 0.4;
}

.sp-mobile-device .control-configure-dialog .choicetable button,
.sp-tablet-device .control-configure-dialog .choicetable button {
  min-height: 40px;
  min-width: 40px;
  font-size: initial;
}

.control-configure-dialog .choicetable button:hover,
.control-configure-dialog .choicetable button:focus {
  color: #2b2b2b;
  text-decoration: none;
  background-color: #e3e3e3;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.control-configure-dialog .choicetable button:focus {
  background-color: #f0f0f0;
  outline: none;
  border: 1px solid #bdbdbd;
}

.control-configure-dialog .choicetable button.active,
.control-configure-dialog .choicetable button:active {
  background-image: none;
  background-color: #e3e3e3;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
  box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
}

.control-configure-dialog .choicetable button.disabled,
.control-configure-dialog .choicetable button[disabled] {
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.control-configure-dialog .choicetable button.disabled img,
.control-configure-dialog .choicetable button[disabled] img {
  opacity: 0.4;
}

.control-configure-dialog .choicetable .button-container {
  display: inline-block;
  height: 30px;
  padding-top: 5px;
}

.control-configure-dialog .choicetable .formatType-container {
  display: inline-block;
  float: right;
  width: 210px;
}

.control-configure-dialog .choicetable .formatType-container span {
  vertical-align: middle;
}

.control-configure-dialog .choicetable .formatType-container sp-entity-combo-picker {
  width: 160px;
  display: inline-block;
  vertical-align: middle;
}

.control-configure-dialog .choicetable .choiceValuesGrid {
  border: 1px solid #ccc;
  margin-top: 2px;
  margin-right: -1px;
  height: 180px;
}

.control-configure-dialog .choicetable .note {
  font-style: italic;
  color: #999;
}

.modal.sp-relationship-properties-modal .modal-dialog {
  width: 800px;
}

.modal.sp-relationship-properties-modal .field-title {
  word-wrap: break-word;
}

.modal.sp-relationship-properties-modal input.date-input[type="text"],
.modal.sp-relationship-properties-modal input.time-input[type="text"] {
  width: 100%;
  min-width: 80px;
}

.modal.sp-relationship-properties-modal p.question {
  margin-top: 5px;
  vertical-align: middle;
  font-size: 1em;
}

.modal.sp-relationship-properties-modal p.question b {
  font-weight: bold;
  padding: 2px 3px;
  font-size: 11px;
}

.modal.sp-relationship-properties-modal .relationshiptype {
  display: table-cell;
  width: 50%;
  padding: 0 2px;
  border-radius: 2px;
}

.modal.sp-relationship-properties-modal .relationshiptype .relationshiptype-header {
  background-color: rgba(136, 150, 158, 0.25);
  padding: 5px 6px;
  vertical-align: middle;
}

.modal.sp-relationship-properties-modal .relationshiptype .relationshiptype-header input[type="radio"] {
  margin-right: 3px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  cursor: pointer;
}

.modal.sp-relationship-properties-modal .relationshiptype.selected {
  background-color: #2c69c7;
  color: #fff;
}

.modal.sp-relationship-properties-modal .ownershiptype.selected {
  background-color: transparent !important;
  color: #fff;
  -webkit-box-shadow: 0 0 0 2px #2c69c7 inset;
          box-shadow: 0 0 0 2px #2c69c7 inset;
}

.modal.sp-relationship-properties-modal .ownershiptype.selected .ownershiptype-header {
  background-color: #2c69c7;
}

.modal.sp-relationship-properties-modal .ownershiptype {
  display: table-cell;
  border-radius: 2px;
}

.modal.sp-relationship-properties-modal .ownershiptype .ownershiptype-header {
  background-color: rgba(136, 150, 158, 0.25);
  padding: 5px 6px;
  vertical-align: middle;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.modal.sp-relationship-properties-modal .ownershiptype .ownershiptype-header input[type="radio"] {
  margin: 0;
  margin-right: 5px;
  padding: 0;
  vertical-align: middle;
  cursor: pointer;
}

.modal.sp-relationship-properties-modal .ownershiptype .ownershiptype-header input[type="radio"]:focus {
  outline: none;
}

.modal.sp-relationship-properties-modal .ownershiptype .ownershiptype-header + div[name="dummyDiv"] {
  min-height: 27px;
  background-color: rgba(0, 0, 0, 0.01);
}

.modal.sp-relationship-properties-modal .ownershiptype .ownershiptype-header + div select {
  width: 98%;
  margin-left: 1%;
  margin-top: 2px;
}

.modal.sp-relationship-properties-modal .ownershiptype .ownershiptype-explan {
  padding: 0;
}

.modal.sp-relationship-properties-modal .ownershiptype .ownershiptype-explan p {
  background-color: rgba(136, 150, 158, 0.08);
  border-left: 3px solid #47c27c;
  padding: 3px 6px 0 10px;
  font-size: 0.85em;
  color: #666;
  margin: 3px;
  font-weight: bold;
}

.modal.sp-relationship-properties-modal .ownershiptype .ownershiptype-explan p[name="Not"] {
  border-left: 3px solid #da6969;
}

.modal.sp-relationship-properties-modal .ownershiptype .ownershiptype-explan p b {
  color: #222;
}

.modal.sp-relationship-properties-modal .ownershiptype-each {
  padding: 5px;
}

.modal.sp-relationship-properties-modal .ownershiptype-each .ownershiptype-title {
  vertical-align: middle;
  font-size: 1.1em;
  color: inherit !important;
}

.modal.sp-relationship-properties-modal .ownershiptype-each .ownershiptype-title img {
  display: inline-block;
  padding: 5px;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  background-color: #47c27c;
  border-bottom: 1px solid #41b273;
  vertical-align: middle;
  margin-right: 5px;
}

.modal.sp-relationship-properties-modal .ownershiptype-each .ownershiptype-title img[alt^="Not"] {
  background-color: #da6969;
  border-bottom: 1px solid #bd4343;
}

.modal.sp-relationship-properties-modal .security-table {
  width: 100%;
}

.modal.sp-relationship-properties-modal .security-table td {
  border: 1px lightgray solid;
}

.modal.sp-relationship-properties-modal .security-table .security-row {
  display: table-row;
}

.modal.sp-relationship-properties-modal .security-table .security-checkbox {
  vertical-align: top;
  margin: 10px;
}

.modal.sp-relationship-properties-modal .security-table .security-option.security-option-new .sp-checkbox {
  vertical-align: top;
  margin: 3px 5px 0 10px;
}

.modal.sp-relationship-properties-modal .security-table .security-row-divider {
  height: 1px;
  margin-left: 10px;
  margin-right: 10px;
  background: #ccc;
}

.modal.sp-relationship-properties-modal .security-table .security-option {
  display: inline-block;
  padding: 0;
}

.modal.sp-relationship-properties-modal .security-table .security-option p {
  display: inline-block;
  padding: 3px 6px 0;
  color: #666;
  margin: 3px;
  font-weight: bold;
  font-size: 11px;
}

.modal.sp-relationship-properties-modal .security-table .security-option p b {
  color: #222;
}

.format-properties {
  display: table;
  width: 100%;
}

.format-properties > .fp-row {
  display: table-row;
  width: 100%;
}

.format-properties > .fp-row > .fp-cell {
  display: table-cell;
  width: 1%;
  min-width: 120px;
}

.format-properties > .fp-row > .fp-cell + div.fp-cell {
  display: table-cell;
  width: 100%;
}

.format-properties > .fp-row > .fp-cell + div.fp-cell select {
  width: 100%;
}

.modal-body .enum-format-selector {
  width: auto;
}

.modal-body .tabarea .tab-container .thumbnailScalingOption {
  display: inline-block;
  padding-left: 16px;
  padding-top: 8px;
}

.modal-body .tabarea .tab-container .thumbnailScalingOption li {
  line-height: 1.3em;
  margin-bottom: 5px;
  color: #aaa;
}

.modal-body .tabarea .tab-container .thumbnailScalingOption input[type="radio"] {
  width: 14px;
  min-height: inherit;
  margin: 0;
  line-height: initial;
  margin-left: -16px;
}

.divide-formproperties-field {
  display: block;
  margin: 8px 0;
  border-bottom: 1px dotted #aaa;
}

.svg-relationship-info {
  background-color: #fff;
  text-align: center;
  padding-top: 10px;
  margin-bottom: 2px;
  /* rectangle style */
  /* text style */
  /* connector line style */
}

.svg-relationship-info .rect-dotted {
  fill: #fafafa;
  stroke: #868686;
  stroke-width: 2;
  stroke-dasharray: 2 1;
}

.svg-relationship-info .rect-light {
  fill: #ececec;
  stroke: #d0d0d0;
  stroke-width: 2;
}

.svg-relationship-info .rect-normal {
  fill: white;
  stroke: #858585;
  stroke-width: 2;
}

.svg-relationship-info .rect-strong {
  fill: #e2ffa2;
  stroke: #252525;
  stroke-width: 2;
}

.svg-relationship-info .text-light {
  letter-spacing: -1px;
  dominant-baseline: central;
  text-anchor: middle;
  font-family: Verdana;
  font-size: 10px;
  fill: #858585;
}

.svg-relationship-info .text-normal {
  letter-spacing: -1px;
  dominant-baseline: central;
  text-anchor: middle;
  font-family: Verdana;
  font-size: 10px;
  fill: black;
}

.svg-relationship-info .line-dotted {
  stroke: #666;
  stroke-width: 1;
  stroke-dasharray: 4 2;
}

.svg-relationship-info .line-light {
  stroke: #858585;
  stroke-width: 1;
}

.svg-relationship-info .line-normal {
  stroke: #666;
  stroke-width: 1;
}

.svg-relationship-info .line-strong {
  stroke: #252525;
  stroke-width: 2;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.spRelationshipFiltersControl {
  width: 225px;
  display: inline-block;
}

.spRelationshipFiltersControl .inlineRelPicker-button,
.spRelationshipFiltersControl .inlineRelPicker-select {
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 3px 12px;
  font-size: 12px;
  line-height: 1em;
  cursor: pointer;
  background-color: #414141;
  color: #ededed;
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  border: 1px solid #3c3c3c;
  border-bottom-color: #343434;
  border-radius: 3px;
  background-color: #f0f0f0;
  border-color: #bdbdbd;
  border-bottom-color: #c0c0c0;
  color: #606060;
  margin-left: 3px;
  padding: 0 7px;
  min-height: 27px;
}

.spRelationshipFiltersControl .inlineRelPicker-button:hover,
.spRelationshipFiltersControl .inlineRelPicker-select:hover,
.spRelationshipFiltersControl .inlineRelPicker-button:focus,
.spRelationshipFiltersControl .inlineRelPicker-select:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.spRelationshipFiltersControl .inlineRelPicker-button:focus,
.spRelationshipFiltersControl .inlineRelPicker-select:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.spRelationshipFiltersControl .inlineRelPicker-button.active,
.spRelationshipFiltersControl .inlineRelPicker-select.active,
.spRelationshipFiltersControl .inlineRelPicker-button:active,
.spRelationshipFiltersControl .inlineRelPicker-select:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.spRelationshipFiltersControl .inlineRelPicker-button.disabled,
.spRelationshipFiltersControl .inlineRelPicker-select.disabled,
.spRelationshipFiltersControl .inlineRelPicker-button[disabled],
.spRelationshipFiltersControl .inlineRelPicker-select[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.spRelationshipFiltersControl .inlineRelPicker-button.disabled img,
.spRelationshipFiltersControl .inlineRelPicker-select.disabled img,
.spRelationshipFiltersControl .inlineRelPicker-button[disabled] img,
.spRelationshipFiltersControl .inlineRelPicker-select[disabled] img {
  opacity: 0.4;
}

.spRelationshipFiltersControl .inlineRelPicker-button:focus,
.spRelationshipFiltersControl .inlineRelPicker-select:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.spRelationshipFiltersControl .inlineRelPicker-button:hover,
.spRelationshipFiltersControl .inlineRelPicker-select:hover,
.spRelationshipFiltersControl .inlineRelPicker-button:focus,
.spRelationshipFiltersControl .inlineRelPicker-select:focus {
  color: #333;
  text-decoration: none;
}

.spRelationshipFiltersControl .inlineRelPicker-button:active,
.spRelationshipFiltersControl .inlineRelPicker-select:active,
.spRelationshipFiltersControl .inlineRelPicker-button.active,
.spRelationshipFiltersControl .inlineRelPicker-select.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.spRelationshipFiltersControl .inlineRelPicker-button.disabled,
.spRelationshipFiltersControl .inlineRelPicker-select.disabled,
.spRelationshipFiltersControl .inlineRelPicker-button[disabled],
.spRelationshipFiltersControl .inlineRelPicker-select[disabled],
fieldset[disabled] .spRelationshipFiltersControl .inlineRelPicker-button,
fieldset[disabled] .spRelationshipFiltersControl .inlineRelPicker-select {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.spRelationshipFiltersControl .inlineRelPicker-button:hover,
.spRelationshipFiltersControl .inlineRelPicker-select:hover,
.spRelationshipFiltersControl .inlineRelPicker-button:focus,
.spRelationshipFiltersControl .inlineRelPicker-select:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.spRelationshipFiltersControl .inlineRelPicker-button:focus,
.spRelationshipFiltersControl .inlineRelPicker-select:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.spRelationshipFiltersControl .inlineRelPicker-button.active,
.spRelationshipFiltersControl .inlineRelPicker-select.active,
.spRelationshipFiltersControl .inlineRelPicker-button:active,
.spRelationshipFiltersControl .inlineRelPicker-select:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.spRelationshipFiltersControl .inlineRelPicker-button.disabled,
.spRelationshipFiltersControl .inlineRelPicker-select.disabled,
.spRelationshipFiltersControl .inlineRelPicker-button[disabled],
.spRelationshipFiltersControl .inlineRelPicker-select[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.spRelationshipFiltersControl .inlineRelPicker-button.disabled img,
.spRelationshipFiltersControl .inlineRelPicker-select.disabled img,
.spRelationshipFiltersControl .inlineRelPicker-button[disabled] img,
.spRelationshipFiltersControl .inlineRelPicker-select[disabled] img {
  opacity: 0.4;
}

.sp-mobile-device .spRelationshipFiltersControl .inlineRelPicker-button,
.sp-mobile-device .spRelationshipFiltersControl .inlineRelPicker-select,
.sp-tablet-device .spRelationshipFiltersControl .inlineRelPicker-button,
.sp-tablet-device .spRelationshipFiltersControl .inlineRelPicker-select {
  min-height: 40px;
  min-width: 40px;
  font-size: initial;
}

.spRelationshipFiltersControl .inlineRelPicker-button:hover,
.spRelationshipFiltersControl .inlineRelPicker-select:hover,
.spRelationshipFiltersControl .inlineRelPicker-button:focus,
.spRelationshipFiltersControl .inlineRelPicker-select:focus {
  color: #2b2b2b;
  text-decoration: none;
  background-color: #e3e3e3;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.spRelationshipFiltersControl .inlineRelPicker-button:focus,
.spRelationshipFiltersControl .inlineRelPicker-select:focus {
  background-color: #f0f0f0;
  outline: none;
  border: 1px solid #bdbdbd;
}

.spRelationshipFiltersControl .inlineRelPicker-button.active,
.spRelationshipFiltersControl .inlineRelPicker-select.active,
.spRelationshipFiltersControl .inlineRelPicker-button:active,
.spRelationshipFiltersControl .inlineRelPicker-select:active {
  background-image: none;
  background-color: #e3e3e3;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
  box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
}

.spRelationshipFiltersControl .inlineRelPicker-button.disabled,
.spRelationshipFiltersControl .inlineRelPicker-select.disabled,
.spRelationshipFiltersControl .inlineRelPicker-button[disabled],
.spRelationshipFiltersControl .inlineRelPicker-select[disabled] {
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.spRelationshipFiltersControl .inlineRelPicker-button.disabled img,
.spRelationshipFiltersControl .inlineRelPicker-select.disabled img,
.spRelationshipFiltersControl .inlineRelPicker-button[disabled] img,
.spRelationshipFiltersControl .inlineRelPicker-select[disabled] img {
  opacity: 0.4;
}

.spRelationshipFiltersControl .inlineRelPicker-button > img,
.spRelationshipFiltersControl .inlineRelPicker-select > img {
  max-width: initial;
}

.spRelationshipFiltersDialog-view .filterItem {
  display: inline-block;
  margin-bottom: 4px;
  width: 100%;
}

.spRelationshipFiltersDialog-view .filterItemLabel {
  display: inline-block;
  width: 80px;
  vertical-align: middle;
  margin-right: 2px;
}

.spRelationshipFiltersDialog-view .filterItemField {
  width: 180px;
  margin-bottom: 0;
  margin-right: 3px;
}

.spRelationshipFiltersDialog-view .filterItemRelationship {
  width: 180px;
  margin-bottom: 0;
  margin-right: 3px;
}

.spRelationshipFiltersDialog-view .removeFilterItemButton {
  line-height: 9px;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  margin-left: 10px;
  vertical-align: middle;
  -webkit-appearance: none;
}

.spRelationshipFiltersDialog-view .removeFilterItemButton:hover {
  text-decoration: none;
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=40);
}

.spRelationshipFiltersDialog-view .horizontalDivider {
  width: 100%;
  height: 1px;
  background-color: #d4d4d4;
  display: inline-block;
  margin-bottom: 5px;
}

.spRelationshipFiltersDialog-view .verticalAlignMiddle {
  vertical-align: middle;
}

.spRelationshipFiltersDialog-view .filterItem .removeFilterItemButton {
  display: none;
}

.spRelationshipFiltersDialog-view .filterItem:hover .removeFilterItemButton {
  display: inline-block;
}

.spRelationshipFiltersDialog {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
}

.spRelationshipFiltersDialog.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.spRelationshipFiltersDialog.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.sp-mobile-device .spRelationshipFiltersDialog {
  overflow-y: hidden;
}

.spRelationshipFiltersDialog .modal-body {
  text-align: left;
}

.spRelationshipFiltersDialog .modal-dialog {
  width: 600px;
}

.modal-body .tabarea .spRelationshipFiltersControl {
  width: 100%;
}

.modal-body .tabarea .spRelationshipFiltersControl input {
  width: 100% !important;
}

.rnCustomValidationControl__controlContainer div {
  vertical-align: top !important;
}

.rnCustomValidationControl__note {
  margin: 5px 0;
}

.spBehaviorCalculation__body > div.edit-form-title.rn-control-label.behavior-tab-description {
  vertical-align: top;
  padding-right: 10px;
}

.spBehaviorCalculation__body > div.edit-form-value > div.behavior-kind-selection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 3px;
  padding-bottom: 5px;
  border-bottom: solid #d3d3d3 1px;
}

.spBehaviorCalculation__body > div.edit-form-value > div.behavior-when {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 3px;
  margin-top: 11px;
}

.spBehaviorCalculation__body > div.edit-form-value > div.behavior-calculation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 3px;
}

.spBehaviorCalculation__body > div.edit-form-value > div.behavior-calculation .behavior-calculation-editor {
  width: 70px;
}


.formactionsdialog-view {
  height: 100%;
  width: 100%;
  position: relative;
}

.formactionsdialog-view__body {
  height: calc(100% - 90px);
  position: relative;
}

.formactionsdialog-view__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.rnFormActionConfigDialog .spVisibilityCalculation__body .edit-form-title {
  display: table-cell;
  width: 1%;
  min-width: 140px;
}

.rnFormActionConfigDialog .spVisibilityCalculation__body .edit-form-value {
  display: table-cell;
}

.rnFormActionConfigDialog__alerter {
  padding: 0;
  color: red;
}

.dialog-view {
  background-color: lightyellow;
  padding: 10px;
}

.rnNewNavPageDialog {
  width: 100%;
  position: relative;
}

.rnNewNavPageDialog__view--large {
  height: 660px;
}

.rnNewNavPageDialog__view--small {
  height: 330px;
}

.rnNewNavPageDialog__body {
  height: calc(100% - 90px);
  position: relative;
  overflow-y: hidden;
}

.rnNewNavPageDialog__navSectionContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

.rnNewNavPageDialog__navSectionTitle {
  width: 150px;
  padding-top: 5px;
  padding-left: 5px;
}

.rnNewNavPageDialog__navSectionPicker {
  display: inline-block;
  width: calc(100% - 80px);
}

.rnNewNavPageDialog__navTypesContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  height: calc(100% - 25px);
  outline: none;
}

.rnNewNavPageDialog__navTypeContainer {
  width: 50%;
  height: 80px;
  margin: 2px;
  padding: 5px;
  border: 1px solid transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.rnNewNavPageDialog__navTypeTextContainer {
  padding-left: 50px;
}

.rnNewNavPageDialog__navTypeContainer--selected {
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #f7f7f7;
}

.rnNewNavPageDialog__navTypeName {
  font-weight: bold;
  font-size: 14px;
}

.rnNewNavPageDialog__navTypeDescription {
  overflow: hidden;
}

.rnNewNavPageDialog__navTypeImage {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}

.rnNewNavPageDialog__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.spLicenseInfoDialog {
  height: 100%;
  width: 100%;
  position: relative;
}

.spLicenseInfoDialog__body {
  height: calc(100% - 90px);
  position: relative;
}

.spLicenseInfoDialog__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.spLicenseInfoDialog__licenseText {
  font-size: 11px;
  font-family: monospace;
  margin-top: 2px;
}

.spLicenseInfoDialog__panel a {
  outline: none;
}

.spLicenseInfoDialog__licenseLabel {
  font-weight: bold;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

rn-relationship-picker {
  font-size: 13px;
}

.rn-relationship-picker .picker-value-edit-option {
  vertical-align: top;
  background-color: #fff;
  border-radius: 3px;
}

.rn-relationship-picker .picker-value-edit-option[disabled] {
  background-color: #eee;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.sp-applicable-tasks {
  color: #444;
  padding: 10px 0;
  margin: 0;
  border-bottom: 1px dotted #ddd;
}

.sp-applicable-tasks > img {
  display: inline-block;
  width: 18px;
  height: 18px;
  padding: 1px 0 0 1px;
  margin-left: -1px;
  border: 1px solid #888;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
  vertical-align: middle;
}

.sp-tablet-device .sp-applicable-tasks input {
  min-height: 27px !important;
  font-size: 0.85em;
}

.sp-applicable-tasks .task-list {
  color: #444;
  background: transparent;
  padding: 5px;
  padding-right: 10px;
  margin-right: 5px;
  border-radius: 3px;
  border: none;
  cursor: pointer;
  font-weight: 500;
}

.sp-applicable-tasks .task-list:hover {
  background: rgba(0, 0, 0, 0.05);
}

.sp-applicable-tasks .task-name {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  font-weight: 500;
}

.sp-applicable-tasks .task-count {
  display: inline-block;
  float: left;
  position: absolute;
  width: 26px;
  padding: 0;
  margin-top: -10px;
  margin-left: -14px;
  color: #fff;
  text-align: center;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  background-color: #79d16b;
  border-radius: 13px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
          box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.sp-applicable-tasks .sp-task-buttons {
  display: inline-block;
}

.sp-applicable-tasks .sp-task-buttons button {
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 3px 12px;
  line-height: 1em;
  cursor: pointer;
  background-color: #414141;
  color: #ededed;
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  border: 1px solid #3c3c3c;
  border-bottom-color: #343434;
  border-radius: 3px;
  background-color: #f0f0f0;
  border-color: #bdbdbd;
  border-bottom-color: #c0c0c0;
  color: #606060;
  min-width: auto;
  height: 28px;
  padding-top: 1px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0.02em;
  border-radius: 10px;
}

.sp-applicable-tasks .sp-task-buttons button:hover,
.sp-applicable-tasks .sp-task-buttons button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.sp-applicable-tasks .sp-task-buttons button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.sp-applicable-tasks .sp-task-buttons button.active,
.sp-applicable-tasks .sp-task-buttons button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.sp-applicable-tasks .sp-task-buttons button.disabled,
.sp-applicable-tasks .sp-task-buttons button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sp-applicable-tasks .sp-task-buttons button.disabled img,
.sp-applicable-tasks .sp-task-buttons button[disabled] img {
  opacity: 0.4;
}

.sp-applicable-tasks .sp-task-buttons button:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.sp-applicable-tasks .sp-task-buttons button:hover,
.sp-applicable-tasks .sp-task-buttons button:focus {
  color: #333;
  text-decoration: none;
}

.sp-applicable-tasks .sp-task-buttons button:active,
.sp-applicable-tasks .sp-task-buttons button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.sp-applicable-tasks .sp-task-buttons button.disabled,
.sp-applicable-tasks .sp-task-buttons button[disabled],
fieldset[disabled] .sp-applicable-tasks .sp-task-buttons button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sp-applicable-tasks .sp-task-buttons button:hover,
.sp-applicable-tasks .sp-task-buttons button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.sp-applicable-tasks .sp-task-buttons button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.sp-applicable-tasks .sp-task-buttons button.active,
.sp-applicable-tasks .sp-task-buttons button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.sp-applicable-tasks .sp-task-buttons button.disabled,
.sp-applicable-tasks .sp-task-buttons button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sp-applicable-tasks .sp-task-buttons button.disabled img,
.sp-applicable-tasks .sp-task-buttons button[disabled] img {
  opacity: 0.4;
}

.sp-mobile-device .sp-applicable-tasks .sp-task-buttons button,
.sp-tablet-device .sp-applicable-tasks .sp-task-buttons button {
  min-height: 40px;
  min-width: 40px;
  font-size: initial;
}

.sp-applicable-tasks .sp-task-buttons button:hover,
.sp-applicable-tasks .sp-task-buttons button:focus {
  color: #2b2b2b;
  text-decoration: none;
  background-color: #e3e3e3;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.sp-applicable-tasks .sp-task-buttons button:focus {
  background-color: #f0f0f0;
  outline: none;
  border: 1px solid #bdbdbd;
}

.sp-applicable-tasks .sp-task-buttons button.active,
.sp-applicable-tasks .sp-task-buttons button:active {
  background-image: none;
  background-color: #e3e3e3;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
  box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
}

.sp-applicable-tasks .sp-task-buttons button.disabled,
.sp-applicable-tasks .sp-task-buttons button[disabled] {
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sp-applicable-tasks .sp-task-buttons button.disabled img,
.sp-applicable-tasks .sp-task-buttons button[disabled] img {
  opacity: 0.4;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.sp-mobile-device .sp-applicable-tasks-mobile {
  border-radius: inherit;
  -webkit-box-shadow: inherit;
          box-shadow: inherit;
  padding: inherit;
  background: white;
}

.sp-mobile-device .sp-applicable-tasks-mobile .tasks-mobile-actions {
  margin-bottom: 10px;
}

.sp-mobile-device .sp-applicable-tasks-mobile .tasks-mobile-actions button {
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  color: white;
  background-color: #31a89f;
  cursor: pointer;
  padding: 5px;
  line-height: 1em;
  font-size: 12px;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  margin-top: 5px;
}

.sp-mobile-device .sp-applicable-tasks-mobile .tasks-mobile-actions button:hover {
  background-color: #206d67;
  border-color: white;
}

.sp-mobile-device .sp-applicable-tasks-mobile .tasks-mobile-actions button:focus {
  outline: none;
}

.sp-mobile-device .sp-applicable-tasks-mobile .tasks-mobile-actions button:disabled {
  pointer-events: none;
}

.sp-mobile-device .sp-applicable-tasks-mobile .tasks-mobile-actions button img {
  display: inline-block;
  margin-right: 10px;
  width: 22px;
  height: 22px;
  border: 1px solid #ccc;
  padding: 1px 0 0 1px;
  border-radius: 50%;
}

.sp-mobile-device .sp-applicable-tasks-mobile .tasks-mobile-actions button span {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}

.sp-mobile-device .sp-applicable-tasks-mobile .task-name {
  display: block;
  padding: 10px 0 5px;
  color: #000;
  font-size: 17px;
}

.sp-mobile-device .sp-applicable-tasks-mobile textarea {
  height: 5em;
  font-size: 16px;
}

.sp-mobile-device .sp-applicable-tasks-mobile .user-action-comment-mandatory-indicator {
  color: #f94945;
  width: 2px;
  background-color: red;
  margin-top: 5px;
  height: 30px;
  float: left;
  margin-left: -3px;
  margin-right: -2px;
  max-height: inherit;
}

.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons {
  text-align: right;
  display: block;
}

.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button {
  display: inline-block;
  margin-top: 10px;
  margin-left: 5px;
  width: calc(25% - 5px);
}

.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button:first-child,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button:first-child {
  margin-left: 0;
  width: 25%;
}

.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button {
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 3px 12px;
  font-size: 12px;
  line-height: 1em;
  cursor: pointer;
  background-color: #414141;
  color: #ededed;
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  border: 1px solid #3c3c3c;
  border-bottom-color: #343434;
  border-radius: 3px;
  background-color: #f0f0f0;
  border-color: #bdbdbd;
  border-bottom-color: #c0c0c0;
  color: #606060;
  min-height: 40px;
  vertical-align: middle;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  border-radius: 20px;
  letter-spacing: 0.03em;
}

.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button:hover,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button:hover,
.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button:focus,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button:focus,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button.active,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button.active,
.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button:active,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button.disabled,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button.disabled,
.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button[disabled],
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button.disabled img,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button.disabled img,
.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button[disabled] img,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button[disabled] img {
  opacity: 0.4;
}

.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button:focus,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button:hover,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button:hover,
.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button:focus,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button:focus {
  color: #333;
  text-decoration: none;
}

.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button:active,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button:active,
.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button.active,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button.disabled,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button.disabled,
.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button[disabled],
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button[disabled],
fieldset[disabled] .sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button,
fieldset[disabled] .sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button:hover,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button:hover,
.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button:focus,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button:focus,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button.active,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button.active,
.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button:active,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button.disabled,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button.disabled,
.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button[disabled],
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button.disabled img,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button.disabled img,
.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button[disabled] img,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button[disabled] img {
  opacity: 0.4;
}

.sp-mobile-device .sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button,
.sp-mobile-device .sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button,
.sp-tablet-device .sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button,
.sp-tablet-device .sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button {
  min-height: 40px;
  min-width: 40px;
  font-size: initial;
}

.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button:hover,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button:hover,
.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button:focus,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button:focus {
  color: #2b2b2b;
  text-decoration: none;
  background-color: #e3e3e3;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button:focus,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button:focus {
  background-color: #f0f0f0;
  outline: none;
  border: 1px solid #bdbdbd;
}

.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button.active,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button.active,
.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button:active,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button:active {
  background-image: none;
  background-color: #e3e3e3;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
  box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
}

.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button.disabled,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button.disabled,
.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button[disabled],
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button[disabled] {
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button.disabled img,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button.disabled img,
.sp-mobile-device .sp-applicable-tasks-mobile sp-task-buttons .sp-task-button button[disabled] img,
.sp-mobile-device .sp-applicable-tasks-mobile .open-prompt-buttons .sp-task-button button[disabled] img {
  opacity: 0.4;
}

sp-default-content-header {
  height: 30px;
  display: block;
}

.header-button {
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  height: 28px;
  padding: 0 20px;
  min-width: 35px;
  border: none;
  opacity: 0.7;
  margin: 2px;
  background-color: #31a89f;
  -webkit-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
  white-space: nowrap;
}

.header-button:hover,
.header-button:focus,
.header-button:active {
  opacity: 1;
  outline: none;
}

.header-button img {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.sp-mobile-device .header-button img,
.sp-tablet-device .header-button img {
  margin: 0;
}

.header-button img:focus {
  outline: none;
}

.header-button--back {
  background-color: #444;
}

.hosted-header-toolbar-container {
  padding-right: 5px;
  position: absolute;
  right: 0;
  top: 0;
  left: unset;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

label.icon-checkbox {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  padding: 6px 8px 0;
  min-height: 27px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  white-space: nowrap;
}

.sp-mobile-device label.icon-checkbox {
  padding: 5px;
  margin-top: 10px;
}

.ng-valid-required label.icon-checkbox {
  cursor: pointer;
}

label.icon-checkbox input[type="checkbox"] {
  opacity: 0;
  position: absolute;
}

label.icon-checkbox span {
  opacity: 0.5;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

label.icon-checkbox span:after {
  display: inline-block;
  margin-left: 2px;
  font-size: 9px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.sp-mobile-device label.icon-checkbox span:after {
  font-size: 12px;
  vertical-align: middle;
}

label.icon-checkbox span[title="Allow notes"]:after {
  content: "notes";
}

label.icon-checkbox span[title="Allow attachments"]:after {
  content: "attachments";
}

label.icon-checkbox span img {
  pointer-events: none;
  width: 16px;
  height: 16px;
}

.sp-mobile-device label.icon-checkbox span img {
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

label.icon-checkbox input[type="checkbox"]:disabled + span {
  opacity: 0.85 !important;
}

label.icon-checkbox input[type="checkbox"]:checked + span {
  opacity: 1;
}

label.icon-checkbox input[type="checkbox"]:checked + span:after {
  color: #333;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.spNavContainerPicker-view .spNavContainerPicker-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: 1px;
  width: auto;
}

.spNavContainerPicker-view .spNavContainerPicker-input {
  width: 100%;
  cursor: pointer;
}

.spNavContainerPicker-view .spNavContainerPicker-button {
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 3px 12px;
  font-size: 12px;
  line-height: 1em;
  cursor: pointer;
  background-color: #414141;
  color: #ededed;
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  border: 1px solid #3c3c3c;
  border-bottom-color: #343434;
  border-radius: 3px;
  background-color: #f0f0f0;
  border-color: #bdbdbd;
  border-bottom-color: #c0c0c0;
  color: #606060;
  margin-left: 3px;
  padding: 0 7px;
  min-height: 27px;
}

.spNavContainerPicker-view .spNavContainerPicker-button:hover,
.spNavContainerPicker-view .spNavContainerPicker-button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.spNavContainerPicker-view .spNavContainerPicker-button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.spNavContainerPicker-view .spNavContainerPicker-button.active,
.spNavContainerPicker-view .spNavContainerPicker-button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.spNavContainerPicker-view .spNavContainerPicker-button.disabled,
.spNavContainerPicker-view .spNavContainerPicker-button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.spNavContainerPicker-view .spNavContainerPicker-button.disabled img,
.spNavContainerPicker-view .spNavContainerPicker-button[disabled] img {
  opacity: 0.4;
}

.spNavContainerPicker-view .spNavContainerPicker-button:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.spNavContainerPicker-view .spNavContainerPicker-button:hover,
.spNavContainerPicker-view .spNavContainerPicker-button:focus {
  color: #333;
  text-decoration: none;
}

.spNavContainerPicker-view .spNavContainerPicker-button:active,
.spNavContainerPicker-view .spNavContainerPicker-button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.spNavContainerPicker-view .spNavContainerPicker-button.disabled,
.spNavContainerPicker-view .spNavContainerPicker-button[disabled],
fieldset[disabled] .spNavContainerPicker-view .spNavContainerPicker-button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.spNavContainerPicker-view .spNavContainerPicker-button:hover,
.spNavContainerPicker-view .spNavContainerPicker-button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.spNavContainerPicker-view .spNavContainerPicker-button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.spNavContainerPicker-view .spNavContainerPicker-button.active,
.spNavContainerPicker-view .spNavContainerPicker-button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.spNavContainerPicker-view .spNavContainerPicker-button.disabled,
.spNavContainerPicker-view .spNavContainerPicker-button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.spNavContainerPicker-view .spNavContainerPicker-button.disabled img,
.spNavContainerPicker-view .spNavContainerPicker-button[disabled] img {
  opacity: 0.4;
}

.sp-mobile-device .spNavContainerPicker-view .spNavContainerPicker-button,
.sp-tablet-device .spNavContainerPicker-view .spNavContainerPicker-button {
  min-height: 40px;
  min-width: 40px;
  font-size: initial;
}

.spNavContainerPicker-view .spNavContainerPicker-button:hover,
.spNavContainerPicker-view .spNavContainerPicker-button:focus {
  color: #2b2b2b;
  text-decoration: none;
  background-color: #e3e3e3;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.spNavContainerPicker-view .spNavContainerPicker-button:focus {
  background-color: #f0f0f0;
  outline: none;
  border: 1px solid #bdbdbd;
}

.spNavContainerPicker-view .spNavContainerPicker-button.active,
.spNavContainerPicker-view .spNavContainerPicker-button:active {
  background-image: none;
  background-color: #e3e3e3;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
  box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
}

.spNavContainerPicker-view .spNavContainerPicker-button.disabled,
.spNavContainerPicker-view .spNavContainerPicker-button[disabled] {
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.spNavContainerPicker-view .spNavContainerPicker-button.disabled img,
.spNavContainerPicker-view .spNavContainerPicker-button[disabled] img {
  opacity: 0.4;
}

.summaryValidation {
  background-color: lightyellow;
  padding: 10px;
}

.summaryValidation #alert-region {
  position: fixed;
  top: 30px;
  /* note - we recalc this in script */
  right: 0;
  width: 100%;
  z-index: 500;
}

.summaryValidation .alert-indicators {
  position: absolute;
  right: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
  z-index: 501;
}

.summaryValidation .alert-items {
  position: absolute;
  right: 0;
  width: 30%;
  margin: 0;
}

.summaryValidation .alert-items,
.summaryValidation .alert-indicators li {
  list-style: none;
}

.summaryValidation .alert-indicators li {
  padding: 3px 4px 3px 4px;
}

.summaryValidation .alert-items li {
  padding: 2px 20px 2px 10px;
  font-weight: lighter;
  font-size: smaller;
  font-weight: 600;
  background-color: #c62121;
  color: white;
}

.summaryValidation .alert-items li.error,
.summaryValidation .alert-indicators li.error {
  background-color: #c62121;
}

.summaryValidation .alert-items li.info,
.summaryValidation .alert-indicators li.info {
  background-color: #1f5ca7;
}

.summaryValidation .alert-items li.warn,
.summaryValidation .alert-indicators li.warn {
  background-color: #ff7e00;
}

.summaryValidation .alert-items img {
  background-color: white;
}

.summaryValidation .errorwatch {
  background-color: #c62121;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.input-container {
  min-width: 350px;
  width: 100%;
  margin-left: 0;
  margin-right: auto;
  padding: 0;
}

.input-row {
  display: table-row;
  height: 30px;
}

.sp-tablet-device .input-row,
.sp-mobile-device .input-row {
  height: 45px;
}

.input-label {
  width: 120px;
  float: left;
  padding-top: 6px;
  color: #888;
  font-size: 12px;
}

.sp-tablet-device .input-label,
.sp-mobile-device .input-label {
  font-size: 13px;
}

.input-label-colon {
  float: right;
  margin-right: 2px;
}

.input-label-colon-after {
  display: none;
}

.input-mandatory {
  float: left;
  width: 4px;
  height: 18px;
  margin-top: 4px;
}

.input-mandatory > img {
  width: 2px;
  height: 100%;
}

.sp-tablet-device .input-mandatory,
.sp-mobile-device .input-mandatory {
  height: 25px;
}

.input-field {
  min-width: 225px;
  width: calc(100% - 125px);
  float: left;
}

@media (max-width: 349px) {
  .input-container {
    width: 100%;
    margin-top: 0;
  }

  .input-label {
    width: auto;
    float: none;
    margin-top: 20px;
    margin-left: 5px;
  }

  .input-field {
    width: 300px;
    float: none;
    margin-left: 5px;
  }

  .input-label-colon {
    display: none;
  }

  .input-label-colon-after {
    display: inline-block;
  }
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.controls-view {
  display: inline-block;
  height: 100%;
  min-width: 100%;
}

.controls-view .left-view {
  width: 15%;
  min-width: 220px;
  float: left;
}

.controls-view .left-view ul {
  list-style-type: none;
}

.controls-view .right-view {
  display: inline-block;
}

.controls-view .consoletest-right-view {
  float: left;
  display: inline-block;
  width: calc(100% - 160px);
  height: 100%;
}

.controls-view .consoletest-left-view {
  width: 160px;
  float: left;
}

.controls-view .consoletest-left-view ul {
  list-style-type: none;
}

.controls-view .consoletest-left-view ul li {
  height: 20px;
}

.controls-view .consoletest-left-view ul li a {
  cursor: pointer;
}

.sp-control .mandatory-marker {
  color: red;
  vertical-align: middle;
}

.sp-number-control .mandatory-marker {
  color: red;
  vertical-align: middle;
}

.sp-decimal-control .mandatory-marker {
  color: red;
  vertical-align: middle;
}

.sp-currency-control .mandatory-marker {
  color: red;
  vertical-align: middle;
}

.sp-currency-control .prefix {
  display: inline-block;
}

.sp-currency-control .prefix:empty {
  width: inherit;
}

.sp-currency-control .sp-currency-control-prefix {
  position: absolute;
  display: block;
  left: 5px;
  height: 24px;
  top: 3px;
  padding: 0;
  z-index: 9;
  line-height: 1.2em;
}

.sp-mobile-device .sp-currency-control .sp-currency-control-prefix {
  top: 4px;
  padding: 0;
}

.sp-tablet-device .sp-currency-control .sp-currency-control-prefix {
  padding: 8px 0 0 0;
}

.sp-form-builder-container-content .sp-currency-control {
  opacity: 0.5;
  margin-top: -1px;
}

.sp-currency-control > span > span:empty + input[type="text"] {
  padding-left: 2px !important;
}

.datepicker-style button {
  background-color: #e3e3e3;
  border-color: #c3c3c3;
  padding: 5px 10px;
  color: #444;
}

.datepicker-style button:hover {
  color: #222;
  background-color: #d7d7d7;
}

.datepicker-style table {
  margin: 0;
}

.datepicker-style table:focus {
  outline: none;
}

.datepicker-style table > thead button {
  background-color: #e3e3e3;
  float: none;
  vertical-align: top;
}

.datepicker-style table > thead button:focus {
  outline: none;
  background-color: #e3e3e3;
}

.datepicker-style table > thead button .glyphicon-chevron-left:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 8px 4px 0;
  border-color: transparent #404040 transparent transparent;
}

.datepicker-style table > thead button .glyphicon-chevron-right:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 8px;
  border-color: transparent transparent transparent #404040;
}

.datepicker-style table > thead > tr:first-child > th {
  padding-bottom: 5px;
}

.datepicker-style table > thead > tr:nth-child(2) {
  border-bottom: 1px solid #ccc;
  line-height: 23px;
  font-weight: inherit;
  color: #999;
}

.datepicker-style table > tbody button {
  background-color: transparent;
  border-color: transparent;
}

.datepicker-style table > tbody button.btn-default.active {
  background-color: #575757 !important;
  color: #fff !important;
  border-color: #404040;
}

.datepicker-style table > tbody button.btn-default.active .text-info {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  margin: 0;
}

.datepicker-style table > tbody button.btn-info {
  background-color: #d7d7d7 !important;
  color: #404040 !important;
  border: none;
}

.datepicker-style table > tbody button.btn-info .text-info {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  margin: 0;
}

.datepicker-style table > tbody button .text-info {
  color: #fff !important;
  background-color: #bdbdbd;
  padding: 2px;
  border-radius: 3px;
  border: none;
  margin: -2px;
}

.datepicker-style table > tbody button:focus {
  border: none;
  outline: none;
}

.datepicker-style table td[ng-show="showWeeks"] {
  background-color: #eee;
  border-right: 1px solid #e5e5e5;
}

.datepicker-style li:nth-child(2) {
  border-top: 1px solid #aaa;
}

.datepicker-style li:nth-child(2) .btn-group {
  vertical-align: inherit;
}

.sp-checkbox-control .mandatory-marker {
  color: red;
  vertical-align: middle;
}

.sp-checkbox-control .sp-checkbox-control-label {
  display: inline-block;
}

.sp-checkbox-control .sp-checkbox-control-label-disabled {
  color: #ccc;
  cursor: default;
  margin: 0;
}

.sp-checkbox-control .sp-checkbox-control-input {
  position: relative;
  vertical-align: middle;
  margin: 0;
}

.editForm-edit .sp-checkbox-control .sp-checkbox-control-input {
  margin-top: 7px;
}

.sp-mobile-device .editForm-edit .sp-checkbox-control .sp-checkbox-control-input {
  margin-top: inherit;
}

.editForm-edit .sp-checkbox-control .sp-checkbox-control-input {
  margin-top: 7px;
}

.sp-mobile-device .editForm-edit .sp-checkbox-control .sp-checkbox-control-input,
.sp-tablet-device .editForm-edit .sp-checkbox-control .sp-checkbox-control-input {
  margin-top: inherit;
}

.sp-date-control .mandatory-marker {
  color: red;
  vertical-align: middle;
}

.sp-date-control ul.dropdown-menu {
  padding: 5px;
}

.sp-date-control ul.dropdown-menu button {
  background-color: #e3e3e3;
  border-color: #c3c3c3;
  padding: 5px 10px;
  color: #444;
}

.sp-date-control ul.dropdown-menu button:hover {
  color: #222;
  background-color: #d7d7d7;
}

.sp-date-control ul.dropdown-menu table {
  margin: 0;
}

.sp-date-control ul.dropdown-menu table:focus {
  outline: none;
}

.sp-date-control ul.dropdown-menu table > thead button {
  background-color: #e3e3e3;
  float: none;
  vertical-align: top;
}

.sp-date-control ul.dropdown-menu table > thead button:focus {
  outline: none;
  background-color: #e3e3e3;
}

.sp-date-control ul.dropdown-menu table > thead button .glyphicon-chevron-left:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 8px 4px 0;
  border-color: transparent #404040 transparent transparent;
}

.sp-date-control ul.dropdown-menu table > thead button .glyphicon-chevron-right:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 8px;
  border-color: transparent transparent transparent #404040;
}

.sp-date-control ul.dropdown-menu table > thead > tr:first-child > th {
  padding-bottom: 5px;
}

.sp-date-control ul.dropdown-menu table > thead > tr:nth-child(2) {
  border-bottom: 1px solid #ccc;
  line-height: 23px;
  font-weight: inherit;
  color: #999;
}

.sp-date-control ul.dropdown-menu table > tbody button {
  background-color: transparent;
  border-color: transparent;
}

.sp-date-control ul.dropdown-menu table > tbody button.btn-default.active {
  background-color: #575757 !important;
  color: #fff !important;
  border-color: #404040;
}

.sp-date-control ul.dropdown-menu table > tbody button.btn-default.active .text-info {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  margin: 0;
}

.sp-date-control ul.dropdown-menu table > tbody button.btn-info {
  background-color: #d7d7d7 !important;
  color: #404040 !important;
  border: none;
}

.sp-date-control ul.dropdown-menu table > tbody button.btn-info .text-info {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  margin: 0;
}

.sp-date-control ul.dropdown-menu table > tbody button .text-info {
  color: #fff !important;
  background-color: #bdbdbd;
  padding: 2px;
  border-radius: 3px;
  border: none;
  margin: -2px;
}

.sp-date-control ul.dropdown-menu table > tbody button:focus {
  border: none;
  outline: none;
}

.sp-date-control ul.dropdown-menu table td[ng-show="showWeeks"] {
  background-color: #eee;
  border-right: 1px solid #e5e5e5;
}

.sp-date-control ul.dropdown-menu li:nth-child(2) {
  border-top: 1px solid #aaa;
}

.sp-date-control ul.dropdown-menu li:nth-child(2) .btn-group {
  vertical-align: inherit;
}

.sp-date-control .date-input {
  margin-bottom: 0;
  width: 189px;
}

.sp-date-control button {
  padding: 0 10px;
  height: 27px;
}

.sp-date-control button.btn-calendar {
  margin-left: 3px;
  width: 33px;
}

.sp-date-config-control {
  display: block;
}

.sp-date-config-control .mandatory-marker {
  color: red;
  vertical-align: middle;
}

.title-plus-markers {
  position: relative;
  padding-right: 3px;
}

.title-plus-markers .mandatory-indicator {
  color: #f94945;
  width: 2px;
  background-color: red;
  height: 17px;
  float: right;
  margin-right: -2px;
}

.sp-tablet-device .title-plus-markers .mandatory-indicator,
.sp-mobile-device .title-plus-markers .mandatory-indicator {
  margin-top: 24px;
  height: 30px;
  float: left;
  margin-left: -3px;
  margin-right: -2px;
  max-height: inherit;
}

.title-plus-markers sp-custom-validation-message {
  position: absolute;
  top: 0;
  right: 1px;
}

.title-plus-markers sp-custom-validation-message img {
  background-color: darkorange;
  margin-top: -3px;
  border-radius: 4px;
  padding: 0 0 1px;
  width: 16px;
  margin-right: 3px;
}

.sp-mobile-device .title-plus-markers sp-custom-validation-message {
  top: 24px;
  right: 8px;
}

.sp-mobile-device .title-plus-markers sp-custom-validation-message img {
  margin: 0;
  margin-top: 2px;
  width: 26px;
  padding: 5px;
  border-radius: 50%;
}

.sp-time-control .mandatory-marker {
  color: red;
  vertical-align: middle;
}

.sp-time-control .control-group {
  vertical-align: middle;
  display: inline-block;
  line-height: 0;
}

.sp-time-control .control-group input {
  width: 100%;
  vertical-align: middle;
  margin: 0;
  text-align: center;
  padding: 0;
  line-height: normal;
}

.sp-time-control .sp-time-control-table {
  display: table;
  width: 100%;
  vertical-align: top;
}

.sp-time-control .time-input {
  margin-bottom: 0;
  width: 189px;
}

.sp-time-control .sp-time-control-input-cell {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}

.sp-time-control .sp-time-control-button-cell {
  display: table-cell;
  vertical-align: top;
  width: 1%;
  max-width: 36px;
  text-align: right;
}

.sp-time-control .btn-time {
  padding: 0 10px;
  height: 27px;
  margin-left: 3px;
  width: 33px;
}

.sp-date-control .sp-date-control-value-wrapper {
  display: table;
  width: 100%;
}

.sp-date-control .sp-date-control-button-wrapper {
  display: table-cell;
  width: 1%;
  max-width: 36px;
  text-align: right;
}

.sp-date-and-time-control .mandatory-marker {
  color: red;
  vertical-align: middle;
}

.sp-date-and-time-control .sp-date-control .date-input {
  width: 100%;
  min-width: 59px;
}

.sp-date-and-time-control .sp-date-control button {
  margin-right: 1px;
}

.sp-date-and-time-control .sp-time-control .time-input {
  width: 100%;
}

ul.dropdown-menu {
  z-index: 2000;
}

ul.dropdown-menu.ng-valid-date,
ul.dropdown-menu.ng-invalid-date,
ul.dropdown-menu.ng-valid-date-disabled {
  z-index: 2000 !important;
}

ul.dropdown-menu.ng-valid-date button,
ul.dropdown-menu.ng-invalid-date button,
ul.dropdown-menu.ng-valid-date-disabled button {
  background-color: #e3e3e3;
  border-color: #c3c3c3;
  padding: 5px 10px;
  color: #444;
}

ul.dropdown-menu.ng-valid-date button:hover,
ul.dropdown-menu.ng-invalid-date button:hover,
ul.dropdown-menu.ng-valid-date-disabled button:hover {
  color: #222;
  background-color: #d7d7d7;
}

ul.dropdown-menu.ng-valid-date table,
ul.dropdown-menu.ng-invalid-date table,
ul.dropdown-menu.ng-valid-date-disabled table {
  margin: 0;
}

ul.dropdown-menu.ng-valid-date table:focus,
ul.dropdown-menu.ng-invalid-date table:focus,
ul.dropdown-menu.ng-valid-date-disabled table:focus {
  outline: none;
}

ul.dropdown-menu.ng-valid-date table > thead button,
ul.dropdown-menu.ng-invalid-date table > thead button,
ul.dropdown-menu.ng-valid-date-disabled table > thead button {
  background-color: #e3e3e3;
  float: none;
  vertical-align: top;
}

ul.dropdown-menu.ng-valid-date table > thead button:focus,
ul.dropdown-menu.ng-invalid-date table > thead button:focus,
ul.dropdown-menu.ng-valid-date-disabled table > thead button:focus {
  outline: none;
  background-color: #e3e3e3;
}

ul.dropdown-menu.ng-valid-date table > thead button .glyphicon-chevron-left:before,
ul.dropdown-menu.ng-invalid-date table > thead button .glyphicon-chevron-left:before,
ul.dropdown-menu.ng-valid-date-disabled table > thead button .glyphicon-chevron-left:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 8px 4px 0;
  border-color: transparent #404040 transparent transparent;
}

ul.dropdown-menu.ng-valid-date table > thead button .glyphicon-chevron-right:before,
ul.dropdown-menu.ng-invalid-date table > thead button .glyphicon-chevron-right:before,
ul.dropdown-menu.ng-valid-date-disabled table > thead button .glyphicon-chevron-right:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 8px;
  border-color: transparent transparent transparent #404040;
}

ul.dropdown-menu.ng-valid-date table > thead > tr:first-child > th,
ul.dropdown-menu.ng-invalid-date table > thead > tr:first-child > th,
ul.dropdown-menu.ng-valid-date-disabled table > thead > tr:first-child > th {
  padding-bottom: 5px;
}

ul.dropdown-menu.ng-valid-date table > thead > tr:nth-child(2),
ul.dropdown-menu.ng-invalid-date table > thead > tr:nth-child(2),
ul.dropdown-menu.ng-valid-date-disabled table > thead > tr:nth-child(2) {
  border-bottom: 1px solid #ccc;
  line-height: 23px;
  font-weight: inherit;
  color: #999;
}

ul.dropdown-menu.ng-valid-date table > tbody button,
ul.dropdown-menu.ng-invalid-date table > tbody button,
ul.dropdown-menu.ng-valid-date-disabled table > tbody button {
  background-color: transparent;
  border-color: transparent;
}

ul.dropdown-menu.ng-valid-date table > tbody button.btn-default.active,
ul.dropdown-menu.ng-invalid-date table > tbody button.btn-default.active,
ul.dropdown-menu.ng-valid-date-disabled table > tbody button.btn-default.active {
  background-color: #575757 !important;
  color: #fff !important;
  border-color: #404040;
}

ul.dropdown-menu.ng-valid-date table > tbody button.btn-default.active .text-info,
ul.dropdown-menu.ng-invalid-date table > tbody button.btn-default.active .text-info,
ul.dropdown-menu.ng-valid-date-disabled table > tbody button.btn-default.active .text-info {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  margin: 0;
}

ul.dropdown-menu.ng-valid-date table > tbody button.btn-info,
ul.dropdown-menu.ng-invalid-date table > tbody button.btn-info,
ul.dropdown-menu.ng-valid-date-disabled table > tbody button.btn-info {
  background-color: #d7d7d7 !important;
  color: #404040 !important;
  border: none;
}

ul.dropdown-menu.ng-valid-date table > tbody button.btn-info .text-info,
ul.dropdown-menu.ng-invalid-date table > tbody button.btn-info .text-info,
ul.dropdown-menu.ng-valid-date-disabled table > tbody button.btn-info .text-info {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  margin: 0;
}

ul.dropdown-menu.ng-valid-date table > tbody button .text-info,
ul.dropdown-menu.ng-invalid-date table > tbody button .text-info,
ul.dropdown-menu.ng-valid-date-disabled table > tbody button .text-info {
  color: #fff !important;
  background-color: #bdbdbd;
  padding: 2px;
  border-radius: 3px;
  border: none;
  margin: -2px;
}

ul.dropdown-menu.ng-valid-date table > tbody button:focus,
ul.dropdown-menu.ng-invalid-date table > tbody button:focus,
ul.dropdown-menu.ng-valid-date-disabled table > tbody button:focus {
  border: none;
  outline: none;
}

ul.dropdown-menu.ng-valid-date table td[ng-show="showWeeks"],
ul.dropdown-menu.ng-invalid-date table td[ng-show="showWeeks"],
ul.dropdown-menu.ng-valid-date-disabled table td[ng-show="showWeeks"] {
  background-color: #eee;
  border-right: 1px solid #e5e5e5;
}

ul.dropdown-menu.ng-valid-date li:nth-child(2),
ul.dropdown-menu.ng-invalid-date li:nth-child(2),
ul.dropdown-menu.ng-valid-date-disabled li:nth-child(2) {
  border-top: 1px solid #aaa;
}

ul.dropdown-menu.ng-valid-date li:nth-child(2) .btn-group,
ul.dropdown-menu.ng-invalid-date li:nth-child(2) .btn-group,
ul.dropdown-menu.ng-valid-date-disabled li:nth-child(2) .btn-group {
  vertical-align: inherit;
}

.alerts-control-box {
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
  overflow: auto;
  z-index: 1863;
  pointer-events: none;
}

.alerts-control-box > sp-alerts-control {
  display: block;
  margin: 0 auto;
  max-width: 500px;
}

.sp-mobile-device .alerts-control-box {
  top: 0;
  max-width: 100%;
}

.alert-region {
  position: inherit;
  z-index: 500;
}

.tooltip {
  z-index: 2000 !important;
}

.tooltip-inner {
  word-wrap: break-word;
  max-width: 200px;
  padding: 3px 8px;
  color: #333;
  text-align: center;
  text-decoration: none;
  background-color: #f5f5f5;
  border: 1px solid #666;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
}

.popover {
  background-color: #e9e9e9;
  border-radius: 2px;
}

.popover.right {
  margin-left: 9px;
  border-radius: 2px;
}

.popover.right .arrow {
  top: 50%;
  left: -12px;
  margin-top: -13px;
}

.popover.right .arrow:after {
  border-right-color: #e9e9e9;
  bottom: -9px;
  left: 2px;
}

.popover .nb-popover-entries {
  background-color: #f5f5f5;
}

.sp-search-control {
  position: relative;
}

.sp-search-control input,
.sp-search-control input.sp-search-control-input,
.sp-search-control input.sp-search-control-clear {
  padding: 1px 6px;
  width: auto;
  min-height: 0 !important;
}

.screen .sp-search-control input.sp-search-control-input,
.custom-edit-form .sp-search-control input.sp-search-control-input,
.editForm-view .sp-search-control input.sp-search-control-input,
.sp-search-control input.sp-search-control-input {
  background-color: rgba(0, 0, 0, 0.05);
  min-height: inherit;
  width: 100% !important;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  color: #666;
  padding-left: 5px;
  padding-right: 25px;
  border: 1px solid transparent;
}

.screen .sp-search-control input.sp-search-control-input:focus,
.custom-edit-form .sp-search-control input.sp-search-control-input:focus,
.editForm-view .sp-search-control input.sp-search-control-input:focus,
.sp-search-control input.sp-search-control-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #30c5c5;
  outline: none;
}

.sp-tablet-device .screen .sp-search-control input.sp-search-control-input,
.sp-tablet-device .custom-edit-form .sp-search-control input.sp-search-control-input,
.sp-tablet-device .editForm-view .sp-search-control input.sp-search-control-input,
.sp-tablet-device .sp-search-control input.sp-search-control-input {
  height: 40px !important;
  background-color: #eee;
}

.sp-mobile-device .screen .sp-search-control input.sp-search-control-input,
.sp-mobile-device .custom-edit-form .sp-search-control input.sp-search-control-input,
.sp-mobile-device .editForm-view .sp-search-control input.sp-search-control-input,
.sp-mobile-device .sp-search-control input.sp-search-control-input {
  border-radius: 0;
  background-color: transparent;
  border-bottom: 1px solid #ddd;
  background-position: center right 9px;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 40px !important;
}

.sp-mobile-device .screen .sp-search-control input.sp-search-control-input:focus,
.sp-mobile-device .custom-edit-form .sp-search-control input.sp-search-control-input:focus,
.sp-mobile-device .editForm-view .sp-search-control input.sp-search-control-input:focus,
.sp-mobile-device .sp-search-control input.sp-search-control-input:focus {
  border: 1px solid transparent;
  border-bottom: 1px solid #30c5c5;
}

.builder-Toolbox .screen .sp-search-control input.sp-search-control-input,
.builder-Toolbox .custom-edit-form .sp-search-control input.sp-search-control-input,
.builder-Toolbox .editForm-view .sp-search-control input.sp-search-control-input,
.builder-Toolbox .sp-search-control input.sp-search-control-input,
.report-Builder-Toolbox .screen .sp-search-control input.sp-search-control-input,
.report-Builder-Toolbox .custom-edit-form .sp-search-control input.sp-search-control-input,
.report-Builder-Toolbox .editForm-view .sp-search-control input.sp-search-control-input,
.report-Builder-Toolbox .sp-search-control input.sp-search-control-input {
  background-color: rgba(0, 0, 0, 0.5);
  color: #ddd;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset;
  background-size: 10px 10px;
  border: none;
}

.sp-search-control .sp-search-control-input::-ms-clear {
  display: none;
}

.sp-search-control .sp-search-control-input:not(:valid) {
  background: rgba(0, 0, 0, 0.05) url(assets/images/16x16/SearchIcon.png) no-repeat scroll;
  background-position: 99% center;
}

.sp-mobile-device .sp-search-control .sp-search-control-input:not(:valid) {
  background-color: transparent;
}

.builder-Toolbox .sp-search-control .sp-search-control-input:not(:valid),
.report-Builder-Toolbox .sp-search-control .sp-search-control-input:not(:valid) {
  background-color: rgba(0, 0, 0, 0.5);
}

.sp-search-control .sp-search-control-busy ~ .sp-search-control-input:not(:valid) {
  background: rgba(0, 0, 0, 0.05) none;
}

.sp-search-control .sp-search-control-clear {
  background: transparent url(assets/images/16x16/SearchClear.png) no-repeat center;
  border: none;
  position: absolute;
  right: 5px;
  top: 3px;
}

.sp-mobile-device .sp-search-control .sp-search-control-clear {
  background: #fff url(assets/images/Mobile/delete.svg) no-repeat;
  top: 8px;
  right: 10px;
  width: 24px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-size: 24px 24px;
}

.sp-search-control .sp-search-control-input:not(:valid) ~ .sp-search-control-clear {
  display: none;
}

.sp-search-control .sp-search-control-busy ~ .sp-search-control-clear {
  display: none;
}

.sp-search-control .sp-search-control-busy {
  display: inline-block;
  position: absolute;
  height: 16px;
  width: 16px;
  right: 2px;
  top: 4px;
  margin: 0 auto;
  border-left: 2px solid rgba(174, 174, 174, 0.15);
  border-right: 2px solid rgba(174, 174, 174, 0.15);
  border-bottom: 2px solid rgba(174, 174, 174, 0.15);
  border-top: 2px solid rgba(174, 174, 174, 0.8);
  border-radius: 100%;
  -webkit-animation: sp-search-rotate 0.6s infinite linear;
          animation: sp-search-rotate 0.6s infinite linear;
}

.sp-mobile-device .sp-search-control {
  width: calc(100% - 20px);
  margin: 5px 10px;
  z-index: 100;
}

.sp-mobile-device .sp-search-control .sp-search-control-busy {
  top: 8px;
  right: 4px;
  pointer-events: none;
}

/*
@-webkit-keyframes sp-search-rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes sp-search-rotate {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes sp-search-rotate {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(359deg);
    }
}
    */

@-webkit-keyframes sp-search-rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes sp-search-rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

.sp-search-control__image--mobile {
  position: absolute;
  right: 5px;
  width: 24px;
  height: 24px;
  top: 8px;
  background: none !important;
}

.dropdown-menu {
  padding: 10px;
  background-color: #fcfcfc;
  border: 1px solid #ccc;
  border-radius: 0;
}

.dropdown-menu.action-view,
.charttype-dropdown .dropdown-menu {
  padding: 0;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 0 5px 7px;
  overflow: hidden;
  background-color: none !important;
}

.dropdown-menu li > a {
  display: block;
  padding: 6px 5px;
  color: #555;
  white-space: nowrap;
  clear: both;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus {
  text-decoration: none;
  color: #404040;
  background-color: #f5f5f5;
  background-image: none;
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #5a5a5a;
}

.dropdown-menu .disabled a {
  color: #999;
}

.dropdown-menu .disabled a:hover {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: default;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.sp-time-control-popup-view {
  z-index: 5000;
  width: 166px;
  white-space: nowrap;
}

.sp-time-control-popup-view input {
  height: 23px;
  min-height: 23px;
  width: 100%;
  text-align: center;
}

.sp-time-control-popup-view .sp-time-control-popup-button-container {
  width: 100%;
  height: 1px;
  background-color: lightgray;
  margin-top: 5px;
}

.sp-time-control-popup-view .button-done {
  margin-top: 10px;
}

.sp-time-control-popup-view .button-now {
  margin-top: 10px;
}

.sp-time-control-popup-view .btn {
  background-color: #e3e3e3;
  border-color: #c3c3c3;
  color: #444;
  padding: 6px;
}

.sp-time-control-popup-view .btn:hover {
  color: #222;
  background-color: #d7d7d7;
}

.sp-time-control-popup-view .btn-link {
  border-color: transparent;
  background-color: transparent;
  font-weight: 400;
  color: #444;
  border-radius: 0;
  width: 100%;
  padding: 0 6px;
  border-radius: 2px;
}

.sp-time-control-popup-view .btn-link:hover,
.sp-time-control-popup-view .btn-link:focus {
  color: #222;
}

.spTypeaheadItem {
  padding: 0 !important;
}

.spTypeaheadPopupMenu {
  padding: 5px;
}

.rn-rich-text ul {
  padding-left: 40px;
}

.rn-rich-text ol {
  padding-left: 40px;
}

.rn-rich-text ul li {
  list-style: disc;
}

.rn-rich-text ol li {
  list-style: decimal;
}

.rn-rich-text {
  overflow-y: auto;
}

.rn-rich-text .align-left {
  text-align: left;
}

.rn-rich-text .align-center {
  text-align: center;
}

.rn-rich-text .align-right {
  text-align: right;
}

.rn-rich-text-inline-editor--disabled .angular-squire-wrapper > div.placeholder {
  z-index: 100;
  background: #ebebe4;
  opacity: 0.5;
}

.rn-rich-text-inline-editor--compact .rn-rich-text-inline-editor {
  height: 2em;
  padding: 0;
  overflow-y: scroll;
}

.rn-rich-text-inline-editor--compact div.menu {
  display: none;
}

.rn-rich-text-inline-editor__content .align-left {
  text-align: left;
}

.rn-rich-text-inline-editor__content .align-center {
  text-align: center;
}

.rn-rich-text-inline-editor__content .align-right {
  text-align: right;
}

.rn-rich-text-inline-editor__content--compact > body {
  overflow: hidden;
}

.rn-rich-text-inline-editor__content--uncompact > body {
  overflow: auto;
}

html.angular-squire-iframe.rn-rich-text-inline-editor__content--compact > body {
  padding: 0;
}

.rn-rich-text-inline-editor__content > body {
  padding: 0;
  list-style-type: circle;
}

.rn-rich-text-inline-editor__content ul {
  padding-left: 40px;
}

.rn-rich-text-inline-editor__content ol {
  padding-left: 40px;
}

.rn-rich-text-inline-editor__content ul li {
  list-style: disc;
}

.rn-rich-text-inline-editor__content ol li {
  list-style: decimal;
}

.rn-rich-text-inline-editor--menu-pop-up .rn-rich-text-inline-editor > .angular-squire > .editor-container > .menu {
  display: none;
  background-color: white;
}

.rn-rich-text-inline-editor--menu-pop-up-static .rn-rich-text-inline-editor > .angular-squire > .editor-container > .menu {
  display: none;
  background-color: white;
}

.rn-rich-text-inline-editor--menu-pop-up .rn-rich-text-inline-editor:hover > .angular-squire > .editor-container > .menu,
.rn-rich-text-inline-editor--menu-pop-up .rn-rich-text-inline-editor.hover > .angular-squire > .editor-container > .menu {
  display: block;
  position: absolute;
  margin-top: -26px;
  z-index: 100;
  cursor: default;
}

.rn-rich-text-inline-editor--menu-pop-up .rn-rich-text-inline-editor > .angular-squire > .editor-container {
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.dataGridStyle {
  border: 0 solid #d4d4d4;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  outline: none;
}

.dataGridStyle .ngViewport:first-child {
  height: 100% !important;
}

.dataGridImageCellLeft {
  position: relative;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  min-height: 16px;
}

.dataGridImageCellLeft.dataGridImageRichText,
.dataGridImageCellRight.dataGridImageRichText {
  /* vertical-align:middle is unsuitable for multi-line rich with icon */
  vertical-align: top;
  margin-top: 3px;
}

.dataGridImageCellRight {
  position: relative;
  margin-left: 3px;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.dataGridFormattedCell {
  position: relative;
  width: 100%;
  height: 100%;
}

.dataGridCellProgressBarGradient {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), color-stop(50%, rgba(255, 255, 255, 0.25)), color-stop(51%, rgba(255, 255, 255, 0.125)), to(rgba(0, 0, 0, 0.2)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.125) 51%, rgba(0, 0, 0, 0.2) 100%);
  /* W3C */
}

.dataGridCellVerticalAlign {
  bottom: 0;
  left: 0;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  top: 0;
  vertical-align: middle;
  right: 0;
}

.dataGridCellText {
  vertical-align: middle;
  display: inline-block;
  padding: 0;
  position: absolute !important;
}

.dataGridCellText a {
  color: inherit;
}

.dataGridCellText blockquote {
  padding: 0;
  margin: 0;
  border: none;
}

.dataGridCellImageText {
  vertical-align: middle;
  display: inline-block;
  padding: 0;
}

.dataGridCellImageText a {
  color: inherit;
}

.dataGridCell {
  padding: 3px 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.dataGridImageCellContent {
  display: table-cell;
  height: 100%;
}

.dataGridImageCell {
  padding: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: table;
}

.sp-mobile-device .dataGridImageCell {
  padding: 3px 3px 2px;
}

.dataGrid-view {
  width: 100%;
  height: 100%;
  position: relative;
  /******** Rows ********/
  /** Override the default row style */
}

.dataGrid-view .ngGrid {
  background-color: transparent;
}

.sp-tablet-device .dataGrid-view {
  padding: 3px 10px;
}

.dataGrid-view .ngRow {
  border-bottom: #fcfcfc;
  background-color: #fff;
  cursor: pointer;
}

.dataGrid-view .ngRow:hover {
  background-color: #f7f7f7;
}

.dataGrid-view .ngRow.selected {
  background-color: rgba(0, 0, 0, 0.07);
}

.dataGrid-view .ngRow.selected:hover {
  background-color: rgba(0, 0, 0, 0.07);
}

.dataGrid-view .ngRow.canSelect {
  cursor: pointer;
}

.dataGrid-view .ngSelectionCell {
  margin-top: 0;
}

.dataGrid-view .headerContextMenuPanel {
  top: 5px;
  right: 5px;
  position: absolute;
  display: block;
}

.dataGrid-view .headerContextMenuButton {
  padding: 0;
  line-height: 0;
  margin-top: 3px;
  height: 16px;
  width: 16px;
  display: none;
  background-color: #fff;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  min-height: inherit;
}

.dataGrid-view .headerContextMenuButton:hover {
  border: 1px solid #999;
  background-color: #eee;
}

.dataGrid-view .headerContextMenuButton:focus {
  outline: none;
  border: 1px solid #aaa;
}

.sp-mobile-device .dataGrid-view .headerContextMenuButton,
.sp-tablet-device .dataGrid-view .headerContextMenuButton {
  min-height: 30px;
  width: 30px;
}

.dataGrid-view .ngAggregate {
  background-color: inherit;
  border-bottom: 1px solid transparent;
}

.dataGrid-view .aggregateHeaderContextMenuButton {
  padding: 0;
  line-height: 0;
  height: 16px;
  width: 16px;
  min-height: inherit;
  display: none;
  background-color: #fff;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

.dataGrid-view .aggregateHeaderContextMenuButton:hover {
  border: 1px solid #999;
  background-color: #eee;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.dataGrid-view .aggregateHeaderContextMenuButton:focus {
  outline: none;
  border: 1px solid #aaa;
}

.sp-mobile-device .dataGrid-view .aggregateHeaderContextMenuButton,
.sp-tablet-device .dataGrid-view .aggregateHeaderContextMenuButton {
  height: 19px;
  width: 32px;
}

.dataGrid-view .dataGridColumnHeader:hover .headerContextMenuButton {
  display: inherit;
}

.dataGrid-view .dataGridColumnHeaderMenuOpened .headerContextMenuButton {
  display: inherit;
}

.dataGrid-view .dataGridAggregateHeader:hover .aggregateHeaderContextMenuButton {
  display: inherit;
}

.dataGrid-view .dataGridAggregateHeaderMenuOpened .aggregateHeaderContextMenuButton {
  display: inherit;
}

.dataGrid-view .aggregateHeaderContextMenuPanel {
  display: inline-block;
  position: absolute;
  margin-left: 3px;
}

.dataGrid-view .columnHeaderDropDownIcon {
  padding: 0;
  display: inline-block;
  width: 15px;
  height: 16px;
  background-image: url("assets/images/16x16/DownArrow.png");
  background-position-x: -1px;
  vertical-align: middle;
}

.sp-mobile-device .dataGrid-view .columnHeaderDropDownIcon,
.sp-tablet-device .dataGrid-view .columnHeaderDropDownIcon {
  width: 32px;
  background: url("assets/images/16x16/DownArrow.png") no-repeat center center;
}

.dataGrid-view .dataGridAggregateTextRow {
  position: absolute;
  display: inline-block;
  left: 20px;
  right: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 6px 0 0;
}

.dataGrid-view .dataGridAggregateText {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 95%;
  font-size: 11px;
  font-weight: bold;
}

.dataGrid-view .dataGridAggregateLoadMoreData {
  display: inline-block;
  right: 2px;
  position: absolute;
  cursor: pointer;
}

.dataGrid-view .dataGridAggregateArrow {
  bottom: auto;
  top: 5px;
}

.dataGrid-view .aggRowDepth0 {
  background-color: #d4d4d4;
  color: #333 !important;
  -webkit-transition: background-color ease-out 0.15s;
  transition: background-color ease-out 0.15s;
  cursor: pointer;
  border-bottom: none;
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
          box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
}

.dataGrid-view .aggRowDepth0:hover {
  background-color: #ddd;
}

.dataGrid-view .aggRowDepth0.dataGridAggregateText {
  background-color: inherit;
}

.dataGrid-view .aggRowDepth0 .aggregateRowCell {
  pointer-events: none;
}

.dataGrid-view .aggRowDepth1,
.dataGrid-view .aggRowDepth2,
.dataGrid-view .aggRowDepthElse {
  background-color: #e0e0e0;
  color: #505050 !important;
  cursor: pointer;
  overflow: initial;
  border-bottom: none;
  -webkit-box-shadow: -100px 0 0 #e0e0e0;
          box-shadow: -100px 0 0 #e0e0e0;
}

.dataGrid-view .aggRowDepth1:hover,
.dataGrid-view .aggRowDepth2:hover,
.dataGrid-view .aggRowDepthElse:hover {
  background-color: #e9e9e9;
  -webkit-box-shadow: -100px 0 0 #e9e9e9;
          box-shadow: -100px 0 0 #e9e9e9;
}

.dataGrid-view .aggRowDepth1.dataGridAggregateText,
.dataGrid-view .aggRowDepth2.dataGridAggregateText,
.dataGrid-view .aggRowDepthElse.dataGridAggregateText {
  background-color: inherit;
}

.dataGrid-view .aggRowDepth1 .aggregateRowCell,
.dataGrid-view .aggRowDepth2 .aggregateRowCell,
.dataGrid-view .aggRowDepthElse .aggregateRowCell {
  pointer-events: none;
}

.dataGrid-view .rowDataHeaderRow {
  overflow: hidden;
  color: #444;
  font-size: 11px;
  font-weight: bold;
}

.dataGrid-view .ngVerticalBarVisible {
  color: #c5c5c5;
}

.dataGrid-view .rowDataHeaderCell {
  padding-top: 0;
}

.dataGrid-view .rowDataHeaderTotal {
  text-transform: uppercase;
  height: 100%;
  border-bottom: 1px solid #888;
  padding: 5px 0 0 5px;
  background-color: #f9f9f9;
}

.dataGrid-view .rowDataHeaderCellTotalCell {
  text-align: right;
  padding: 5px 5px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 20px;
}

.sp-mobile-device .dataGrid-view .rowDataHeaderCellTotalCell,
.sp-tablet-device .dataGrid-view .rowDataHeaderCellTotalCell {
  padding: 0 5px;
}

.dataGrid-view .aggregateRowCell {
  position: absolute;
  pointer-events: none;
}

.dataGrid-view .aggregateRowCellTotalCell {
  text-align: right;
  padding: 0 6px;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 16px;
  font-size: 12px;
}

.dataGrid-view .aggregateLoadMoreDataCell {
  pointer-events: auto;
}

.dataGridUnselectable {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.ngAggArrowExpanded {
  position: absolute;
  left: 8px;
  bottom: 10px;
  width: 0;
  height: 0;
  margin-top: 6px;
  border-style: solid;
  border-width: 0 0 6px 6px;
  border-color: transparent transparent #a0a0a0 transparent;
}

.ngAggArrowExpanded:hover {
  border-color: transparent transparent #bbb transparent;
}

.aggRowDepth0 .ngAggArrowExpanded {
  border-color: transparent transparent #404040 transparent;
}

.aggRowDepth1 .ngAggArrowExpanded,
.aggRowDepth2 .ngAggArrowExpanded,
.aggRowDepthElse .ngAggArrowExpanded {
  border-color: transparent transparent #666 transparent;
}

.ngAggArrowCollapsed {
  position: absolute;
  left: 8px;
  bottom: 10px;
  width: 0;
  height: 0;
  margin-top: 6px;
  border-style: solid;
  border-width: 3px 0 3px 6px;
  border-color: transparent transparent transparent #000;
}

.aggRowDepth0 .ngAggArrowCollapsed {
  border-color: transparent transparent transparent #404040;
}

.aggRowDepth1 .ngAggArrowCollapsed,
.aggRowDepth2 .ngAggArrowCollapsed,
.aggRowDepthElse .ngAggArrowCollapsed {
  border-color: transparent transparent transparent #666;
}

.dataGridHeight {
  min-height: 100px;
}

.ngTopPanel {
  background-color: rgba(0, 0, 0, 0.005);
  -webkit-transition: width ease 0.3s;
  transition: width ease 0.3s;
}

.ngTopPanel .ngGroupPanel {
  background-color: #94989b;
  overflow: hidden;
  -webkit-box-shadow: 0 0 8px #484a50 inset;
          box-shadow: 0 0 8px #484a50 inset;
  color: #fff;
  padding: 2px 0;
  text-align: center;
  border-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: none;
}

.ngTopPanel .ngGroupPanel .ngGroupName {
  border: none;
  -webkit-box-shadow: 1px 1px 5px #98989b;
          box-shadow: 1px 1px 5px #98989b;
  font-weight: lighter;
}

.ngTopPanel .ngGroupPanel .ngGroupName .ngRemoveGroup {
  padding: 5px;
  margin-top: -5px;
  margin-right: -5px;
}

.sp-tablet-device .ngTopPanel .ngHeaderContainer .ngHeaderCell,
.sp-mobile-device .ngTopPanel .ngHeaderContainer .ngHeaderCell {
  border-top: 1px solid #c9c9c9;
  border-bottom: 1px solid #bdbdbd;
  background-color: #f8f8f8;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-tablet-device .ngTopPanel .ngHeaderContainer .ngHeaderCell:last-child,
.sp-mobile-device .ngTopPanel .ngHeaderContainer .ngHeaderCell:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.ngTopPanel .ngHeaderContainer .ngHeaderCell:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

.sp-tablet-device .ngTopPanel .ngHeaderContainer .ngHeaderCell:hover,
.sp-mobile-device .ngTopPanel .ngHeaderContainer .ngHeaderCell:hover {
  background-color: #e5e5e5;
}

.ngTopPanel .ngHeaderContainer .ngHeaderCell .ngHeaderText {
  padding: 8px 5px 5px;
  font-weight: normal;
  color: #808080;
}

.sp-mobile-device .ngTopPanel .ngHeaderContainer .ngHeaderCell .ngHeaderText {
  padding: 15px 5px 8px;
  font-size: 13px;
}

.sp-tablet-device .ngTopPanel .ngHeaderContainer .ngHeaderCell .ngHeaderText {
  padding: 15px 5px 8px;
  font-size: 14px;
}

.ngTopPanel .ngHeaderContainer .ngVerticalBarVisible {
  background-color: #d4d4d4 !important;
}

.ngTopPanel .ngColMenu {
  border: none;
  background-color: #333;
  top: 34px;
  right: 0;
  border-radius: 0;
}

.ngTopPanel .ngHeaderButton {
  position: absolute;
  right: 10px;
  top: 8px;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  z-index: 1;
  background-color: #ececec;
  cursor: pointer;
}

.ngSortButtonDown {
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  border-color: rgba(100, 100, 100, 0.5) transparent;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  height: 0;
  width: 0;
}

.ngSortButtonUp {
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  border-color: rgba(100, 100, 100, 0.5) transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  height: 0;
  width: 0;
}

.ngViewport {
  overflow: auto;
  height: calc(100% - 30px) !important;
  min-height: 30px;
  -webkit-transition: width ease 0.3s;
  transition: width ease 0.3s;
}

.sp-mobile-device .ngViewport,
.sp-tablet-device .ngViewport {
  height: calc(100% - 46px) !important;
}

.ngViewport:focus {
  outline: 0;
}

.ngViewport .ngRow {
  position: absolute;
  background: transparent;
  color: #666;
}

.sp-mobile-device .ngViewport .ngRow,
.sp-tablet-device .ngViewport .ngRow {
  border-bottom: 1px solid #eee;
}

.ngViewport .ngRow:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

.ngViewport .ngRow.even {
  background-color: transparent;
}

.ngViewport .ngRow.selected {
  background-color: rgba(0, 0, 0, 0.07);
  color: #414141;
}

.ngViewport .ngRow .dataGridCell {
  font-size: 12px !important;
}

.sp-tablet-device .ngViewport .ngRow .dataGridCell,
.sp-mobile-device .ngViewport .ngRow .dataGridCell {
  font-size: 1em !important;
}

.ngViewport .ngRow .dataGridCell .dataGridCellVerticalAlign {
  border-radius: 6px;
  background: none;
  height: 22px !important;
}

.ngViewport .ngRow .dataGridCell .dataGridCellVerticalAlign.dataGridCellProgressBarGradient {
  line-height: 1.25;
  border-radius: 0;
  height: 15px !important;
}

.sp-tablet-device .ngViewport .ngRow .dataGridCell .dataGridCellVerticalAlign.dataGridCellProgressBarGradient,
.sp-mobile-device .ngViewport .ngRow .dataGridCell .dataGridCellVerticalAlign.dataGridCellProgressBarGradient {
  height: 20px !important;
  line-height: 1.4em;
}

.ngViewport .ngRow .dataGridImageCell .dataGridCellVerticalAlign {
  margin-left: 0;
}

.ngViewport .ngRow .dataGridImageCell .dataGridImageCellContent {
  vertical-align: middle;
}

.ngViewport .ngRow .dataGridImageCell .dataGridFormattedCell .dataGridCellProgressBarGradient {
  background: none;
  height: 12px !important;
  border-radius: 0;
  line-height: 1.42857143;
}

.ngTopPanel.ng-hide + .ngViewport {
  height: 100% !important;
}

.dataGridStyle.Rows .ngTopPanel {
  border-bottom: none;
}

.dataGridStyle.Rows .ngTopPanel .ngHeaderContainer {
  border-bottom: 1px solid transparent;
}

.dataGridStyle.Rows .ngTopPanel .ngHeaderContainer .ngHeaderScroller .ngHeaderCell {
  height: 27px;
  background-color: transparent;
  padding: 0;
}

.dataGridStyle.Rows .ngTopPanel .ngHeaderContainer .ngHeaderScroller .ngHeaderCell .ngHeaderSortColumn .headerContextMenuPanel {
  top: 0;
}

.dataGridStyle.Rows .ngTopPanel .ngHeaderContainer .ngHeaderScroller .ngHeaderCell .ngHeaderText {
  text-overflow: ellipsis;
}

.sp-mobile-device .dataGridStyle.Rows .ngTopPanel .ngHeaderContainer .ngHeaderScroller .ngHeaderCell .ngHeaderText,
.dataGridStyle.Rows .ngTopPanel .ngHeaderContainer .ngHeaderScroller .ngHeaderCell .ngHeaderText .sp-tablet-device {
  padding: 16px 5px;
}

.dataGridStyle.Rows .ngCanvas {
  height: auto !important;
}

.dataGridStyle.Rows .ngRow {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  margin-bottom: 1px;
}

.dataGridStyle.Rows .ngRow .dataGridCellVerticalAlign + .dataGridCellText {
  padding-left: 5px;
}

.dataGridStyle.Rows .dataGridCell {
  padding: 0 !important;
}

.dataGridStyle.Rows .dataGridCellText {
  padding: 1px 5px;
}

.dataGridStyle.Rows .dataGridImageCell .dataGridImageCellContent {
  vertical-align: middle;
}

.dataGridStyle.KPI {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.dataGridStyle.KPI .ngTopPanel .ngHeaderContainer .ngHeaderScroller {
  background-color: #fafafa;
}

.dataGridStyle.KPI .ngTopPanel .ngHeaderContainer .ngHeaderScroller .ngHeaderCell {
  background-color: transparent;
  text-align: center;
}

.dataGridStyle.KPI .ngTopPanel .ngHeaderContainer .ngHeaderScroller .ngHeaderCell:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.dataGridStyle.KPI .ngTopPanel .ngHeaderContainer .ngHeaderScroller .ngHeaderCell:last-child {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.dataGridStyle.KPI .ngTopPanel .ngHeaderContainer .ngHeaderScroller .ngHeaderCell:hover {
  background-color: #f5f5f5;
}

.dataGridStyle.KPI .ngTopPanel .ngHeaderContainer .ngHeaderScroller .ngHeaderCell .ngHeaderSortColumn {
  text-align: center;
  width: 100%;
}

.dataGridStyle.KPI .ngTopPanel .ngHeaderContainer .ngHeaderScroller .ngHeaderCell .ngHeaderText {
  width: 100%;
  text-align: center;
  text-overflow: ellipsis;
}

.dataGridStyle.KPI .ngCanvas {
  height: auto !important;
}

.dataGridStyle.KPI .ngRow {
  height: auto !important;
  padding: 0;
}

.sp-mobile-device .dataGridStyle.KPI .ngRow {
  border-bottom: 1px solid rgba(0, 0, 0, 0.02);
}

.sp-mobile-device .dataGridStyle.KPI .ngRow.selected {
  border-bottom: 1px solid transparent;
}

.dataGridStyle.KPI .ngCell {
  padding: 0;
  position: inherit;
  display: inline-block;
  height: 100% !important;
  text-align: center;
  min-height: 60px;
  -webkit-box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.1) inset;
          box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.1) inset;
  vertical-align: middle;
}

.dataGridStyle.KPI .ngCell:first-child {
  -webkit-box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.1) inset;
          box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.1) inset;
}

.ngRow.selected .sp-mobile-device .dataGridStyle.KPI .ngCell {
  -webkit-box-shadow: -1px 0 0 0 #444 inset;
          box-shadow: -1px 0 0 0 #444 inset;
}

.ngRow.selected .sp-mobile-device .dataGridStyle.KPI .ngCell:first-child {
  -webkit-box-shadow: 1px 0 0 0 #444 inset;
          box-shadow: 1px 0 0 0 #444 inset;
}

.dataGridStyle.KPI .dataGridCell {
  padding: 0;
  height: 60px;
}

.dataGridStyle.KPI .dataGridCell .dataGridCellVerticalAlign {
  border-radius: 10px;
  height: calc(100% - 12px) !important;
  width: calc(100% - 3px) !important;
  left: 1px;
}

.dataGridStyle.KPI .dataGridCell .dataGridFormattedCell {
  padding-top: 18px;
}

.sp-mobile-device .dataGridStyle.KPI .dataGridCell .dataGridFormattedCell {
  padding-top: 10px;
}

.dataGridStyle.KPI .dataGridCellText {
  position: inherit !important;
  line-height: inherit !important;
  font-size: 1.53em;
  padding: 0 5px;
}

.dataGridStyle.KPI .dataGridImageCell {
  padding: 0;
  height: 60px;
  text-align: left;
}

.dataGridStyle.KPI .dataGridCellImageText {
  position: inherit;
  line-height: initial !important;
  font-size: 1.53em;
  text-overflow: ellipsis;
}

.dataGridStyle.Tiles .ngTopPanel {
  border-bottom: none;
}

.dataGridStyle.Tiles .ngTopPanel .ngHeaderContainer .ngHeaderScroller .ngHeaderCell {
  background-color: transparent;
  text-align: center;
}

.dataGridStyle.Tiles .ngTopPanel .ngHeaderContainer .ngHeaderScroller .ngHeaderCell .ngHeaderSortColumn {
  text-align: center;
  position: inherit;
  text-overflow: ellipsis;
}

.dataGridStyle.Tiles .ngTopPanel .ngHeaderContainer .ngHeaderScroller .ngHeaderCell .ngHeaderText {
  width: 100%;
  text-align: center;
  text-overflow: ellipsis;
}

.dataGridStyle.Tiles .ngCanvas {
  height: auto !important;
}

.dataGridStyle.Tiles .ngRow {
  top: 0 !important;
  display: inline-block !important;
  max-width: 180px;
  border: 1px solid rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: inherit !important;
  margin: 5px 5px 0 0;
  padding: 10px;
  vertical-align: top;
  text-align: left;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.035);
  height: auto !important;
}

.dataGridStyle.Tiles .ngRow.selected {
  background-color: rgba(255, 255, 255, 0.05);
  border-bottom: none;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset;
}

.sp-mobile-device .dataGridStyle.Tiles .ngRow {
  max-width: calc(50% - 6px);
  margin: 5px 3px 0;
}

.dataGridStyle.Tiles .ngRow:hover {
  background-color: rgba(0, 0, 0, 0.07);
}

.dataGridStyle.Tiles .ngCell {
  position: inherit !important;
  top: inherit !important;
  height: auto !important;
  min-height: 20px;
  padding: 0;
  display: block;
  vertical-align: top;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
  width: 100%;
}

.dataGridStyle.Tiles .ngCell:first-child {
  font-size: 1em;
  padding: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  margin-bottom: 5px;
  font-weight: bolder;
  font-family: verdana, arial, helvetica;
}

.dataGridStyle.Tiles .ngCell:last-child {
  border-bottom: none;
}

.dataGridStyle.Tiles .dataGridCell {
  padding: 0;
  height: auto !important;
  border-bottom: none;
  width: 100%;
}

.dataGridStyle.Tiles .dataGridFormattedCell {
  position: relative;
  width: auto;
  height: 100%;
}

.dataGridStyle.Tiles .dataGridCellText {
  width: auto !important;
  position: inherit !important;
  display: inline-block;
  white-space: normal;
  text-overflow: ellipsis;
  padding: 0 5px;
}

.dataGridStyle.Tiles .dataGridImageCell {
  width: 100% !important;
  height: auto !important;
  padding: 0;
}

.dataGridStyle.Tiles .dataGridImageCell .dataGridImageCellContent {
  text-align: left !important;
}

.dataGridStyle.Tiles .dataGridImageCell .dataGridCellVerticalAlign {
  position: inherit;
  border-radius: 50%;
  max-width: 65px;
  max-height: 65px;
  background-size: cover;
  display: inline-block;
}

.dataGridStyle.Tiles .dataGridImageCellRight .dataGridCellImageText {
  line-height: initial !important;
}

.dataGridStyle.Conversation .ngTopPanel {
  border-bottom: none;
}

.dataGridStyle.Conversation .ngTopPanel .ngHeaderContainer .ngHeaderScroller .ngHeaderCell {
  background-color: transparent;
  text-align: center;
}

.dataGridStyle.Conversation .ngTopPanel .ngHeaderContainer .ngHeaderScroller .ngHeaderCell .ngHeaderSortColumn {
  text-align: center;
  position: inherit;
  text-overflow: ellipsis;
}

.dataGridStyle.Conversation .ngTopPanel .ngHeaderContainer .ngHeaderScroller .ngHeaderCell .ngHeaderText {
  width: 100%;
  text-align: center;
  text-overflow: ellipsis;
}

.dataGridStyle.Conversation .ngCanvas {
  height: auto !important;
}

.dataGridStyle.Conversation .ngRow {
  display: block !important;
  max-width: nones;
  overflow-y: auto;
  border: 1px solid rgba(0, 0, 0, 0);
  margin: 20px 0;
  padding: 10px;
  vertical-align: top;
  text-align: left;
  border-radius: 6px;
  background-color: #fefef0;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset;
}

.dataGridStyle.Conversation .ngRow.selected {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5) inset;
}

.sp-mobile-device .dataGridStyle.Conversation .ngRow {
  max-width: calc(50% - 6px);
  margin: 5px 3px 0;
}

.dataGridStyle.Conversation .ngRow:hover {
  background-color: rgba(0, 0, 0, 0.07);
}

.dataGridStyle.Conversation .ngCell {
  position: inherit !important;
  top: inherit !important;
  max-height: none !important;
  overflow-y: visible !important;
  height: auto !important;
  padding: 0;
  display: block;
  vertical-align: top;
  width: 100%;
  color: #a0a0a0;
}

.dataGridStyle.Conversation .ngCell:first-child {
  font-size: 1em;
  padding: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  margin-bottom: 5px;
  font-weight: bolder;
  font-family: verdana, arial, helvetica;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
  color: #414141;
}

.dataGridStyle.Conversation .ngCell:last-child {
  padding-top: 4px;
  color: #414141;
}

.dataGridStyle.Conversation .dataGridCell {
  padding: 0;
  height: auto !important;
  border-bottom: none;
  width: 100%;
}

.dataGridStyle.Conversation .dataGridFormattedCell {
  position: relative;
  width: auto;
  height: 22px;
}

.dataGridStyle.Conversation .dataGridCellText {
  width: auto !important;
  position: inherit !important;
  display: inline-block;
  line-height: inherit !important;
  white-space: pre-wrap;
  text-overflow: ellipsis;
  padding: 0 5px;
}

.dataGridStyle.Conversation .dataGridImageCell {
  width: 100% !important;
  height: auto !important;
  padding: 0;
}

.dataGridStyle.Conversation .dataGridImageCell .dataGridImageCellContent {
  text-align: left !important;
}

.dataGridStyle.Conversation .dataGridImageCell .dataGridCellVerticalAlign {
  position: inherit;
  border-radius: 50%;
  max-width: 65px;
  max-height: 65px;
  background-size: cover;
  display: inline-block;
}

.dataGridStyle.Conversation .dataGridImageCellRight .dataGridCellImageText {
  line-height: initial !important;
}

.checkboxCellTemplateTable {
  display: table;
  height: 100%;
}

.checkboxCellTemplateCell {
  display: table-cell;
  vertical-align: middle;
}

.dataGridCellText__ol ol li {
  list-style: decimal;
}

.dataGridCellText__ul ul li {
  list-style: disc;
}

.rn-row-wrapper.rn-pending {
  background-color: lightsteelblue;
}

.sp-delete-service .accordion .panel-group .panel {
  cursor: pointer;
  margin-top: 0;
}

.sp-delete-service .accordion .panel-group .panel .panel-heading {
  padding: 0 2px 4px 4px;
}

.sp-delete-service .accordion .panel-group .panel .panel-heading .panel-title .accordion-toggle {
  font-size: 12px;
  margin-left: 2px;
}

.sp-delete-service .accordion .panel-group .panel .panel-heading .panel-title .accordion-toggle .collapsed {
  background-image: url(assets/images/16x16/DownArrow.png);
  display: inline-block;
  position: relative;
  line-height: 1;
  width: 16px;
  height: 16px;
  float: left;
  margin-top: 3px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.sp-delete-service .accordion .panel-group .panel .panel-heading .panel-title .accordion-toggle .expanded {
  background-image: url(assets/images/16x16/DownArrow.png);
  display: inline-block;
  position: relative;
  line-height: 1;
  width: 16px;
  height: 16px;
  float: left;
  margin-top: 3px;
}

.dragging {
  -webkit-box-shadow: 1px 1px 3px 3px lightgrey;
          box-shadow: 1px 1px 3px 3px lightgrey;
  background-color: white;
  opacity: 0.5;
  border: solid 1px grey;
  border-radius: 5px;
  display: block;
  position: absolute;
  pointer-events: none;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.sp-edit-save-cancel {
  text-align: right;
  white-space: nowrap;
  display: block;
}

.sp-edit-save-cancel .divider {
  height: 20px;
  display: inline-block;
  margin: 0 2px -8px;
  border-left: 1px dotted #ccc;
}

.sp-edit-save-cancel button {
  height: 24px;
  margin: 2px;
  margin-left: 0;
}

.sp-edit-save-cancel button.disabled {
  height: 26px;
}

.mobile-layout .sp-edit-save-cancel .form-title {
  font-size: inherit;
}

.sp-edit-save-cancel__image--tablet {
  width: 24px;
  height: 24px;
}

.sp-edit-save-cancel__button--tablet {
  padding: 0 !important;
}

.sp-edit-save-cancel__button--mobile-disable-hover:hover {
  background-color: transparent !important;
}

.editable-label {
  display: inline-block;
}

.editable-label .editable-label-edit-container {
  margin-bottom: 4px;
}

.report-Builder-Page .editable-label .editable-label-edit-container {
  width: 700px;
}

.editable-label .editable-label-edit-container .editable-label-edit {
  width: 100% !important;
  font-size: inherit;
  padding: 0 2px;
}

.sp-tablet-device .editable-label .editable-label-edit-container .editable-label-edit {
  font-size: 0.7em;
}

.editable-label .editable-label-readonly-container .editable-label-readonly {
  -ms-word-break: normal;
  word-wrap: break-word;
}

.sp-tablet-device .editable-label .editable-label-readonly-container .editable-label-readonly {
  font-size: 0.8em;
}

.editable-label .editable-label-readonly-container .editable-label-readonly-readonly {
  -ms-word-break: normal;
  word-wrap: break-word;
  cursor: text;
}

.sp-tablet-device .editable-label .editable-label-readonly-container .editable-label-readonly-readonly {
  font-size: 0.8em;
}

.editable-label .editable-label-readonly-container .editable-label-readonly-editable {
  -ms-word-break: normal;
  word-wrap: break-word;
  cursor: pointer;
}

.sp-tablet-device .editable-label .editable-label-readonly-container .editable-label-readonly-editable {
  font-size: 0.8em;
}

.editable-label .editable-label-readonly-container .editable-label-readonly-placeholder {
  -ms-word-break: normal;
  word-wrap: break-word;
  opacity: 0.6;
}

.sp-tablet-device .editable-label .editable-label-readonly-container .editable-label-readonly-placeholder {
  font-size: 0.8em;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.spSortOptionsDialog-view .sortItem {
  display: table;
  margin-bottom: 4px;
}

.spSortOptionsDialog-view .sortItemLabel {
  display: inline-block;
  width: 55px;
  vertical-align: middle;
  margin-right: 2px;
}

.spSortOptionsDialog-view .sortItemValues {
  display: table-cell;
  width: 100%;
}

.spSortOptionsDialog-view .sortItemColumn {
  width: 60%;
  margin-bottom: 0;
  margin-right: 3px;
}

.spSortOptionsDialog-view .sortItemDirection {
  width: 30%;
  margin-bottom: 0;
  margin-right: 3px;
}

.spSortOptionsDialog-view .removeSortItemButton {
  line-height: 9px;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  margin-left: 10px;
  vertical-align: middle;
  -webkit-appearance: none;
}

.spSortOptionsDialog-view .removeSortItemButton:hover {
  text-decoration: none;
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=40);
}

.spSortOptionsDialog-view .horizontalDivider {
  width: 100%;
  height: 1px;
  background-color: #d4d4d4;
  display: inline-block;
  margin-bottom: 5px;
}

.spSortOptionsDialog-view .verticalAlignMiddle {
  vertical-align: middle;
}

.spSortOptionsDialog-view .sortItem .removeSortItemButton {
  display: none;
}

.spSortOptionsDialog-view .sortItem:hover .removeSortItemButton {
  display: inline-block;
}

.spSortOptionsDialog {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
}

.spSortOptionsDialog.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.spSortOptionsDialog.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.sp-mobile-device .spSortOptionsDialog {
  overflow-y: hidden;
}

.spSortOptionsDialog .modal-body {
  text-align: left;
}

.spSortOptionsDialog .modal-dialog {
  width: 500px;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.report-header-toolbar-button {
  background-color: transparent;
  border: none;
  border-radius: 0;
  height: 30px;
  padding: 3px 4px 0;
  color: #212121;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-transform: uppercase;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  font-size: 10px;
  line-height: 0;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
          box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
  outline: none;
  font-weight: bold;
  -webkit-appearance: inherit !important;
}

.report-header-toolbar-button img {
  width: 16px;
  height: 16px;
  opacity: 0.9;
}

.sp-tablet-device .report-header-toolbar-button img {
  width: 18px;
  height: 18px;
}

.report-header-toolbar-button:hover,
.report-header-toolbar-button:active,
.report-header-toolbar-button:focus {
  outline: none;
  color: #212121;
  -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.5) inset;
          box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.5) inset;
  border: none;
  background-color: #fdfdfd;
  text-decoration: none;
}

.report-header-toolbar-button:hover img,
.report-header-toolbar-button:active img,
.report-header-toolbar-button:focus img {
  opacity: 1;
}

.report-header-toolbar-button:disabled {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 0.4;
}

.tab-relationship-render-control .spreport-view {
  height: calc(100% - 30px) !important;
}

.spreport-view {
  width: 100%;
  position: relative;
  min-height: 100px;
  height: 100%;
}

.spreport-view .headerPanel {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 30px;
  vertical-align: middle;
}

.sp-tablet-device .spreport-view .headerPanel {
  height: 50px;
  padding: 5px;
}

sp-report-render-control .sp-tablet-device .spreport-view .headerPanel {
  padding: 5px 0;
}

.spreport-view .headerPanel:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.spreport-view .headerPanel .headerPanel-left {
  display: inline-block;
  width: 100%;
  max-width: calc(100% - 186px);
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}

.sp-tablet-device .spreport-view .headerPanel .headerPanel-left {
  max-width: calc(100% - 197px);
}

.spreport-view .headerPanel .headerPanel-right {
  float: right;
  display: inline-block;
  width: 186px;
  text-align: right;
}

.sp-tablet-device .spreport-view .headerPanel .headerPanel-right {
  width: 197px;
}

.spreport-view .headerPanel .headerPanel-right .headerPanel-left {
  display: inline-block;
  width: 100%;
  max-width: calc(100% - 186px);
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}

.sp-tablet-device .spreport-view .headerPanel .headerPanel-right .headerPanel-left {
  max-width: calc(100% - 197px);
}

.spreport-view .headerPanel .headerPanel-right .searchContainer {
  display: inline-block;
  width: 150px;
}

.sp-tablet-device .spreport-view .headerPanel .headerPanel-right .searchContainer {
  height: 40px;
}

.sp-tablet-device .spreport-view .headerPanel .headerPanel-right .searchContainer .sp-search-control-input {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.spreport-view .headerPanel .divider {
  height: 20px;
  display: inline-block;
  margin: 0 2px -7px;
  border-left: 1px dotted #ccc;
}

.spreport-view .headerPanel .tool-wrapper {
  display: inline-block;
}

.spreport-view .headerPanel select.headerPanelSelect {
  padding: 0;
  margin: 0;
  width: 100px;
  min-height: inherit;
  height: 20px;
  line-height: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.sp-tablet-device .spreport-view .headerPanel select.headerPanelSelect {
  height: 40px;
}

.spreport-view .headerPanel button {
  background-color: transparent;
  border: none;
  border-radius: 0;
  height: 30px;
  padding: 3px 4px 0;
  color: #212121;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-transform: uppercase;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  font-size: 10px;
  line-height: 0;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
          box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
  outline: none;
  font-weight: bold;
  -webkit-appearance: inherit !important;
}

.spreport-view .headerPanel button img {
  width: 16px;
  height: 16px;
  opacity: 0.9;
}

.sp-tablet-device .spreport-view .headerPanel button img {
  width: 18px;
  height: 18px;
}

.spreport-view .headerPanel button:hover,
.spreport-view .headerPanel button:active,
.spreport-view .headerPanel button:focus {
  outline: none;
  color: #212121;
  -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.5) inset;
          box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.5) inset;
  border: none;
  background-color: #fdfdfd;
  text-decoration: none;
}

.spreport-view .headerPanel button:hover img,
.spreport-view .headerPanel button:active img,
.spreport-view .headerPanel button:focus img {
  opacity: 1;
}

.spreport-view .headerPanel button:disabled {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 0.4;
}

.spreport-view .headerPanel button[name="newReport"]:hover,
.spreport-view .headerPanel button[name="newReport"]:active,
.spreport-view .headerPanel button[name="newReport"]:focus {
  -webkit-box-shadow: 0 -2px 0 #a4cc5e inset;
          box-shadow: 0 -2px 0 #a4cc5e inset;
}

.spreport-view .headerPanel button[title="Remove"]:hover,
.spreport-view .headerPanel button[title="Delete"]:hover,
.spreport-view .headerPanel button[title="Remove"]:active,
.spreport-view .headerPanel button[title="Delete"]:active,
.spreport-view .headerPanel button[title="Remove"]:focus,
.spreport-view .headerPanel button[title="Delete"]:focus {
  -webkit-box-shadow: 0 -2px 0 #f75959 inset;
          box-shadow: 0 -2px 0 #f75959 inset;
}

.spreport-view .headerPanel button[title="Add"]:hover,
.spreport-view .headerPanel button[title="Add"]:active,
.spreport-view .headerPanel button[title="Add"]:focus {
  -webkit-box-shadow: 0 -2px 0 #68a3ca inset;
          box-shadow: 0 -2px 0 #68a3ca inset;
}

.spreport-view .headerPanel button[title="Add Link"]:hover,
.spreport-view .headerPanel button[title="Add Link"]:active,
.spreport-view .headerPanel button[title="Add Link"]:focus {
  -webkit-box-shadow: 0 -2px 0 #53c3db inset;
          box-shadow: 0 -2px 0 #53c3db inset;
}

.spreport-view .headerPanel button[title="Action"] {
  -webkit-transition: none;
  transition: none;
}

.spreport-view .headerPanel button[title="Action"]:hover,
.spreport-view .headerPanel button[title="Action"]:active,
.spreport-view .headerPanel button[title="Action"]:focus {
  -webkit-box-shadow: 0 -2px 0 #ff7a00 inset;
          box-shadow: 0 -2px 0 #ff7a00 inset;
}

.spreport-view .headerPanel button[title="View"]:hover,
.spreport-view .headerPanel button[title="View"]:active,
.spreport-view .headerPanel button[title="View"]:focus {
  -webkit-box-shadow: 0 -2px 0 #5aafa1 inset;
          box-shadow: 0 -2px 0 #5aafa1 inset;
}

.spreport-view .headerPanel button[title="Debug"]:hover,
.spreport-view .headerPanel button[title="Debug"]:active,
.spreport-view .headerPanel button[title="Debug"]:focus {
  -webkit-box-shadow: 0 -2px 0 #884648 inset;
          box-shadow: 0 -2px 0 #884648 inset;
}

.spreport-view .headerPanel button[title="Edit"]:hover,
.spreport-view .headerPanel button[title="Edit"]:active,
.spreport-view .headerPanel button[title="Edit"]:focus {
  -webkit-box-shadow: 0 -2px 0 #d68d54 inset;
          box-shadow: 0 -2px 0 #d68d54 inset;
}

.spreport-view .headerPanel button[title="Export"]:hover,
.spreport-view .headerPanel button[title="Export"]:active,
.spreport-view .headerPanel button[title="Export"]:focus {
  -webkit-box-shadow: 0 -2px 0 #bd5252 inset;
          box-shadow: 0 -2px 0 #bd5252 inset;
}

.spreport-view .headerPanel button[title="CSV"]:hover,
.spreport-view .headerPanel button[title="CSV"]:active,
.spreport-view .headerPanel button[title="CSV"]:focus {
  -webkit-box-shadow: 0 -2px 0 #ffb400 inset;
          box-shadow: 0 -2px 0 #ffb400 inset;
}

.spreport-view .headerPanel button[title="Word"]:hover,
.spreport-view .headerPanel button[title="Word"]:active,
.spreport-view .headerPanel button[title="Word"]:focus {
  -webkit-box-shadow: 0 -2px 0 #0054d1 inset;
          box-shadow: 0 -2px 0 #0054d1 inset;
}

.spreport-view .headerPanel button[title="Excel"]:hover,
.spreport-view .headerPanel button[title="Excel"]:active,
.spreport-view .headerPanel button[title="Excel"]:focus {
  -webkit-box-shadow: 0 -2px 0 #00991d inset;
          box-shadow: 0 -2px 0 #00991d inset;
}

.spreport-view .headerPanel button.refreshButton:hover,
.spreport-view .headerPanel button.refreshButton:active,
.spreport-view .headerPanel button.refreshButton:focus {
  -webkit-box-shadow: 0 -2px 0 #2d8dbe inset;
          box-shadow: 0 -2px 0 #2d8dbe inset;
}

.spreport-view .headerPanel button[title="save changes"] {
  color: #68a92e;
}

.spreport-view .headerPanel button[title="save changes"]:hover,
.spreport-view .headerPanel button[title="save changes"]:active,
.spreport-view .headerPanel button[title="save changes"]:focus {
  -webkit-box-shadow: 0 -2px 0 #78c335 inset;
          box-shadow: 0 -2px 0 #78c335 inset;
}

.spreport-view .headerPanel button[title="discard changes"] {
  color: #f94945;
}

.spreport-view .headerPanel button[title="discard changes"]:hover,
.spreport-view .headerPanel button[title="discard changes"]:active,
.spreport-view .headerPanel button[title="discard changes"]:focus {
  -webkit-box-shadow: 0 -2px 0 #f94945 inset;
          box-shadow: 0 -2px 0 #f94945 inset;
}

.spreport-view .headerPanel button img {
  margin-top: -3px;
  vertical-align: middle;
}

.sp-tablet-device .spreport-view .headerPanel button {
  height: 40px;
  min-width: 40px;
  text-align: center;
  opacity: 0.9;
  font-size: 0.85em;
}

.sp-tablet-device .spreport-view .headerPanel button.ng-hide {
  margin: 0;
}

.sp-tablet-device .spreport-view .headerPanel button:hover,
.sp-tablet-device .spreport-view .headerPanel button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-tablet-device .spreport-view .headerPanel button:active {
  -webkit-transition: -webkit-box-shadow linear 0.2s;
  transition: -webkit-box-shadow linear 0.2s;
  transition: box-shadow linear 0.2s;
  transition: box-shadow linear 0.2s, -webkit-box-shadow linear 0.2s;
  -webkit-transition: box-shadow linear 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.spreport-view .headerPanel button[name="actionButton"] {
  position: absolute;
  left: 35px;
}

.spreport-view .headerPanel button + span,
.spreport-view .headerPanel button + ul + div + span {
  margin-left: -3px;
}

.spreport-view .headerPanel span + span {
  margin-left: -3px;
}

.spreport-view .headerPanel span + button[title="Create a new workflow"] {
  margin-left: 0;
}

.spreport-view .headerPanel span.divider + button {
  margin-left: 0;
}

.spreport-view .headerPanel .analyzerButton-view button {
  width: 30px;
}

.sp-tablet-device .spreport-view .headerPanel .analyzerButton-view button {
  height: 40px;
  width: 40px;
}

.spreport-view .headerPanel .analyzerButton-view button:hover,
.spreport-view .headerPanel .analyzerButton-view button:active {
  outline: none;
}

.spreport-view .reportDataGridStyle {
  height: calc(100% - 30px) !important;
  top: 30px;
}

.sp-tablet-device .spreport-view .reportDataGridStyle {
  top: 50px;
  height: calc(100% - 50px) !important;
}

.spreport-view .reportDataGridStyle .dataGrid-view .dataGridStyle .ngViewport {
  min-height: 150px;
}

.spreport-view .reportHeaderRow.ng-hide + .reportDataGridStyle {
  height: 100% !important;
}

.spreport-view .centeredCheckBox {
  vertical-align: middle;
  margin: 0;
}

.spreport-view .searchContainer {
  display: inline-block;
  width: 150px;
}

.sp-tablet-device .spreport-view .searchContainer {
  height: 40px;
}

.inlineRelPickerButtonContainer {
  float: left;
  margin-top: 3px;
  position: relative;
  z-index: 104;
}

.inlineRelPickerButtonContainer > button.inlineRelPicker-header-button {
  background-color: transparent;
  border: none;
  border-radius: 0;
  height: 30px;
  padding: 3px 4px 0;
  color: #212121;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-transform: uppercase;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  font-size: 10px;
  line-height: 0;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
          box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
  outline: none;
  font-weight: bold;
  -webkit-appearance: inherit !important;
}

.inlineRelPickerButtonContainer > button.inlineRelPicker-header-button img {
  width: 16px;
  height: 16px;
  opacity: 0.9;
}

.sp-tablet-device .inlineRelPickerButtonContainer > button.inlineRelPicker-header-button img {
  width: 18px;
  height: 18px;
}

.inlineRelPickerButtonContainer > button.inlineRelPicker-header-button:hover,
.inlineRelPickerButtonContainer > button.inlineRelPicker-header-button:active,
.inlineRelPickerButtonContainer > button.inlineRelPicker-header-button:focus {
  outline: none;
  color: #212121;
  -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.5) inset;
          box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.5) inset;
  border: none;
  background-color: #fdfdfd;
  text-decoration: none;
}

.inlineRelPickerButtonContainer > button.inlineRelPicker-header-button:hover img,
.inlineRelPickerButtonContainer > button.inlineRelPicker-header-button:active img,
.inlineRelPickerButtonContainer > button.inlineRelPicker-header-button:focus img {
  opacity: 1;
}

.inlineRelPickerButtonContainer > button.inlineRelPicker-header-button:disabled {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 0.4;
}

.sp-mobile-device .reportLoadMore {
  width: 100%;
  text-align: right;
}

.spReportHeaderPanelNewButton__newToolButton {
  border-radius: 4px !important;
  border: solid darkgray 1px !important;
  background-color: #f5f5f5 !important;
  height: 25px !important;
  padding-right: 6px !important;
}

.spReportHeaderPanelNewButton__newToolButton:hover,
.spReportHeaderPanelNewButton__newToolButton:active,
.spReportHeaderPanelNewButton__newToolButton:focus {
  background-color: #dcdcdc !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.spReportHeaderPanelNewButton__newToolMenuButton {
  border-radius: 4px !important;
  border: solid darkgray 1px !important;
  background-color: #f5f5f5 !important;
  height: 25px !important;
}

.spReportHeaderPanelNewButton__newToolMenuButton:hover,
.spReportHeaderPanelNewButton__newToolMenuButton:active,
.spReportHeaderPanelNewButton__newToolMenuButton:focus {
  background-color: #dcdcdc !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.spReportHeaderPanelNewButton__newToolButton--mobile {
  border-radius: 4px !important;
  border: solid darkgray 1px !important;
  background-color: #f5f5f5 !important;
  height: 35px !important;
  padding-right: 6px !important;
  padding-bottom: 0 !important;
}

.spReportHeaderPanelNewButton__newToolMenuButton--mobile {
  border-radius: 4px !important;
  border: solid darkgray 1px !important;
  background-color: #f5f5f5 !important;
  height: 35px !important;
  padding-bottom: 0 !important;
}

.rn-inlineEditToolbar {
  display: inline-block;
}

sp-data-grid-row .rn-inline-changed {
  height: 100%;
  background-color: #e1ffb1;
}

sp-data-grid-row .rn-inline-saved {
  height: 100%;
  background-color: rgba(202, 255, 202, 0.3);
  -webkit-box-shadow: 5px 0 0 0 green inset;
          box-shadow: 5px 0 0 0 green inset;
}

sp-data-grid-row .rn-inline-edit {
  height: 100%;
  background-color: #d5eeff;
}

sp-data-grid-row .rn-inline-edit .dataGridCell,
sp-data-grid-row .rn-inline-edit .dataGridImageCell {
  padding: 2px 5px;
}

sp-data-grid-row .rn-inline-error {
  height: 100%;
  background-color: rgba(255, 202, 202, 0.3);
  -webkit-box-shadow: 5px 0 0 0 red inset;
          box-shadow: 5px 0 0 0 red inset;
}

sp-inline-edit-control {
  display: inline-block;
  width: 100%;
  height: 100%;
}

sp-inline-edit-control .rn-inline-edit-value {
  margin-top: 4px;
}

sp-inline-edit-control .spreport-view .headerPanel {
  height: auto;
}

sp-inline-edit-control .spreport-view .headerPanel button {
  height: 24px;
}

sp-inline-edit-control .spreport-view .headerPanel .headerPanel-right .searchContainer {
  vertical-align: top;
}

sp-inline-edit-control .spreport-view .headerPanel .headerPanel-right .searchContainer .sp-search-control .sp-search-control-input {
  height: 24px;
}

.field-control-on-form--rich-text-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.rn-report-drag-drop-message {
  display: inline-block;
  margin-left: 10px;
  font-style: italic;
  font-size: 12px;
  color: #31a89f;
  font-weight: bold;
}

.sp-mobile-device .spreport-view .headerPanel {
  height: 50px;
  padding: 10px 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sp-mobile-device .spreport-view .headerPanel .headerPanel-left {
  display: block;
  width: inherit;
  max-width: inherit;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-overflow: ellipsis;
}

.sp-mobile-device .spreport-view .headerPanel .headerPanel-left .reportName {
  margin: 0;
  font-size: 18px;
  overflow: hidden;
}

.sp-mobile-device .spreport-view .headerPanel .headerPanel-right {
  display: block;
  float: inherit;
  min-width: 40%;
  width: auto;
  /*flex: 1;*/
}

.sp-mobile-device .spreport-view .headerPanel .headerPanel-right button {
  height: 40px;
  min-width: 40px;
  padding: 5px;
  font-size: 13px;
  border-radius: 6px;
  opacity: 0.8;
}

.sp-mobile-device .spreport-view .headerPanel .headerPanel-right button.ng-hide {
  margin: 0;
}

.sp-mobile-device .spreport-view .headerPanel .headerPanel-right button:hover,
.sp-mobile-device .spreport-view .headerPanel .headerPanel-right button:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  opacity: 1;
}

.sp-mobile-device .spreport-view .headerPanel .headerPanel-right button:active {
  transition: background-color linear 0.2s;
  -webkit-transition: background-color linear 0.2s;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  opacity: 1;
}

.sp-mobile-device .spreport-view .headerPanel .headerPanel-right button img {
  width: 24px;
  height: 24px;
}

.sp-mobile-device .spreport-view .headerPanel .headerPanel-right button[name="actionButton"] {
  position: absolute;
  left: 35px;
}

.sp-mobile-device .spreport-view .headerPanel .headerPanel-right button + span,
.sp-mobile-device .spreport-view .headerPanel .headerPanel-right button + ul + div + span {
  margin-left: -3px;
}

.sp-mobile-device .spreport-view .headerPanel:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.sp-mobile-device .spreport-view .reportDataGridStyle {
  height: calc(100% - 50px) !important;
  min-height: 100px;
  position: absolute;
  top: 50px;
  width: 100%;
}

.sp-mobile-device .spreport-view .reportDataGridStyle .dataGrid-view .dataGridStyle .ngViewport {
  min-height: inherit;
}

.sp-mobile-device .spmobile-report-view-container {
  height: 100%;
}

.sp-mobile-device .spmobile-report-view-container .headerPanel {
  height: 50px;
}

.sp-mobile-device .screen {
  margin-right: 0;
}

.sp-mobile-device .screen sp-report-render-control,
.sp-mobile-device .screen .report-render-control,
.sp-mobile-device .screen .spmobile-report-view-container {
  height: auto !important;
}

.sp-mobile-device .screen sp-report-render-control .spreport-view,
.sp-mobile-device .screen .report-render-control .spreport-view,
.sp-mobile-device .screen .spmobile-report-view-container .spreport-view {
  height: auto !important;
}

.sp-mobile-device .screen sp-report-render-control .spreport-view .reportDataGridStyle,
.sp-mobile-device .screen .report-render-control .spreport-view .reportDataGridStyle,
.sp-mobile-device .screen .spmobile-report-view-container .spreport-view .reportDataGridStyle,
.sp-mobile-device .screen sp-report-render-control .spreport-view .ngGrid,
.sp-mobile-device .screen .report-render-control .spreport-view .ngGrid,
.sp-mobile-device .screen .spmobile-report-view-container .spreport-view .ngGrid {
  height: auto !important;
  position: relative;
  top: inherit;
}

.sp-mobile-device .screen sp-report-render-control .spreport-view .ngViewport,
.sp-mobile-device .screen .report-render-control .spreport-view .ngViewport,
.sp-mobile-device .screen .spmobile-report-view-container .spreport-view .ngViewport {
  height: auto !important;
}

.sp-mobile-device .screen sp-report-render-control .spreport-view .ngCanvas,
.sp-mobile-device .screen .report-render-control .spreport-view .ngCanvas,
.sp-mobile-device .screen .spmobile-report-view-container .spreport-view .ngCanvas,
.sp-mobile-device .screen sp-report-render-control .spreport-view .ngViewport,
.sp-mobile-device .screen .report-render-control .spreport-view .ngViewport,
.sp-mobile-device .screen .spmobile-report-view-container .spreport-view .ngViewport,
.sp-mobile-device .screen sp-report-render-control .spreport-view .ngRow,
.sp-mobile-device .screen .report-render-control .spreport-view .ngRow,
.sp-mobile-device .screen .spmobile-report-view-container .spreport-view .ngRow,
.sp-mobile-device .screen sp-report-render-control .spreport-view .ngFooterPanel,
.sp-mobile-device .screen .report-render-control .spreport-view .ngFooterPanel,
.sp-mobile-device .screen .spmobile-report-view-container .spreport-view .ngFooterPanel,
.sp-mobile-device .screen sp-report-render-control .spreport-view .ngTopPanel,
.sp-mobile-device .screen .report-render-control .spreport-view .ngTopPanel,
.sp-mobile-device .screen .spmobile-report-view-container .spreport-view .ngTopPanel {
  width: 100% !important;
}

.sp-mobile-device .screen sp-report-render-control .spreport-view .ngRow,
.sp-mobile-device .screen .report-render-control .spreport-view .ngRow,
.sp-mobile-device .screen .spmobile-report-view-container .spreport-view .ngRow {
  /*border-bottom: none !important;*/
}

.rn-confirm-replace-document-dialog__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  margin-left: 10px;
  margin-right: 10px;
  margin: -10px 10px;
}

.rn-confirm-replace-document-dialog__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  margin: 10px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rn-confirm-replace-document-dialog__icon {
  background-repeat: no-repeat;
  background-size: contain;
  height: 24px;
  margin-right: 15px;
  width: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 10px;
}

.rn-confirm-replace-document-dialog-name {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 5px;
  white-space: nowrap;
}

.rn-file-upload-progress-dialog .modal-body {
  padding: 0 0 10px;
}

.rn-file-upload-progress-dialog-task-container {
  height: 300px;
}

.rn-file-upload-progress-dialog-footer-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rn-file-upload-progress-dialog-footer-error {
  text-align: left;
  color: red;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.sp-mobile-device .rn-file-upload-progress-dialog .modal-body {
  padding: 0;
  top: 0;
}

.sp-tablet-device .rn-file-upload-progress-dialog .modal-body {
  padding: 0;
  top: 0;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.fileUpload {
  position: relative;
  display: inline-block;
}

.image-uploader .fileUpload {
  display: block;
}

.fileUpload input.upload {
  position: absolute;
  cursor: pointer;
  opacity: 0;
  overflow: hidden;
  z-index: 2;
}

.fileUpload button {
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 3px 12px;
  font-size: 12px;
  line-height: 1em;
  cursor: pointer;
  background-color: #414141;
  color: #ededed;
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  border: 1px solid #3c3c3c;
  border-bottom-color: #343434;
  border-radius: 3px;
  background-color: #f0f0f0;
  border-color: #bdbdbd;
  border-bottom-color: #c0c0c0;
  color: #606060;
  min-height: 27px;
}

.fileUpload button:hover,
.fileUpload button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.fileUpload button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.fileUpload button.active,
.fileUpload button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.fileUpload button.disabled,
.fileUpload button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.fileUpload button.disabled img,
.fileUpload button[disabled] img {
  opacity: 0.4;
}

.fileUpload button:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.fileUpload button:hover,
.fileUpload button:focus {
  color: #333;
  text-decoration: none;
}

.fileUpload button:active,
.fileUpload button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.fileUpload button.disabled,
.fileUpload button[disabled],
fieldset[disabled] .fileUpload button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.fileUpload button:hover,
.fileUpload button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.fileUpload button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.fileUpload button.active,
.fileUpload button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.fileUpload button.disabled,
.fileUpload button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.fileUpload button.disabled img,
.fileUpload button[disabled] img {
  opacity: 0.4;
}

.sp-mobile-device .fileUpload button,
.sp-tablet-device .fileUpload button {
  min-height: 40px;
  min-width: 40px;
  font-size: initial;
}

.fileUpload button:hover,
.fileUpload button:focus {
  color: #2b2b2b;
  text-decoration: none;
  background-color: #e3e3e3;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.fileUpload button:focus {
  background-color: #f0f0f0;
  outline: none;
  border: 1px solid #bdbdbd;
}

.fileUpload button.active,
.fileUpload button:active {
  background-image: none;
  background-color: #e3e3e3;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
  box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
}

.fileUpload button.disabled,
.fileUpload button[disabled] {
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.fileUpload button.disabled img,
.fileUpload button[disabled] img {
  opacity: 0.4;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.entityPickers-view .alignMiddle {
  vertical-align: middle;
}

.entityPickers-view .marginLeft {
  margin-left: 2px;
}

.entityPickers-view .fullWidth {
  width: 100%;
}

.entityPickers-view .fullWidthTable {
  width: 100%;
  display: table;
}

.entityPickers-view .tableCell {
  text-align: left;
  display: table-cell;
}

.entityPickers-view .sp-dropdown-button {
  width: 100%;
  background-color: white;
}

.entityPickers-view .sp-dropdown-button[disabled="disabled"] {
  opacity: 0.5;
}

.sp-form-builder-container-content .entityPickers-view .sp-dropdown-button {
  width: 221px;
}

.entityPickers-view .dropdownButtonLabel {
  display: inline-block;
  width: calc(100% - 26px);
  overflow: hidden;
  margin-left: 3px;
  margin-right: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  height: auto;
}

.sp-desktop-device .entityPickers-view .dropdownButtonLabel {
  padding-top: 0;
}

.sp-tablet-device .entityPickers-view .dropdownButtonLabel {
  padding-top: 0;
}

.entityPickers-view .entityDescription {
  font-size: smaller;
}

.entityPickers-view .entityRadioInput {
  margin: 0;
  vertical-align: top;
}

.entityPickers-view .entityRadioLabels {
  display: inline-block;
}

.entityPickers-view .entityMenuItem {
  font-size: 12px;
}

.sp-tablet-device .entityPickers-view .entityMenuItem {
  font-size: 1em;
}

.entityMultiComboPickerDropdownPopupMenu {
  max-height: 250px;
  overflow-y: scroll;
  z-index: 5000;
  background-color: #fafafa;
}

.entityCheckBoxPickerContainer {
  display: inline-block;
  width: 100%;
  border-left: 1px solid #ddd;
  padding-left: 3px;
  border-radius: 1px;
  border-bottom: 1px dotted #e5e5e5;
}

.entityCheckBoxPickerContainer:last-child {
  border-bottom: none;
}

.entityReportPickerDialog {
  height: calc(100% - 90px);
  min-height: 235px;
}

.entityReportPickerDialog .reportDataGridStyle {
  height: 200px;
  display: block;
}

.entityReportPickerDialog button.inlineRelPicker-button {
  background-color: transparent;
  border: none;
  border-radius: 0;
  height: 30px;
  padding: 3px 4px 0;
  color: #212121;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-transform: uppercase;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  font-size: 10px;
  line-height: 0;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
          box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
  outline: none;
  font-weight: bold;
  -webkit-appearance: inherit !important;
}

.entityReportPickerDialog button.inlineRelPicker-button img {
  width: 16px;
  height: 16px;
  opacity: 0.9;
}

.sp-tablet-device .entityReportPickerDialog button.inlineRelPicker-button img {
  width: 18px;
  height: 18px;
}

.entityReportPickerDialog button.inlineRelPicker-button:hover,
.entityReportPickerDialog button.inlineRelPicker-button:active,
.entityReportPickerDialog button.inlineRelPicker-button:focus {
  outline: none;
  color: #212121;
  -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.5) inset;
          box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.5) inset;
  border: none;
  background-color: #fdfdfd;
  text-decoration: none;
}

.entityReportPickerDialog button.inlineRelPicker-button:hover img,
.entityReportPickerDialog button.inlineRelPicker-button:active img,
.entityReportPickerDialog button.inlineRelPicker-button:focus img {
  opacity: 1;
}

.entityReportPickerDialog button.inlineRelPicker-button:disabled {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 0.4;
}

.entityReportPickerDialog button.inlineRelPicker-button img {
  margin-top: -2px;
}

.sp-tablet-device .entityReportPickerDialog {
  height: calc(100% - 55px);
}

.sp-tablet-device .entityReportPickerDialog .inlineRelPicker-buttonGroup {
  left: 68px !important;
  margin-top: 5px !important;
}

.sp-tablet-device .entityReportPickerDialog .inlineRelPicker-buttonGroup button {
  height: 40px;
  padding: 5px 15px 0;
}

.sp-mobile-device .entityReportPickerDialog {
  /*min-height: 275px;*/
  height: calc(100% - 55px);
  overflow-y: hidden;
}

.sp-mobile-device .entityReportPickerDialog .modal-header {
  display: block;
  padding: 15px;
}

.sp-mobile-device .entityReportPickerDialog .inlineRelPicker-buttonGroup {
  float: right;
  margin-top: -5px;
}

.sp-mobile-device .entityReportPickerDialog .inlineRelPicker-buttonGroup button {
  background-color: transparent;
  outline: none;
  height: 38px;
  margin-left: 3px;
  font-size: inherit;
}

.sp-mobile-device .entityReportPickerDialog .inlineRelPicker-buttonGroup button:active {
  -webkit-transition: -webkit-box-shadow linear 0.2s;
  transition: -webkit-box-shadow linear 0.2s;
  transition: box-shadow linear 0.2s;
  transition: box-shadow linear 0.2s, -webkit-box-shadow linear 0.2s;
  -webkit-transition: box-shadow linear 0.2s;
  -webkit-box-shadow: 0 0 0 #bbb;
          box-shadow: 0 0 0 #bbb;
}

.sp-mobile-device .entityReportPickerDialog .inlineRelPicker-buttonGroup button[name="actionButton"] {
  position: absolute;
  left: 35px;
}

.sp-mobile-device .entityReportPickerDialog .inlineRelPicker-buttonGroup button img {
  margin-top: -2px;
}

.sp-mobile-device .entityReportPickerDialog .inlineRelPicker-buttonGroup button img[name="viewmore"] {
  margin-left: 5px;
}

.sp-mobile-device .entityReportPickerDialog .spmobile-report-view-container {
  height: calc(100% - 105px);
}

.sp-mobile-device .entityReportPickerDialog .spreport-view .headerPanel {
  display: block;
  padding: 0;
  margin: 0;
  height: auto;
  min-height: 0;
  line-height: 0;
}

.sp-mobile-device .entityReportPickerDialog .spreport-view .headerPanel .reportName,
.sp-mobile-device .entityReportPickerDialog .spreport-view .headerPanel .headerPanel-left {
  display: inline;
  padding: 0;
  margin: 0;
  line-height: 0;
}

.sp-mobile-device .entityReportPickerDialog .spreport-view .headerPanel .reportName:empty,
.sp-mobile-device .entityReportPickerDialog .spreport-view .headerPanel .headerPanel-left:empty {
  display: none;
}

.sp-mobile-device .entityReportPickerDialog .reportDataGridStyle {
  top: 0;
  overflow-y: auto;
  position: inherit !important;
}

.sp-mobile-device .entityReportPickerDialog .reportDataGridStyle .ngViewport {
  height: calc(100% - 60px) !important;
}

.sp-mobile-device .entityReportPickerDialog .entityCompositePicker {
  height: 100%;
}

.sp-mobile-device .entityReportPickerDialog .entityCompositePicker div[ng-if="isStructureView && isMobile"] {
  height: 100%;
}

.entityCompositePicker .structureViewPickerContent {
  position: relative;
  height: 100%;
}

.entityCompositePicker .structureViewPickerNodes {
  position: absolute;
  left: 0;
  right: 0;
}

.sp-desktop-device .entityCompositePicker .structureViewPickerNodes {
  top: 35px;
}

.sp-tablet-device .entityCompositePicker .structureViewPickerNodes {
  top: 45px;
  bottom: 5px;
}

.entityCompositePicker .structureSearch {
  text-align: right;
  padding-bottom: 3px;
  margin-bottom: 3px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.entityCompositePicker .structureSearch .sp-search-control .sp-search-control-input {
  display: inline-block;
  width: 200px;
}

.sp-mobile-device .entityCompositePicker .structureSearch .sp-search-control .sp-search-control-input {
  display: block;
  width: 100%;
}

.sp-mobile-device .entityCompositePicker .structureSearch {
  border-bottom: none;
}

.entityCompositePicker ul {
  padding: 0;
  margin: 0;
  font-size: 13px;
  height: 100%;
  overflow-y: auto;
}

.sp-mobile-device .entityCompositePicker ul {
  font-size: initial;
  max-height: inherit;
  height: calc(100% - 111px);
}

.entityCompositePicker ul ul {
  padding: 0;
  padding-left: 20px;
  max-height: inherit;
}

.sp-mobile-device .entityCompositePicker ul ul {
  padding-left: 0;
}

.sp-mobile-device .entityCompositePicker ul ul span {
  padding: 10px 0 10px 20px !important;
}

.entityCompositePicker .structureItem_default {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 1px;
  border-radius: 4px;
}

.sp-mobile-device .entityCompositePicker .structureItem_default {
  border-radius: 0;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 0 0 0 20px;
}

.entityCompositePicker .structureItem_default:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

.entityCompositePicker .structureItem_default img {
  width: 22px;
  padding: 3px;
  cursor: pointer;
}

.entityCompositePicker .structureItem_default img[ng-if="navigateToParentVisible(nodeId)"] + span {
  opacity: 0.75;
}

.sp-mobile-device .entityCompositePicker .structureItem_default img[ng-if="navigateToParentVisible(nodeId)"] {
  margin-left: -20px;
}

.sp-mobile-device .entityCompositePicker .structureItem_default img {
  padding: 12px 16px 12px 15px;
  width: 40px;
  height: 40px;
}

.entityCompositePicker .structureItem_default span {
  display: block;
  padding: 6px 0;
  cursor: default;
  width: 99%;
}

.sp-mobile-device .entityCompositePicker .structureItem_default span {
  padding: 10px 0;
}

.entityCompositePicker .structureItem_default span.matched {
  color: #000;
  font-style: italic;
}

.entityCompositePicker .structureItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 1px;
  border-radius: 4px;
}

.sp-mobile-device .entityCompositePicker .structureItem {
  border-radius: 0;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 0 0 0 20px;
}

.entityCompositePicker .structureItem:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

.entityCompositePicker .structureItem img {
  width: 22px;
  padding: 3px;
  cursor: pointer;
}

.entityCompositePicker .structureItem img[ng-if="navigateToParentVisible(nodeId)"] + span {
  opacity: 0.75;
}

.sp-mobile-device .entityCompositePicker .structureItem img[ng-if="navigateToParentVisible(nodeId)"] {
  margin-left: -20px;
}

.sp-mobile-device .entityCompositePicker .structureItem img {
  padding: 12px 16px 12px 15px;
  width: 40px;
  height: 40px;
}

.entityCompositePicker .structureItem span {
  display: block;
  padding: 6px 0;
  cursor: default;
  width: 99%;
}

.sp-mobile-device .entityCompositePicker .structureItem span {
  padding: 10px 0;
}

.entityCompositePicker .structureItem span.matched {
  color: #000;
  font-style: italic;
}

.entityCompositePicker .structureItem span.isContainer {
  color: blue;
  font-weight: bold;
  cursor: pointer;
}

.entityCompositePicker .structureItem_selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 1px;
  border-radius: 4px;
  color: #099;
  background-color: #eaf6f5;
  -webkit-box-shadow: 0 0 0 1px #cbefed inset;
          box-shadow: 0 0 0 1px #cbefed inset;
  opacity: 1 !important;
}

.sp-mobile-device .entityCompositePicker .structureItem_selected {
  border-radius: 0;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 0 0 0 20px;
}

.entityCompositePicker .structureItem_selected:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

.entityCompositePicker .structureItem_selected img {
  width: 22px;
  padding: 3px;
  cursor: pointer;
}

.entityCompositePicker .structureItem_selected img[ng-if="navigateToParentVisible(nodeId)"] + span {
  opacity: 0.75;
}

.sp-mobile-device .entityCompositePicker .structureItem_selected img[ng-if="navigateToParentVisible(nodeId)"] {
  margin-left: -20px;
}

.sp-mobile-device .entityCompositePicker .structureItem_selected img {
  padding: 12px 16px 12px 15px;
  width: 40px;
  height: 40px;
}

.entityCompositePicker .structureItem_selected span {
  display: block;
  padding: 6px 0;
  cursor: default;
  width: 99%;
}

.sp-mobile-device .entityCompositePicker .structureItem_selected span {
  padding: 10px 0;
}

.entityCompositePicker .structureItem_selected span.matched {
  color: #000;
  font-style: italic;
}

.sp-mobile-device .entityCompositePicker .structureItem_selected {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-top: -1px;
  border-top: 1px solid #9ce4e0;
  border-bottom: 1px solid #9ce4e0;
}

.entityCompositePicker .structureItem_selected:hover {
  background-color: #e0f2f1;
}

.entityCompositePicker .structureItem_selected span.matched {
  color: #099;
}

.entityCompositePicker .structureItem_selected span.isContainer {
  color: green;
  font-weight: bold;
  cursor: pointer;
}

.entityCompositePicker .structureItem_searched {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 1px;
  border-radius: 4px;
  display: block;
}

.sp-mobile-device .entityCompositePicker .structureItem_searched {
  border-radius: 0;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 0 0 0 20px;
}

.entityCompositePicker .structureItem_searched:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

.entityCompositePicker .structureItem_searched img {
  width: 22px;
  padding: 3px;
  cursor: pointer;
}

.entityCompositePicker .structureItem_searched img[ng-if="navigateToParentVisible(nodeId)"] + span {
  opacity: 0.75;
}

.sp-mobile-device .entityCompositePicker .structureItem_searched img[ng-if="navigateToParentVisible(nodeId)"] {
  margin-left: -20px;
}

.sp-mobile-device .entityCompositePicker .structureItem_searched img {
  padding: 12px 16px 12px 15px;
  width: 40px;
  height: 40px;
}

.entityCompositePicker .structureItem_searched span {
  display: block;
  padding: 6px 0;
  cursor: default;
  width: 99%;
}

.sp-mobile-device .entityCompositePicker .structureItem_searched span {
  padding: 10px 0;
}

.entityCompositePicker .structureItem_searched span.matched {
  color: #000;
  font-style: italic;
}

.sp-mobile-device .entityCompositePicker .structureItem_searched span {
  padding: 0 0 10px 0;
}

.sp-mobile-device .entityCompositePicker .structureItem_searched span.parentStructreItem {
  padding: 5px 0 0;
  font-size: 11px;
  opacity: 0.6;
}

.sp-mobile-device .entityCompositePicker .structureItem_searched .matchedContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.sp-mobile-device .entityCompositePicker .structureItem_searched img {
  padding: 10px 11px 11px 10px;
  margin-top: -20px;
  margin-right: 5px;
}

.sp-tablet-device .entityCompositePicker {
  height: calc(100% - 55px);
}

.sp-tablet-device .entityCompositePicker .inlineRelPicker-buttonGroup {
  left: 68px !important;
  margin-top: 5px !important;
}

.sp-tablet-device .entityCompositePicker .inlineRelPicker-buttonGroup button {
  height: 40px;
  padding: 5px 15px 0;
}

.sp-mobile-device .entityCompositePicker {
  /*min-height: 275px;*/
  height: calc(100% - 55px);
  overflow-y: hidden;
}

.sp-mobile-device .entityCompositePicker .modal-header {
  display: block;
  padding: 15px;
}

.sp-mobile-device .entityCompositePicker .inlineRelPicker-buttonGroup {
  float: right;
  margin-top: -8px;
}

.sp-mobile-device .entityCompositePicker .inlineRelPicker-buttonGroup button {
  background-color: transparent;
  outline: none;
  height: 38px;
  margin-left: 3px;
  font-size: inherit;
}

.sp-mobile-device .entityCompositePicker .inlineRelPicker-buttonGroup button:active {
  -webkit-transition: -webkit-box-shadow linear 0.2s;
  transition: -webkit-box-shadow linear 0.2s;
  transition: box-shadow linear 0.2s;
  transition: box-shadow linear 0.2s, -webkit-box-shadow linear 0.2s;
  -webkit-transition: box-shadow linear 0.2s;
  -webkit-box-shadow: 0 0 0 #bbb;
          box-shadow: 0 0 0 #bbb;
}

.sp-mobile-device .entityCompositePicker .inlineRelPicker-buttonGroup button[name="actionButton"] {
  position: absolute;
  left: 35px;
}

.sp-mobile-device .entityCompositePicker .inlineRelPicker-buttonGroup button img {
  margin-top: -2px;
}

.sp-mobile-device .entityCompositePicker .inlineRelPicker-buttonGroup button img[name="viewmore"] {
  margin-left: 5px;
}

.sp-mobile-device .entityCompositePicker .spmobile-report-view-container {
  height: calc(100% - 40px);
}

.sp-mobile-device .entityCompositePicker .spreport-view .headerPanel {
  height: initial;
  display: block;
  padding: 0;
  margin: 0;
  line-height: 0;
}

.sp-mobile-device .entityCompositePicker .spreport-view .headerPanel .reportName,
.sp-mobile-device .entityCompositePicker .spreport-view .headerPanel .headerPanel-left {
  display: inline;
  padding: 0;
  margin: 0;
  line-height: 0;
}

.sp-mobile-device .entityCompositePicker .spreport-view .headerPanel .reportName:empty,
.sp-mobile-device .entityCompositePicker .spreport-view .headerPanel .headerPanel-left:empty {
  display: none;
}

.sp-mobile-device .entityCompositePicker .reportDataGridStyle {
  top: 0;
  overflow-y: auto;
  position: inherit !important;
}

.entityCompositePickerDesktop {
  height: 100%;
  width: 100%;
  position: relative;
}

.entityCompositePickerDesktop .spreport-view {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.sp-combo-picker option {
  /* counter any conditional formatting on the input */
  color: #000;
  background-color: #fff;
}

.global-search .slide-down {
  max-height: calc(100% - 30px) !important;
}

.global-search .loader,
.global-search .loader:before,
.global-search .loader:after {
  background: #616161;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}

.global-search .loader {
  color: #616161;
  text-indent: -9999em;
  margin: 88px auto;
  position: absolute;
  font-size: 4px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.global-search .loader:before,
.global-search .loader:after {
  position: absolute;
  top: 0;
  content: '';
}

.global-search .loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.global-search .loader:after {
  left: 1.5em;
}

@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    -webkit-box-shadow: 0 0;
            box-shadow: 0 0;
    height: 4em;
  }

  40% {
    -webkit-box-shadow: 0 -2em;
            box-shadow: 0 -2em;
    height: 5em;
  }
}

@keyframes load1 {
  0%,
  80%,
  100% {
    -webkit-box-shadow: 0 0;
            box-shadow: 0 0;
    height: 4em;
  }

  40% {
    -webkit-box-shadow: 0 -2em;
            box-shadow: 0 -2em;
    height: 5em;
  }
}

.sp-history-service {
  max-height: 500px;
}

.sp-history-service .table {
  width: 100%;
  font-size: larger;
}

.sp-history-service table tr:nth-child(odd) td {
  background: aliceblue;
}

.sp-history-service .header-cell {
  padding: 5px 15px;
  background-color: lightgray;
}

.sp-history-service .history-cell {
  padding: 5px 15px;
  border-top: 0;
}

.sp-history-service .username {
  white-space: nowrap;
}

.sp-history-service .timestamp {
  white-space: nowrap;
}

.sp-history-service .change-list {
  list-style: disc;
  padding-left: 20px;
}

.entity-history .modal-dialog {
  width: 1000px;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.rnIdentityProviderClaimMappingConditionDialog__fieldContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.rnIdentityProviderClaimMappingConditionDialog__fieldContainerRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  margin-bottom: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rnIdentityProviderClaimMappingConditionDialog__value {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.rnIdentityProviderClaimMappingConditionDialog_newClaimButton {
  float: left;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.rnIdentityProviderClaimMappingDialog__fieldContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.rnIdentityProviderClaimMappingDialog__fieldContainerRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  margin-bottom: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rnIdentityProviderClaimMappingDialog__title {
  width: 150px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.rnIdentityProviderClaimMappingDialog__value {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
}

.rnIdentityProviderClaimMappingDialog__value--readonly {
  text-overflow: ellipsis;
  word-spacing: normal;
  overflow: hidden;
  white-space: nowrap;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.spImageViewerDialog-view .imageContainer {
  text-align: center;
  vertical-align: middle;
}

.spImageViewerDialog-view .image {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  margin-bottom: 10px;
}

.spImageViewerDialog-view .image > img,
.spImageViewerDialog-view .image a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

a.spImageViewerDialog-view .image:hover,
a.spImageViewerDialog-view .image:focus,
a.spImageViewerDialog-view .image.active {
  border-color: #428bca;
}

.spImageViewerDialog-view .image .caption {
  padding: 9px;
  color: #333333;
}

.spImageViewerDialog {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
}

.spImageViewerDialog.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.spImageViewerDialog.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.sp-mobile-device .spImageViewerDialog {
  overflow-y: hidden;
}

.spImageViewerDialog .modal-body {
  display: block;
}

.spImageViewerDialog .modal-dialog {
  width: 200px;
}

.edit-form-value > rn-info-button {
  margin: 0 2px;
  min-width: 16px;
}

.sp-mobile-device .edit-form-value > rn-info-button,
.sp-tablet-device .edit-form-value > rn-info-button {
  min-width: 32px;
}

img.rn-info-button {
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.sp-mobile-device img.rn-info-button,
.sp-tablet-device img.rn-info-button {
  width: 32px;
  height: 32px;
}

.vertical-repeater > rn-info-button {
  display: inline-block;
  margin-top: -20px;
  float: right;
}

.sp-mobile-device .vertical-repeater > rn-info-button,
.sp-tablet-device .vertical-repeater > rn-info-button {
  margin-top: -42px;
}

.vertical-stack {
  position: relative;
}

.nav-tabs > li > a .rn-info-button {
  position: relative;
  margin-bottom: 5px;
}

.rn-info-button-popup {
  border: 1px solid #fff;
}

.rn-info-button-popup .modal-header {
  background-color: transparent;
}

.rn-info-button-popup .modal-header button {
  border: none;
  float: right;
  width: 48px;
  padding: 3px;
  margin-top: -15px;
  margin-right: -15px;
  background-color: #444;
}

.rn-info-button-popup .modal-header button:hover,
.rn-info-button-popup .modal-header button:focus {
  outline: none;
  border: none;
  background-color: #e67777;
}

.rn-info-button-popup .modal-header h6 {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rn-info-button-popup .modal-body {
  padding: 0 0 10px;
}

.rn-info-button-popup .modal-body textarea {
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 200px;
  font-size: 13px;
  color: #4c4c4c;
  margin: 0;
  padding: 2px 15px;
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  line-height: 1.26em;
  cursor: auto;
  resize: none;
}

.rn-info-button-popup .modal-body textarea:focus {
  outline: none;
}

.rn-info-button-popup .modal-body .rn-rich-text {
  padding: 2px 15px;
  overflow-y: auto;
}

.openid .input-large {
  width: 210px;
}

.openid label {
  color: #999;
  margin-bottom: 0;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 10px;
}

.sp-mobile-device .openid label {
  font-size: 11px;
}

.openid .custom-error {
  text-align: left;
  padding: 5px 10px 4px;
  padding-left: 30px;
  background-color: #ffe8e8;
  color: #444;
  display: block;
}

.openid .custom-error:before {
  content: url(assets/images/alert_error.png);
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  background-color: #ff5151;
  width: 20px;
  height: 20px;
  padding-top: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  float: left;
  margin-left: -27px;
  margin-top: -2px;
}

.sp-mobile-device .openid .custom-error,
.sp-tablet-device .openid .custom-error {
  font-size: 0.85em;
}

.openid .custom-info {
  text-align: left;
  padding: 5px 10px 4px;
  padding-left: 30px;
  background-color: #d1e0ff;
  color: #444;
  display: block;
}

.openid .custom-info:before {
  content: url(assets/images/alert_info.png);
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  background-color: #2463e0;
  width: 20px;
  height: 20px;
  padding-top: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  float: left;
  margin-left: -27px;
  margin-top: -2px;
}

.sp-mobile-device .openid .custom-info,
.sp-tablet-device .openid .custom-info {
  font-size: 0.85em;
}

.openid .submitarea {
  text-align: right;
  margin-top: 20px;
}

.sp-mobile-device .openid .submitarea,
.sp-tablet-device .openid .submitarea {
  margin-top: 10px;
}

.sp-mobile-device .openid .submitarea .fade-animate,
.sp-tablet-device .openid .submitarea .fade-animate {
  position: inherit !important;
  padding-top: 10px;
}

.openid .submitarea .custom-error,
.openid .submitarea .custom-info {
  border-radius: 13px;
  margin-top: 10px;
  text-transform: none;
  font-size: 1em;
}

.openid .submitarea .forget-password,
.openid .submitarea .verify-totp {
  margin: 20px 0 20px 20px;
  cursor: pointer;
  text-decoration: underline;
  text-transform: none;
  font-size: 1em;
}

.openid .submitarea .reset-password-otc {
  margin: 5px 0 5px 5px;
  cursor: pointer;
  text-decoration: underline;
  text-transform: none;
  font-size: 1em;
}

.openid .submitarea .goback,
.openid .submitarea .resendcode {
  padding: 0px;
  text-align: left;
}

.openid .submitarea .submitarea--forgotpassword,
.openid .submitarea .submitarea--resetpasswordotc,
.openid .submitarea .submitarea--verifytotp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.openid .submit,
.openid .verify {
  font-size: 16px;
  background-color: #31a89f;
  border: none;
  color: #fff;
  border-radius: 3px;
  width: 160px;
  height: 40px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-transform: uppercase;
}

.openid .submit:hover,
.openid .verify:hover,
.openid .submit:focus,
.openid .verify:focus {
  background-color: #4bc1b8;
  color: #fff;
  outline: none;
}

.openid .submit + div.openid-after-submit,
.openid .verify + div.openid-after-submit {
  vertical-align: middle;
}

.sp-mobile-device .openid .submit,
.sp-mobile-device .openid .verify {
  width: 100%;
  height: 45px;
}

.openid .openid-provider {
  /*color: #fff !important;
        font-size: 2.1em !important;
        font-weight: lighter;
        padding: 3px 0;
        cursor: pointer;
        -moz-user-select: -moz-none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        padding: 5px;
        border-radius: 2px;
        margin-bottom: 10px;
        text-align: left;*/
  display: none;
  /* img {
            margin-bottom: -6px;
            margin-top: 12px;
        }

        .sp-tablet-device & {
            padding: 8px 0;
        }

        &:hover {
            -webkit-transition: background-color 0.2s linear;
            -moz-transition: background-color 0.2s linear;
            -ms-transition: background-color 0.2s linear;
            -o-transition: background-color 0.2s linear;
            transition: background-color 0.2s linear;


            img {
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -ms-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                transition: all 0.2s linear;
            }
        }*/
}

.openid .openid-providerDetails .provider-logo {
  height: 40px;
  margin-bottom: 70px;
  float: left;
}

.sp-mobile-device .openid .openid-providerDetails .provider-logo {
  margin: 25px 0 10px 0;
}

.openid .openid-providerDetails .keepSignedIn {
  vertical-align: middle;
  margin-top: 4px;
}

.sp-mobile-device .openid .openid-providerDetails .keepSignedIn input[type="checkbox"],
.sp-tablet-device .openid .openid-providerDetails .keepSignedIn input[type="checkbox"] {
  width: 25px;
  height: 25px;
  min-height: inherit !important;
  display: inline-block;
  -webkit-box-shadow: none;
          box-shadow: none;
  vertical-align: middle;
}

.sp-mobile-device .openid .openid-providerDetails .keepSignedIn input[type="checkbox"] + label,
.sp-tablet-device .openid .openid-providerDetails .keepSignedIn input[type="checkbox"] + label {
  line-height: normal;
  vertical-align: middle;
  margin-bottom: -2px;
}

.sp-mobile-device .openid .providerForm .formattedLine,
.sp-tablet-device .openid .providerForm .formattedLine {
  background-color: rgba(0, 0, 0, 0.15);
  border-bottom: 0;
  -webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.3) inset;
          box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.3) inset;
}

.sp-mobile-device .openid .providerForm .formattedLine label,
.sp-tablet-device .openid .providerForm .formattedLine label {
  position: absolute;
  right: 0;
  height: 46px;
  padding: 11px 25px 0 15px;
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.6) !important;
  display: none;
}

.sp-mobile-device .openid .providerForm .formattedLine select,
.sp-tablet-device .openid .providerForm .formattedLine select {
  border: none;
  text-align: left;
  width: 100%;
  background: url("assets/images/more.png") no-repeat center right 5%;
  background-position-x: right 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: white;
  border-radius: 0;
  margin-bottom: 0;
  padding: 0 20px;
  font-weight: lighter;
  font-size: 1.6em;
  height: 50px;
  display: none;
  overflow: hidden;
}

.sp-mobile-device .openid .providerForm .custom-error,
.sp-tablet-device .openid .providerForm .custom-error {
  position: absolute;
  margin-top: -80px;
  right: 15px;
  color: #ff4c2a;
}

.sp-mobile-device .openid .providerForm .custom-info,
.sp-tablet-device .openid .providerForm .custom-info {
  position: absolute;
  margin-top: -80px;
  right: 15px;
  color: #2a4cff;
}

.sp-tablet-device .openid .providerForm .formattedLine {
  background-color: transparent;
  border-bottom: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-tablet-device .openid .providerForm .formattedLine select {
  padding: 0;
  font-weight: lighter;
  font-size: 1.4em;
}

.openid .formattedLine {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 4px;
}

.openid .formattedLine .login-indicator {
  position: absolute;
  display: inline-block;
  left: 0;
  padding: 11px 7px;
  width: 40px;
  background-color: transparent;
  text-align: center;
  vertical-align: middle;
}

.openid .formattedLine .login-indicator img {
  opacity: 0.25;
  width: 16px;
  height: 16px;
}

.sp-mobile-device .openid .formattedLine .login-indicator,
.sp-tablet-device .openid .formattedLine .login-indicator {
  height: 45px;
  padding: 10px;
}

.sp-mobile-device .openid .formattedLine .login-indicator img,
.sp-tablet-device .openid .formattedLine .login-indicator img {
  width: auto;
  height: auto;
}

.openid .formattedLine input {
  display: block;
  min-height: 40px;
  font-size: 1.2em;
  padding: 0 10px;
  padding-left: 40px;
  border-radius: 4px;
  background-color: #fdfdfd;
  opacity: 1 !important;
  width: inherit;
}

.openid .formattedLine input:focus,
.openid .formattedLine input:hover {
  background-color: #fff;
}

.openid .formattedLine input:focus {
  border-left-color: #30c5c5;
}

.sp-mobile-device .openid .formattedLine input,
.sp-tablet-device .openid .formattedLine input {
  min-height: 45px !important;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #dcdcdc;
  background-color: rgba(255, 255, 255, 0.65) !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-left: 40px;
}

.sp-mobile-device .openid .formattedLine input:focus,
.sp-tablet-device .openid .formattedLine input:focus,
.sp-mobile-device .openid .formattedLine input:hover,
.sp-tablet-device .openid .formattedLine input:hover {
  border-bottom: 1px solid #31a89f;
}

.openid .signinIn {
  vertical-align: middle;
}

.sp-tablet-device .openid .signinIn {
  display: block;
}

.openid .signinIn label {
  vertical-align: middle;
  line-height: 20px;
  margin-bottom: 0;
}

.openid .floatClear {
  clear: both;
}

.openid .spinner {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-top: -2px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0.08);
  border-top-color: #31a89f;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}

@-webkit-keyframes fade {
  from {
    opacity: 1;
  }

  to {
    opacity: 0.25;
  }
}

.openid .fade-frame {
  text-align: left;
}

.openid .fade-frame .openid-provider-select {
  position: relative;
  margin-bottom: 10px;
}

.openid .fade-frame .openid-provider-select select {
  width: 220px;
}

.sp-mobile-device .openid .fade-frame .openid-provider-select {
  padding: 0;
  text-align: center;
}

.sp-mobile-device .openid .fade-frame .openid-provider-select.openid-providerDetails {
  margin: 0;
}

.sp-tablet-device .openid .fade-frame .openid-provider-select {
  display: none;
}

.sp-tablet-device .openid .fade-frame .openid-provider-select.openid-providerDetails {
  margin: 0;
}

.sp-mobile-device .openid .fade-frame {
  display: block;
  margin-left: 0;
}

.sp-mobile-device .openid .fade-frame > .fade-frame-div {
  position: inherit;
  display: block;
  padding: 0;
}

.openid .fade-frame h4 {
  color: #888;
  display: none;
}

.openid .fade-animate.ng-hide-add,
.openid .fade-animate.ng-hide-remove {
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  display: block !important;
}

.openid .fade-animate.ng-hide-add {
  opacity: 1;
}

.openid .fade-animate.ng-hide-remove {
  opacity: 0;
}

.openid .fade-animate.ng-hide-add.ng-hide-add-active {
  opacity: 0;
}

.openid .fade-animate.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}

.openid .mobileChangePasswordForm {
  margin-top: 10%;
}

.openid .disabledOpacity {
  opacity: 0.3;
}

.resetPasswordMessage label,
.entertotpMessage label,
.scanqrimageMessage label {
  text-transform: none;
  font-size: 1em;
}

.mfaConfigureQrCode img {
  margin: auto;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.spReauthDialog-view .passwordTable {
  display: table;
  margin-left: 5px;
  margin-top: 5px;
  width: 100%;
}

.spReauthDialog-view .passwordRow {
  display: table-row;
}

.spReauthDialog-view .passwordLabelCell {
  vertical-align: middle;
  display: table-cell;
}

.spReauthDialog-view .passwordValueCell {
  display: table-cell;
  white-space: nowrap;
}

.spReauthDialog-view .passwordInput {
  margin-top: 2px;
  margin-bottom: 2px;
}

.spReauthDialog-view .alerter {
  margin-top: 15px;
  margin-bottom: 10px;
  position: static;
  height: auto;
}

.spReauthDialog {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
}

.spReauthDialog.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.spReauthDialog.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.sp-mobile-device .spReauthDialog {
  overflow-y: hidden;
}

.spReauthDialog .modal-body {
  text-align: left;
}

.spReauthDialog .modal-dialog {
  width: 420px;
}

.spReauthBackdrop {
  opacity: 1 !important;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.login-layout-view {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(assets/images/backgroundLogin.jpg) no-repeat left top #4e4e50;
  background-size: cover;
}

.login-layout-view .login-view {
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  bottom: 0;
  background: url(assets/images/home_bg.png) repeat top left #fff;
  padding: 90px 60px 0 60px;
  overflow: auto;
}

.sp-mobile-device .login-layout-view .login-view {
  left: 0;
  padding: 20px;
}

.login-layout-view .login-view .content {
  margin: 0 auto;
  display: inline-block;
  width: 312px;
}

.sp-mobile-device .login-layout-view .login-view .content {
  display: block;
  min-width: inherit;
  width: 100%;
}

.sp-tablet-device .login-layout-view .login-view .content {
  margin-top: 15%;
  display: block;
  padding-bottom: 30px;
}

.login-layout-view .login-view .floatClear {
  clear: both;
}

.login-layout-view .login-view .content-div > h1 {
  font-size: x-large;
  margin-bottom: 25px;
  color: #31a89f;
}

.login-layout-view .login-view.ng-hide-remove {
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
  display: block !important;
  opacity: 0;
}

.login-layout-view .login-view.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}

.login-layout-view .login-view .poweredby {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 30px;
  display: inline-block;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.07);
  display: none !important;
}

.sp-mobile-device .login-layout-view .login-view .poweredby {
  position: initial;
  display: block;
  background-color: transparent;
  margin-top: 20px;
}

.login-layout-view .login-view .poweredby span {
  display: block;
  font-size: 11px;
  margin-bottom: 10px;
  color: #777;
  letter-spacing: 0.1em;
}

.login-layout-view .login-view .poweredby img {
  height: 20px;
  display: inline-block;
}

.recentItems-drop {
  overflow: hidden;
  position: fixed;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  left: auto;
  top: 42px;
  right: 10px;
  display: block;
  max-height: 0;
  width: 400px;
  background-color: #fff;
  color: #333333;
  font-family: Arial, sans-serif;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  z-index: 100;
  overflow-x: hidden;
  overflow-y: hidden;
}

.recentItems-drop-slide-down {
  max-height: 800px;
  overflow-x: auto;
  overflow-y: auto;
}

.recentItems-list-header {
  position: relative;
  font-size: 20px;
  height: 40px;
  border-bottom: 1px solid #eee;
  padding: 6px 0 0 8px;
}

.recentItems-noitems {
  padding: 5px 8px 5px 6px;
  font-size: 14px;
}

.recentItems-list {
  z-index: 101;
}

.recentItems-list-item {
  position: relative;
  height: 38px;
  padding: 4px 5px 8px 4px;
  border-bottom: 1px solid #eee;
  border-left: 3px solid white;
  cursor: pointer;
}

.recentItems-list-item:hover {
  background-color: whitesmoke;
  border-left-color: #3c78b5;
}

.recentItems-list-item:hover .item-icon {
  opacity: 1 !important;
}

.recentItems-list-item .item-icon {
  float: left;
  opacity: 0.8;
}

.recentItems-list-item .item-icon img {
  border-radius: 2px;
  padding: 6px;
  height: 30px;
  width: 28px;
}

.recentItems-list-item .item-text {
  float: left;
  padding: 5px 8px 5px 6px;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 85%;
}

.recentItems-list-item .item-pin {
  position: absolute;
  top: 2px;
  right: 8px;
}

.recentItems-list-item .item-pin.selected {
  opacity: 1;
}

.recentItems-list-item .item-pin.selected:hover {
  opacity: 1;
}

.recentItems-list-item .item-pin.unselected {
  opacity: 0.3;
}

.recentItems-list-item .item-pin.unselected:hover {
  opacity: 1;
}

.recentItems-list-item .item-pin img {
  height: 16px;
}

.recentItems-list-item .item-type {
  font-size: 11px;
  position: absolute;
  bottom: 2px;
  right: 8px;
}

.toggle-recentItems-btn {
  width: 42px;
  height: 42px;
  cursor: pointer;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  opacity: 0.85;
  position: relative;
}

.toggle-recentItems-btn:hover,
.toggle-recentItems-btn:active {
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 1;
}

.toggle-recentItems-btn-icon {
  margin: 13px;
  height: 16px;
}

.refreshbutton-view {
  display: inline-block;
}

.sp-tablet-device .refreshbutton-view button.refreshButton {
  padding-right: 15px;
  margin-left: 0 !important;
}

.refreshbutton-view button.refreshButton:first-child {
  padding-right: 0;
}

.refreshbutton-view button.refreshButton:last-child {
  padding-left: 0;
  margin-left: -3px;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.relationshippicker-view .leftContainer {
  width: 345px;
  height: auto;
  display: inline-block;
  padding-right: 6px;
  border-right: 1px dotted #aaa;
}

.relationshippicker-view .leftContainer .relationshipFieldText {
  display: inline-block;
  width: 80px;
  color: #626262;
}

.relationshippicker-view .leftContainer input {
  margin-bottom: 3px;
  margin-left: 3px;
  height: 20px;
}

.relationshippicker-view .leftContainer select {
  margin-bottom: 3px;
  height: 22px;
  width: 225px;
}

.relationshippicker-view .leftContainer .tabarea {
  margin-top: 15px;
  height: 264px;
  overflow-y: auto;
}

.relationshippicker-view .leftContainer .tabarea .nav-tabs {
  margin: 0;
  cursor: pointer;
  border-bottom: 1px solid #999;
}

.relationshippicker-view .leftContainer .tabarea .nav-tabs li a {
  padding: 3px 6px 2px;
  margin-bottom: -1px;
}

.relationshippicker-view .leftContainer .tabarea .nav-tabs .active a {
  padding: 3px 6px;
  background: #404040;
  color: white;
}

.relationshippicker-view .leftContainer .tabarea table {
  font-size: 0.95em;
}

.relationshippicker-view .leftContainer .tabarea table thead {
  font-weight: normal;
  background-color: #e8e8e8;
}

.relationshippicker-view .leftContainer .tabarea table thead th {
  border: none;
  border-right: 1px solid #afafaf;
}

.relationshippicker-view .leftContainer .tabarea table thead th:last-child {
  border-right: none;
}

.relationshippicker-view .leftContainer .tabarea table td {
  padding: 3px;
  border: none;
}

.relationshippicker-view .leftContainer .tabarea table td.selectedtrue {
  background-color: #dbdbdb;
}

.relationshippicker-view .leftContainer .tabarea table .sp-button-lighten {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 9px;
  height: 18px;
}

.relationshippicker-view .leftContainer .tabarea table .sp-button-lighten:focus {
  outline: none;
}

.relationshippicker-view .leftContainer .btnAdvancedOptions {
  margin: 5px 0;
  -webkit-box-shadow: 0 1px 0 white inset;
          box-shadow: 0 1px 0 white inset;
}

.relationshippicker-view .leftContainer .btnAdvancedOptions:focus {
  outline: none;
}

.relationshippicker-view .leftContainer .advancedOptionContainer {
  background-color: #e8e8e8;
  border-radius: 5px;
  padding: 0;
  -webkit-box-shadow: 0 1px 3px #999 inset;
          box-shadow: 0 1px 3px #999 inset;
}

.relationshippicker-view .leftContainer .advancedOptionContainer div[collapse="isAdvCollapsed"] {
  margin-top: 3px;
}

.relationshippicker-view .leftContainer .advancedOptionContainer input[type="checkbox"] {
  display: inline-block;
  min-height: 0;
  height: 13px;
  width: auto;
  padding: 0;
  margin: 5px 0 0 5px;
}

.relationshippicker-view .leftContainer .advancedOptionContainer input[type="checkbox"] + label {
  display: inline-block;
  margin: 0;
  font-size: 0.95em;
  margin: 5px 0 0 5px;
}

.relationshippicker-view .leftContainer .advancedOptionContainer input[type="checkbox"] + label:last-child {
  margin-bottom: 5px;
}

.relationshippicker-view .rightContainer {
  height: 385px;
  padding: 0 0 0 10px;
  display: inline-block;
  vertical-align: top;
  overflow-y: auto;
  overflow-x: hidden;
  background-image: url("assets/images/grid.png");
}

.relationshippicker-view .rightContainer image:last-child {
  opacity: 0.5;
}

.relationshippicker-view .rightContainer image:last-child:hover {
  opacity: 1;
}

.relationshippicker-view .rightContainer .noImageRect {
  width: 16px;
  height: 16px;
}

.relationshippicker-view .rightContainer .relationshipsRect {
  width: 16px;
  height: 16px;
  background: url("assets/images/relationshipstype.png") no-repeat;
}

.relationshippicker-view .rightContainer .lookupsRect {
  width: 16px;
  height: 16px;
  background: url("assets/images/lookupstype.png") no-repeat;
}

.relationshippicker-view .rightContainer .derivedResourcesRect {
  width: 16px;
  height: 16px;
  background: url("assets/images/derivedResourcestype.png") no-repeat;
}

.relationshippicker-view sp-custom-join-expression .expression-editor-control .CodeMirror {
  height: 150px;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.report-Builder-Fieldmanager {
  margin-top: 5px;
}

.report-Builder-Fieldmanager .report-Builder-AddToAnalyzer {
  height: 17px;
  width: 17px;
  position: absolute;
  right: 10px;
}

.report-Builder-Fieldmanager .report-Builder-AddToReport {
  height: 17px;
  width: 17px;
  position: absolute;
  right: 28px;
}

.report-Builder-Fieldmanager .fieldmanagertitle {
  color: #ccc;
  font-weight: lighter;
  font-size: 13px;
  background: #3a3a3a;
  border-bottom: 1px solid #535353;
  height: 26px;
  vertical-align: middle;
  padding: 8px 15px 0;
  margin: 0;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group {
  color: #aaa;
  font-size: 13px;
  display: table;
  width: 100%;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .toggleButton {
  display: inline-block;
  background: transparent;
  border: none;
  outline: none;
  padding: 3px;
  vertical-align: middle;
  opacity: 0.5;
  border-radius: 2px;
  min-width: 15px;
  display: table-cell;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .toggleButton:hover,
.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .toggleButton:active {
  opacity: 1;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupname {
  color: #ccc;
  font-size: 13px;
  display: table-cell;
  width: 100%;
  padding-left: 3px;
  word-break: break-all;
  vertical-align: middle;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupname.chart-reportby {
  display: table;
  width: 100%;
  margin-bottom: 5px;
  padding: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupname.chart-reportby > span {
  display: table-cell;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupname.chart-reportby > span:first-child {
  width: 45px;
  font-size: x-small;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupname.chart-reportby > span:last-child {
  width: 20px;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .toggleGroup {
  color: #ccc;
  font-size: 13px;
  display: table-cell;
  width: 100%;
  padding-left: 3px;
  word-break: break-all;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .toggleGroup.chart-reportby {
  display: table;
  width: 100%;
  margin-bottom: 5px;
  padding: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .toggleGroup.chart-reportby > span {
  display: table-cell;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .toggleGroup.chart-reportby > span:first-child {
  width: 45px;
  font-size: x-small;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .toggleGroup.chart-reportby > span:last-child {
  width: 20px;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .readonlygroupname {
  color: #ccc;
  font-size: 13px;
  display: table-cell;
  width: 100%;
  padding-left: 3px;
  word-break: break-all;
  vertical-align: middle;
  font-style: italic;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .readonlygroupname.chart-reportby {
  display: table;
  width: 100%;
  margin-bottom: 5px;
  padding: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .readonlygroupname.chart-reportby > span {
  display: table-cell;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .readonlygroupname.chart-reportby > span:first-child {
  width: 45px;
  font-size: x-small;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .readonlygroupname.chart-reportby > span:last-child {
  width: 20px;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems {
  margin-bottom: 10px;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .itemcontainer {
  display: table;
  width: 100%;
  margin-bottom: 3px;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .itemcontainer .isrequireimage {
  width: 2px;
  height: 17px;
  background: #f00;
  display: inline-block;
  vertical-align: top;
  margin-right: -2px;
  margin-left: -3px;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .subgroup {
  background-color: #424242;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-left: 15px;
  margin-top: 2px;
  margin-bottom: 1px;
  padding: 2px;
  cursor: pointer;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .subgroup:before {
  content: "";
  margin-top: -5px;
  position: absolute;
  left: 12px;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .subgroup button {
  border: 1px solid #464646;
  background-color: #6d6d6d;
  -webkit-box-shadow: 0 0 0 1px #868686 inset;
          box-shadow: 0 0 0 1px #868686 inset;
  color: #ddd;
  display: inline-block;
  font-size: 11px;
  cursor: pointer;
  padding: 1px;
  vertical-align: middle;
  float: right;
  line-height: 0;
  height: 17px;
  width: 17px;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .subgroup button img {
  opacity: 0.5;
  margin: 0;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .subgroup button:hover {
  background-color: #868686;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .subgroup button:hover img {
  opacity: 1;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .subgroup button:focus {
  outline: none;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .subgroup button img {
  margin-top: -1px;
  margin-left: -1px;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .subgroup .subgroupname {
  color: #ababab;
  cursor: default;
  display: inline-block;
  text-overflow: ellipsis;
  min-width: 100px;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .item {
  background-color: #dedede;
  padding: 4px;
  cursor: move;
  margin-left: 15px;
  display: table;
  width: calc(100% - 15px);
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .item:hover {
  background-color: #f2f2f2;
  -webkit-transition: background-color ease-out 0.15s;
  transition: background-color ease-out 0.15s;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .item .itemicon {
  display: table-cell;
  vertical-align: top;
  padding-right: 5px;
  width: 21px;
  line-height: 0;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .item .itemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .item .readonlyitemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
  font-style: italic;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .item .fieldcheckbox {
  display: table-cell;
  width: 0.1%;
  cursor: default;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .item > .itemname,
.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .item > .itemicon {
  display: table-cell;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .item > .itemname.fb-inline,
.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .item > .itemicon.fb-inline {
  padding: 5px 8px;
  border-radius: 2px;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .item:before {
  content: url("assets/images/fielditem_child.png");
  margin-top: -5px;
  position: absolute;
  left: 12px;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .item .itemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .item.is-default .itemname:after {
  content: " *";
  color: darkblue;
}

.report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .fb-toolbox-config img {
  width: 16px;
  height: 16px;
  display: inline-block;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.report-builder-calc-manager {
  margin-top: 5px;
}

.report-builder-calc-manager .report-Builder-AddToAnalyzer {
  height: 17px;
  width: 17px;
  position: absolute;
  right: 10px;
}

.report-builder-calc-manager .report-Builder-AddToReport {
  height: 17px;
  width: 17px;
  position: absolute;
  right: 28px;
}

.report-builder-calc-manager .fieldmanagertitle {
  color: #ccc;
  font-weight: lighter;
  font-size: 13px;
  background: #3a3a3a;
  border-bottom: 1px solid #535353;
  height: 26px;
  vertical-align: middle;
  padding: 8px 15px 0;
  margin: 0;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group {
  color: #aaa;
  font-size: 13px;
  display: table;
  width: 100%;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .toggleButton {
  display: inline-block;
  background: transparent;
  border: none;
  outline: none;
  padding: 3px;
  vertical-align: middle;
  opacity: 0.5;
  border-radius: 2px;
  min-width: 15px;
  display: table-cell;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .toggleButton:hover,
.report-builder-calc-manager .report-Builder-Fieldmanager-Group .toggleButton:active {
  opacity: 1;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupname {
  color: #ccc;
  font-size: 13px;
  display: table-cell;
  width: 100%;
  padding-left: 3px;
  word-break: break-all;
  vertical-align: middle;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupname.chart-reportby {
  display: table;
  width: 100%;
  margin-bottom: 5px;
  padding: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupname.chart-reportby > span {
  display: table-cell;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupname.chart-reportby > span:first-child {
  width: 45px;
  font-size: x-small;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupname.chart-reportby > span:last-child {
  width: 20px;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .toggleGroup {
  color: #ccc;
  font-size: 13px;
  display: table-cell;
  width: 100%;
  padding-left: 3px;
  word-break: break-all;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .toggleGroup.chart-reportby {
  display: table;
  width: 100%;
  margin-bottom: 5px;
  padding: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .toggleGroup.chart-reportby > span {
  display: table-cell;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .toggleGroup.chart-reportby > span:first-child {
  width: 45px;
  font-size: x-small;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .toggleGroup.chart-reportby > span:last-child {
  width: 20px;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .readonlygroupname {
  color: #ccc;
  font-size: 13px;
  display: table-cell;
  width: 100%;
  padding-left: 3px;
  word-break: break-all;
  vertical-align: middle;
  font-style: italic;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .readonlygroupname.chart-reportby {
  display: table;
  width: 100%;
  margin-bottom: 5px;
  padding: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .readonlygroupname.chart-reportby > span {
  display: table-cell;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .readonlygroupname.chart-reportby > span:first-child {
  width: 45px;
  font-size: x-small;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .readonlygroupname.chart-reportby > span:last-child {
  width: 20px;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupitems {
  margin-bottom: 10px;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupitems .itemcontainer {
  display: table;
  width: 100%;
  margin-bottom: 3px;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupitems .itemcontainer .isrequireimage {
  width: 2px;
  height: 17px;
  background: #f00;
  display: inline-block;
  vertical-align: top;
  margin-right: -2px;
  margin-left: -3px;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupitems .subgroup {
  background-color: #424242;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-left: 15px;
  margin-top: 2px;
  margin-bottom: 1px;
  padding: 2px;
  cursor: pointer;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupitems .subgroup:before {
  content: "";
  margin-top: -5px;
  position: absolute;
  left: 12px;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupitems .subgroup button {
  border: 1px solid #464646;
  background-color: #6d6d6d;
  -webkit-box-shadow: 0 0 0 1px #868686 inset;
          box-shadow: 0 0 0 1px #868686 inset;
  color: #ddd;
  display: inline-block;
  font-size: 11px;
  cursor: pointer;
  padding: 1px;
  vertical-align: middle;
  float: right;
  line-height: 0;
  height: 17px;
  width: 17px;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupitems .subgroup button img {
  opacity: 0.5;
  margin: 0;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupitems .subgroup button:hover {
  background-color: #868686;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupitems .subgroup button:hover img {
  opacity: 1;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupitems .subgroup button:focus {
  outline: none;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupitems .subgroup button img {
  margin-top: -1px;
  margin-left: -1px;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupitems .subgroup .subgroupname {
  color: #ababab;
  cursor: default;
  display: inline-block;
  text-overflow: ellipsis;
  min-width: 100px;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupitems .item {
  background-color: #dedede;
  padding: 4px;
  cursor: move;
  margin-left: 15px;
  display: table;
  width: calc(100% - 15px);
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupitems .item:hover {
  background-color: #f2f2f2;
  -webkit-transition: background-color ease-out 0.15s;
  transition: background-color ease-out 0.15s;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupitems .item .itemicon {
  display: table-cell;
  vertical-align: top;
  padding-right: 5px;
  width: 21px;
  line-height: 0;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupitems .item .itemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupitems .item .readonlyitemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
  font-style: italic;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupitems .item .fieldcheckbox {
  display: table-cell;
  width: 0.1%;
  cursor: default;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupitems .item > .itemname,
.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupitems .item > .itemicon {
  display: table-cell;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupitems .item > .itemname.fb-inline,
.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupitems .item > .itemicon.fb-inline {
  padding: 5px 8px;
  border-radius: 2px;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupitems .item:before {
  content: url("assets/images/fielditem_child.png");
  margin-top: -5px;
  position: absolute;
  left: 12px;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupitems .item .itemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .groupitems .item.is-default .itemname:after {
  content: " *";
  color: darkblue;
}

.report-builder-calc-manager .report-Builder-Fieldmanager-Group .fb-toolbox-config img {
  width: 16px;
  height: 16px;
  display: inline-block;
}

.fieldstableheader.report-builder-calc-header {
  margin-bottom: 3px;
  background: url("assets/images/fieldstableheader.png") no-repeat top right 24px;
}

.report-builder-calc-container:hover .report-builder-calc-item {
  background-color: #f2f2f2;
  -webkit-transition: background-color ease-out 0.15s;
  transition: background-color ease-out 0.15s;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.report-builder-calc-container:hover .report-builder-calc-item-remove > i {
  opacity: 0.5;
  -webkit-transition: opacity ease-out 0.15s;
  transition: opacity ease-out 0.15s;
}

.report-builder-calc-item {
  background-color: white;
  margin: 0 0 3px 15px;
  padding: 4px;
}

.report-builder-calc-item-icon {
  width: 22px;
  cursor: pointer;
}

.report-builder-calc-item-text {
  word-break: break-all;
  padding-right: 3px;
  color: #1f2937;
  cursor: pointer;
}

.report-builder-calc-item-remove {
  padding: 6px 0 0 3px;
  cursor: pointer;
  color: #1f2937;
}

.report-builder-calc-item-remove > i {
  opacity: 0;
  font-size: 14px;
  -webkit-transition: opacity ease-out 0.15s;
  transition: opacity ease-out 0.15s;
}

.report-builder-calc-container > .report-builder-calc-item-remove:hover > i {
  opacity: 1;
}

.report-Builder-Toolbox .calc-manager {
  color: #1f2937;
}

.report-Builder-Toolbox .calc-manager .fields-info {
  padding-right: 20px;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.report-Builder-Treeview .builder-Treeview-Rootnode {
  color: #999;
  font-size: 0.9em;
}

.report-Builder-Treeview ul {
  padding: 0;
  margin-left: 0;
  list-style-type: none;
}

.report-Builder-Treeview .report-Builder-Treeview-Rootnode {
  color: #999;
  font-size: 0.9em;
}

.report-Builder-Treeview .report-Builder-Treeview-Rootnode .rootnodename_defualt {
  border-radius: 4px;
  padding: 0 10px 0 5px;
  cursor: pointer;
  overflow: hidden;
  display: table-cell;
  line-height: 13px;
}

.report-Builder-Treeview .report-Builder-Treeview-Rootnode .rootnodename {
  border-radius: 4px;
  padding: 0 10px 0 5px;
  cursor: pointer;
  overflow: hidden;
  display: table-cell;
  line-height: 13px;
}

.report-Builder-Treeview .report-Builder-Treeview-Rootnode .selectedrootnodename {
  border-radius: 4px;
  padding: 0 10px 0 5px;
  cursor: pointer;
  overflow: hidden;
  display: table-cell;
  line-height: 13px;
  background: transparent;
}

.report-Builder-Treeview .report-Builder-Treeview-Rootnode .displayremovebutton {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 16px;
  height: 16px;
  font-size: 12px;
  float: right;
  border: 0;
  padding: 0;
  background-color: transparent;
}

.report-Builder-Treeview .report-Builder-Treeview-Rootnode .displayremovebutton::before {
  content: "\f00d";
  font-family: "Font Awesome 7 Pro";
}

.report-Builder-Treeview .report-Builder-Treeview-Rootnode .displayremovebutton > img {
  display: none;
}

.report-Builder-Treeview .report-Builder-Treeview-Rootnode .hideremovebutton {
  display: none;
  width: 16px;
  height: 16px;
  float: right;
  border: 0;
  padding: 0;
  background-color: transparent;
}

.report-Builder-Treeview .report-Builder-Treeview-Toggle {
  display: inline-block;
  background: transparent;
  border: none;
  outline: none;
  padding: 3px;
  vertical-align: middle;
  opacity: 0.5;
  border-radius: 2px;
}

.report-Builder-Treeview .report-Builder-Treeview-Toggle:hover,
.report-Builder-Treeview .report-Builder-Treeview-Toggle:active {
  opacity: 1;
}

.report-Builder-Treeview-Item {
  border-radius: 2px;
  margin-bottom: 3px;
  margin-left: 5px;
  color: #1f2937;
}

.report-Builder-Treeview-Item ul {
  padding: 0;
  margin-left: 10px;
  list-style-type: none;
}

.report-Builder-Treeview-Item li:last-child {
  margin-bottom: 0;
}

.report-Builder-Treeview-Item .childnodename {
  cursor: pointer;
  padding-left: 6px;
  vertical-align: middle;
  font-size: 12px;
  display: table-cell;
}

.report-Builder-Treeview-Item .selectedchildnodename {
  cursor: pointer;
  padding-left: 6px;
  vertical-align: middle;
  font-size: 12px;
  display: table-cell;
}

.report-Builder-Treeview-Item .rootnodearea {
  display: table;
  width: 100%;
  border-radius: 4px;
  background-color: white;
  cursor: pointer;
  margin-bottom: 3px;
  padding: 6px 0;
  color: #1f2937;
  font-size: 12px;
}

.report-Builder-Treeview-Item .rootnodearea:hover {
  background-color: #d4f0ee;
}

.report-Builder-Treeview-Item .selectedrootnodearea {
  display: table;
  width: 100%;
  border-radius: 4px;
  background-color: white;
  cursor: pointer;
  margin-bottom: 3px;
  padding: 6px 0;
  color: #1f2937;
  font-size: 12px;
  background-color: #96dfda;
}

.report-Builder-Treeview-Item .selectedrootnodearea:hover {
  background-color: #d4f0ee;
}

.report-Builder-Treeview-Item .selectedrootnodearea:hover {
  background-color: #96dfda;
}

.report-Builder-Treeview-Item .childnodearea {
  border-radius: 4px;
  background-color: white;
  cursor: pointer;
  line-height: initial;
  padding: 4px 2px;
  display: table;
  width: 100%;
}

.report-Builder-Treeview-Item .childnodearea:hover {
  background-color: #d4f0ee;
}

.report-Builder-Treeview-Item .selectedchildnodearea {
  border-radius: 4px;
  background-color: white;
  cursor: pointer;
  line-height: initial;
  padding: 4px 2px;
  display: table;
  width: 100%;
  background-color: #96dfda;
}

.report-Builder-Treeview-Item .selectedchildnodearea:hover {
  background-color: #d4f0ee;
}

.report-Builder-Treeview-Item .selectedchildnodearea:hover {
  background-color: #96dfda;
}

.report-Builder-Treeview-Item .nodetypeimage {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  display: table-cell;
}

.report-Builder-Treeview-Item .noderelationshipstypeimage {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  display: table-cell;
  background: url("assets/images/one-to-many.svg") no-repeat;
}

.report-Builder-Treeview-Item .nodelookupstypeimage {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  display: table-cell;
  background: url("assets/images/one-to-one.svg") no-repeat;
}

.report-Builder-Treeview-Item .nodederivedResourcestypeimage {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  display: table-cell;
  background: url("assets/images/one-to-one.svg") no-repeat;
}

.report-Builder-Treeview-Item .nodecustomJointypeimage {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  display: table-cell;
  background: url("assets/images/many-to-many.svg") no-repeat;
}

.report-Builder-Treeview-Item .noderelationshipInstancetypeimage {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  display: table-cell;
  background: url("assets/images/one-to-many.svg") no-repeat;
}

.report-Builder-Treeview-Item .itemIcon {
  display: table-cell;
  width: 20%;
  text-align: right;
}

.report-Builder-Treeview-Item .displayremovebutton {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 16px;
  height: 16px;
  border: 0;
  padding: 0;
  background-color: transparent;
}

.report-Builder-Treeview-Item .displayremovebutton::before {
  content: "\f00d";
  font-family: "Font Awesome 7 Pro";
}

.report-Builder-Treeview-Item .displayremovebutton > img {
  display: none;
}

.report-Builder-Treeview-Item .hideremovebutton {
  display: none;
  width: 16px;
  height: 16px;
  border: 0;
  padding: 0;
  background-color: transparent;
}

.report-Builder-Treeview-Item .displaysummariseicon {
  display: inline-block;
  width: 16px;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  border: 0;
  padding: 0;
  color: #1f2937;
  background-color: transparent;
  transition: opacity ease 0.2s;
  -webkit-transition: opacity ease 0.2s;
}

.report-Builder-Treeview-Item .hiddensummariseicon {
  display: none;
  width: auto;
  height: auto;
  vertical-align: top;
  border: 0;
  padding: 0;
  background-color: transparent;
}

.report-Builder-Treeview-Item .childTreeviewItemNode {
  margin-left: 10px;
}

.report-Builder-Treeview-Item .report-Builder-Treeview-Toggle {
  display: inline-block;
  background: transparent;
  border: none;
  outline: none;
  padding: 3px;
  vertical-align: middle;
  opacity: 0.5;
  border-radius: 2px;
}

.report-Builder-Treeview-Item .report-Builder-Treeview-Toggle:hover,
.report-Builder-Treeview-Item .report-Builder-Treeview-Toggle:active {
  opacity: 1;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.spAggregateOptionsDialog-view .aggVertCentreLabel {
  vertical-align: middle;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.spAggregateOptionsDialog-view .aggSubTotalsBlock {
  color: #555;
}

.spAggregateOptionsDialog-view .aggGrandTotalsBlock {
  color: #555;
}

.spAggregateOptionsDialog-view .aggLabelBlock {
  color: #555;
}

.spAggregateOptionsDialog-view .aggDisabled {
  color: #999;
}

.spAggregateOptionsDialog-view .entityCheckBoxPickerContainer {
  display: block;
  border: none;
  cursor: default;
}

.spAggregateOptionsDialog-view .entityCheckBoxPickerContainerDisabled {
  color: #999;
  cursor: default;
}

.spAggregateOptionsDialog-view .aggSubTitle {
  display: block;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  margin: 0;
  margin-top: 10px;
}

.spAggregateOptionsDialog-view .aggAggMethodPickerBox {
  margin-bottom: 15px;
}

.spAggregateOptionsDialog {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
}

.spAggregateOptionsDialog.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.spAggregateOptionsDialog.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.sp-mobile-device .spAggregateOptionsDialog {
  overflow-y: hidden;
}

.spAggregateOptionsDialog .modal-body {
  text-align: left;
}

.spAggregateOptionsDialog .modal-dialog {
  width: 249px;
}

.CodeMirror.cm-s-default {
  color: black;
}

.CodeMirror.cm-s-default .CodeMirror-matchingbracket {
  color: #000;
  background-color: #dbe0cc;
}

.CodeMirror.cm-s-default .cm-keyword {
  color: #00f;
}

.CodeMirror.cm-s-default .cm-builtin {
  color: #00f;
}

.CodeMirror.cm-s-default .cm-dateliteral {
  color: #800;
}

.CodeMirror.cm-s-default .cm-string {
  color: #800;
}

.CodeMirror.cm-s-default .cm-atom {
  color: #888;
}

.CodeMirror.cm-s-default .cm-number {
  color: #000;
}

.CodeMirror.cm-s-default .cm-string-2 {
  color: #f0f;
}

.CodeMirror.cm-s-default .cm-comment {
  color: #080;
}

.CodeMirror.cm-s-default .cm-variable-1 {
  color: #000;
}

.CodeMirror.cm-s-default .cm-variable-2 {
  color: #05a;
}

.calculatedfielddialog-view ul li {
  margin-bottom: 5px;
}

.calculatedfielddialog-view .ced-buttonsBar {
  position: absolute;
  width: 100%;
  text-align: right;
  padding-top: 10px;
}

.calculatedfielddialog-view .functionBrowser {
  background-image: url("assets/images/calcEditor/divider.png");
  background-repeat: repeat-x;
  padding-top: 10px;
}

.calculatedfielddialog-view #errorMessage {
  position: absolute;
  float: left;
  font-style: italic;
  margin-left: 3px;
  margin-right: 160px;
}

.calculatedfielddialog-view #signature {
  margin-bottom: 3px;
  font-weight: bold;
}

.calculatedfielddialog-view #description {
  color: black;
  font-family: "Segoe UI", -apple-system;
}

.CodeMirror-hints {
  z-index: 9999;
  font-size: 12px;
  color: #4f565b;
}

.relationshipadvanceddialog-view ul li {
  margin-bottom: 5px;
}

.relationshipadvanceddialog-view .optionitem {
  margin-left: -23px;
}


.rn-report-diag-results h1 {
  font-size: 16px;
}

.rn-report-diag-results h2 {
  font-size: 14px;
}

.rn-report-diag-results h3 {
  font-size: 12px;
  font-style: italic;
}

.rn-report-diag-results ul {
  list-style-type: disc;
  list-style-position: inside;
}

.rn-report-diag-results ol {
  list-style-type: decimal;
  list-style-position: inside;
}

.rn-report-diag-results ul ul,
.rn-report-diag-results ol ul {
  list-style-type: circle;
  list-style-position: inside;
  margin-left: 15px;
}

.rn-report-diag-results ol ol,
.rn-report-diag-results ul ol {
  list-style-type: lower-latin;
  list-style-position: inside;
  margin-left: 15px;
}


@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.modal.summariseoptiondialog-view {
  overflow: auto;
}

.modal.summariseoptiondialog-view .modal-dialog {
  width: 1024px;
  height: inherit;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea {
  background-color: #fafafa;
  padding: 10px;
  -webkit-box-shadow: 0 2px 3px #e6e6e6 inset;
          box-shadow: 0 2px 3px #e6e6e6 inset;
  margin: 5px 0;
  border-radius: 3px;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea ul {
  padding: 0;
  list-style-type: none;
  max-width: 300px;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea ul .summariseNode {
  background: none;
  border: none;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea .summariseNode_default {
  background-color: #ddd;
  margin-bottom: 3px;
  border-radius: 3px;
  padding: 1px 3px;
  border: 1px solid #e6e6e6;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea .summariseNode_default:before {
  content: url("assets/images/fielditem_child.png");
  margin-left: -15px;
  margin-top: -4px;
  float: left;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea .summariseNode_default:hover {
  background-color: #fff;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea li {
  padding-left: 15px;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea li .summariseNode {
  background-color: #ddd;
  margin-bottom: 3px;
  border-radius: 3px;
  padding: 1px 3px;
  border: 1px solid #e6e6e6;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea li .summariseNode:before {
  content: url("assets/images/fielditem_child.png");
  margin-left: -15px;
  margin-top: -4px;
  float: left;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea li .summariseNode:hover {
  background-color: #fff;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea li .summariseSelectedNode {
  background-color: #ddd;
  margin-bottom: 3px;
  border-radius: 3px;
  padding: 1px 3px;
  border: 1px solid #e6e6e6;
  background-color: #444;
  color: #fff;
  border: 1px solid #444;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea li .summariseSelectedNode:before {
  content: url("assets/images/fielditem_child.png");
  margin-left: -15px;
  margin-top: -4px;
  float: left;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea li .summariseSelectedNode:hover {
  background-color: #fff;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea li .summariseSelectedNode:hover {
  background-color: #414141;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea li .underSummariseNode {
  background-color: #ddd;
  margin-bottom: 3px;
  border-radius: 3px;
  padding: 1px 3px;
  border: 1px solid #e6e6e6;
  color: #d4d4d4;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea li .underSummariseNode:before {
  content: url("assets/images/fielditem_child.png");
  margin-left: -15px;
  margin-top: -4px;
  float: left;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea li .underSummariseNode:hover {
  background-color: #fff;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea li .displaysummariseicon {
  float: right;
  display: inline-block;
  width: auto;
  height: auto;
  border: 0;
  padding: 0;
  background-color: transparent;
  transition: opacity ease 0.2s;
  -webkit-transition: opacity ease 0.2s;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea li .hiddensummariseicon {
  float: right;
  display: none;
  width: auto;
  height: auto;
  vertical-align: top;
  border: 0;
  padding: 0;
  background-color: transparent;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea ul[treeitems="childitem.children"] {
  padding-left: 15px;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea ul[treeitems="childitem.children"] .summariseNode {
  background-color: #ddd;
  margin-bottom: 3px;
  border-radius: 3px;
  padding: 1px 3px;
  border: 1px solid #e6e6e6;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea ul[treeitems="childitem.children"] .summariseNode:before {
  content: url("assets/images/fielditem_child.png");
  margin-left: -15px;
  margin-top: -4px;
  float: left;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea ul[treeitems="childitem.children"] .summariseNode:hover {
  background-color: #fff;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea ul[treeitems="childitem.children"] .summariseSelectedNode {
  background-color: #ddd;
  margin-bottom: 3px;
  border-radius: 3px;
  padding: 1px 3px;
  border: 1px solid #e6e6e6;
  background-color: #444;
  color: #fff;
  border: 1px solid #444;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea ul[treeitems="childitem.children"] .summariseSelectedNode:before {
  content: url("assets/images/fielditem_child.png");
  margin-left: -15px;
  margin-top: -4px;
  float: left;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea ul[treeitems="childitem.children"] .summariseSelectedNode:hover {
  background-color: #fff;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea ul[treeitems="childitem.children"] .summariseSelectedNode:hover {
  background-color: #414141;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea ul[treeitems="childitem.children"] .underSummariseNode {
  background-color: #ddd;
  margin-bottom: 3px;
  border-radius: 3px;
  padding: 1px 3px;
  border: 1px solid #e6e6e6;
  color: #d4d4d4;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea ul[treeitems="childitem.children"] .underSummariseNode:before {
  content: url("assets/images/fielditem_child.png");
  margin-left: -15px;
  margin-top: -4px;
  float: left;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea ul[treeitems="childitem.children"] .underSummariseNode:hover {
  background-color: #fff;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea ul[treeitems="childitem.children"] .displaysummariseicon {
  float: right;
  display: inline-block;
  width: auto;
  height: auto;
  border: 0;
  padding: 0;
  background-color: transparent;
  transition: opacity ease 0.2s;
  -webkit-transition: opacity ease 0.2s;
}

.modal.summariseoptiondialog-view .AdvanceOptionarea ul[treeitems="childitem.children"] .hiddensummariseicon {
  float: right;
  display: none;
  width: auto;
  height: auto;
  vertical-align: top;
  border: 0;
  padding: 0;
  background-color: transparent;
}

.modal.summariseoptiondialog-view .gridStyle {
  margin-top: 10px;
  border: 1px solid #d4d4d4;
  min-height: 282px;
  overflow-x: auto;
}

.modal.summariseoptiondialog-view .gridStyle .ngHeaderContainer {
  border-bottom: 1px solid #ccc;
}

.modal.summariseoptiondialog-view .gridStyle .ngSelectionCell {
  vertical-align: middle;
  margin: 0;
  padding: 6px 4px;
  border-bottom: 1px solid #ddd;
}

.modal.summariseoptiondialog-view .gridStyle .ngViewport {
  height: 255px !important;
}

.modal.summariseoptiondialog-view .gridStyle .ngViewport .ngRow:hover {
  background-color: transparent;
}

.modal.summariseoptiondialog-view .gridStyle .ngRow {
  border-bottom: none;
}

.modal.summariseoptiondialog-view .gridStyle .ngRow .ngCell input[type="checkbox"] {
  margin-top: 0;
  margin-right: 5px;
  vertical-align: middle;
  margin-top: -1px;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.report-Builder-Toolbox {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #535353;
  background-color: #eeeff2;
  border-right: 1px solid #d1d5db;
  font-family: Roboto, ui-sans-serif, system-ui, Helvetica Neue, Arial, Noto Sans, sans-serif;
}

.report-Builder-Toolbox .builder-Accordion .panel-group {
  background-color: #535353;
}

.report-Builder-Toolbox .builder-Accordion .panel-group .panel {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.report-Builder-Toolbox .builder-Accordion .panel-group .panel + .panel {
  margin-top: 0;
}

.report-Builder-Toolbox .builder-Section {
  border: none;
  border-radius: inherit;
}

.report-Builder-Toolbox .builder-Section .panel-heading {
  background-color: #3a3a3a;
  padding: 0;
  border-radius: 0;
  cursor: pointer;
}

.report-Builder-Toolbox .builder-Section .panel-heading:hover {
  background-color: #343434;
}

.report-Builder-Toolbox .builder-Section .panel-heading + .panel-collapse .panel-body {
  border-top: 0 solid #ddd;
}

.report-Builder-Toolbox .builder-Section .panel-heading .accordion-toggle {
  display: block;
  padding: 10px;
  vertical-align: middle;
  color: #aaa;
  font-size: 14px;
  -webkit-box-shadow: 0 1px 0 0 rgba(47, 47, 47, 0) inset, 0 -1px 0 0 #2f2f2f inset;
          box-shadow: 0 1px 0 0 rgba(47, 47, 47, 0) inset, 0 -1px 0 0 #2f2f2f inset;
  font-weight: normal;
  text-decoration: none;
  background-color: #3a3a3a;
}

.report-Builder-Toolbox .builder-Section .panel-body {
  border: none;
  padding: 5px;
  background-color: #535353;
}

.report-Builder-Toolbox .builder-Controls {
  margin-bottom: 5px;
  text-align: right;
  display: block;
  line-height: 0;
}

.report-Builder-Toolbox .toolbox-header {
  color: white;
  background-color: #FF8301;
  background-image: url("assets/images/report_background.png");
}

.report-Builder-Toolbox .sp-search-control::before {
  position: absolute;
  left: 10px;
  top: 4px;
  content: "\f002";
  font-family: "Font Awesome 7 Pro";
  color: #6b7280;
  font-size: 14px;
}

.report-Builder-Toolbox .sp-search-control input.sp-search-control-input {
  background: white !important;
  border: 1px solid #d1d5db;
  border-radius: 16px;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-left: 30px;
  padding-right: 24px;
  color: #1f2937;
}

.report-Builder-Toolbox .sp-search-control-clear {
  top: 4px;
  right: 10px;
  cursor: pointer;
}

.report-Builder-Toolbox .fields-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
  padding-right: 7px;
}

.report-Builder-Toolbox .fields-info .group-dnd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #6b7280;
  font-size: 12px;
  font-style: italic;
}

.report-Builder-Toolbox .fields-info .group-dnd i {
  margin-left: 4px;
  color: #6b7280;
}

.report-Builder-Toolbox .fields-info .fieldstableheader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 13px;
}

.report-Builder-Toolbox .fields-info .report-Builder-AddToAnalyzer,
.report-Builder-Toolbox .fields-info .report-Builder-AddToReport {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 14px;
  height: 14px;
}

.report-Builder-Toolbox .report-Builder-Accordion .panel-group {
  background-color: #535353;
}

.report-Builder-Toolbox .report-Builder-Accordion .panel-group .panel {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.report-Builder-Toolbox .report-Builder-Accordion .panel-group .panel + .panel {
  margin-top: 0;
}

.report-Builder-Toolbox .report-Builder-Accordion .panel-group {
  background-color: transparent;
}

.report-Builder-Toolbox .report-Builder-Accordion .report-Builder-Section {
  border: none;
  border-radius: inherit;
}

.report-Builder-Toolbox .report-Builder-Accordion .report-Builder-Section .panel-heading {
  background-color: #3a3a3a;
  padding: 0;
  border-radius: 0;
  cursor: pointer;
}

.report-Builder-Toolbox .report-Builder-Accordion .report-Builder-Section .panel-heading:hover {
  background-color: #343434;
}

.report-Builder-Toolbox .report-Builder-Accordion .report-Builder-Section .panel-heading + .panel-collapse .panel-body {
  border-top: 0 solid #ddd;
}

.report-Builder-Toolbox .report-Builder-Accordion .report-Builder-Section .panel-heading .accordion-toggle {
  display: block;
  padding: 10px;
  vertical-align: middle;
  color: #aaa;
  font-size: 14px;
  -webkit-box-shadow: 0 1px 0 0 rgba(47, 47, 47, 0) inset, 0 -1px 0 0 #2f2f2f inset;
          box-shadow: 0 1px 0 0 rgba(47, 47, 47, 0) inset, 0 -1px 0 0 #2f2f2f inset;
  font-weight: normal;
  text-decoration: none;
  background-color: #3a3a3a;
}

.report-Builder-Toolbox .report-Builder-Accordion .report-Builder-Section .panel-body {
  border: none;
  padding: 5px;
  background-color: #535353;
}

.report-Builder-Toolbox .report-Builder-Accordion .report-Builder-Section .panel-heading .accordion-toggle {
  background: #f9fafb;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #1f2937;
  font-weight: 500;
  font-family: Roboto, ui-sans-serif, system-ui, Helvetica Neue, Arial, Noto Sans, sans-serif;
}

.report-Builder-Toolbox .report-Builder-Accordion .report-Builder-Section .report-Builder-Controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  margin-bottom: 5px;
}

.report-Builder-Toolbox .report-Builder-Accordion .report-Builder-Section .report-Builder-Control-Add,
.report-Builder-Toolbox .report-Builder-Accordion .report-Builder-Section .report-Builder-Control-Advanced,
.report-Builder-Toolbox .report-Builder-Accordion .report-Builder-Section .report-Builder-Control-Summary,
.report-Builder-Toolbox .report-Builder-Accordion .report-Builder-Section .report-Builder-Control-Calculate {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #d1d5db;
  border-radius: 4px;
  color: #374151;
}

.report-Builder-Toolbox .report-Builder-Accordion .report-Builder-Section .report-Builder-Control-Add:hover,
.report-Builder-Toolbox .report-Builder-Accordion .report-Builder-Section .report-Builder-Control-Advanced:hover,
.report-Builder-Toolbox .report-Builder-Accordion .report-Builder-Section .report-Builder-Control-Summary:hover,
.report-Builder-Toolbox .report-Builder-Accordion .report-Builder-Section .report-Builder-Control-Calculate:hover {
  background: #9ca3af;
}

.report-Builder-Toolbox .report-Builder-Accordion .panel {
  background-color: #eeeff2;
}

.report-Builder-Toolbox .report-Builder-Accordion .report-Builder-Section .panel-body {
  background-color: #eeeff2;
}

.report-Builder-Toolbox .report-Builder-Diagnostics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  background-color: #f9fafb;
}

.report-Builder-Toolbox .report-Builder-Diagnostics-Icon {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.report-Builder-Toolbox .report-Builder-Diagnostics-Link {
  cursor: pointer;
  color: #1f2937;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.report-Builder-Toolbox .report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .readonlygroupname,
.report-Builder-Toolbox .report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupname {
  color: #1f2937;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
}

.report-Builder-Toolbox .report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .item {
  background: white;
  border-radius: 4px;
}

.report-Builder-Toolbox .report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .item::before {
  content: normal;
}

.report-Builder-Toolbox .report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .item .itemname,
.report-Builder-Toolbox .report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .item .readonlyitemname {
  color: #1f2937;
  font-style: normal;
  vertical-align: middle;
}

.report-Builder-Toolbox .report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .item .itemicon {
  padding-right: 2px;
}

.report-Builder-Toolbox .report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .groupitems .item .itemicon img {
  height: 20px;
}

.report-Builder-Toolbox .report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .group-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 26px;
}

.report-Builder-Toolbox .report-Builder-Fieldmanager .report-Builder-Fieldmanager-Group .toggleButton {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 16px;
  height: 16px;
  padding: 0;
  opacity: 1;
  color: #1f2937;
}

.report-Builder-Page .middle-content .top-view {
  height: auto;
}

.reportdiag-view input[type="checkbox"]:focus {
  outline: none;
}

.reportdiag-view .modal-dialog {
  width: 900px;
}

.reportdiag-view h3 {
  font-size: 16px;
  font-style: normal;
}

.reportdiag-view h4 {
  font-size: 14px;
  font-style: normal;
  text-decoration: underline;
}

.reportdiag-view ul,
.reportdiag-view ol {
  -webkit-padding-start: 20px;
}

.reportdiag-view ul li {
  list-style-type: disc;
}

.reportdiag-view ol li {
  list-style-type: decimal;
}

.reportdiag-view ol ul li {
  list-style-type: disc;
}

.reportdiag-view td {
  padding-right: 1em;
}

.reportdiag-view .rn-report-diag-results table {
  margin-bottom: 1em;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.spUserPasswordDialog-view .passwordTable {
  display: table;
  margin-left: 5px;
  margin-top: 5px;
  width: 100%;
}

.spUserPasswordDialog-view .passwordRow {
  display: table-row;
}

.spUserPasswordDialog-view .passwordLabelCell {
  vertical-align: middle;
  display: table-cell;
}

.spUserPasswordDialog-view .passwordValueCell {
  display: table-cell;
  white-space: nowrap;
}

.spUserPasswordDialog-view .passwordInput {
  margin-top: 2px;
  margin-bottom: 2px;
}

.spUserPasswordDialog-view .alerter {
  margin: 10px -15px -10px;
  position: static;
  height: auto;
  font-size: 1em;
  background-color: #ffe6e1;
  color: #f94945;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.spUserPasswordDialog {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
}

.spUserPasswordDialog.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.spUserPasswordDialog.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.sp-mobile-device .spUserPasswordDialog {
  overflow-y: hidden;
}

.spUserPasswordDialog .modal-body {
  text-align: left;
}

.spUserPasswordDialog .modal-dialog {
  width: 420px;
}

.systemNotificationsDialog {
  height: 300px;
  width: 100%;
  position: relative;
}

.systemNotificationsDialog__body {
  height: 250px;
}

.taskStatus {
  position: relative;
  border: solid 1px silver;
  min-height: 90px;
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 14px;
  border-radius: 4px;
}

.taskStatus .title {
  color: black;
  font-size: 16px;
  padding: 4px;
  font-weight: bold;
  margin-bottom: 3px;
}

.taskStatus .refresh {
  right: 6px;
  top: 3px;
  position: absolute;
}

.taskStatus-loading {
  z-index: 10;
  position: absolute;
  top: 0px;
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  height: 100%;
  background-color: silver;
  opacity: 0.8;
  padding-top: 30px;
  margin: auto;
  text-align: center;
}

.taskRunStatus-render {
  padding: 4px;
  position: relative;
  border: 1px solid;
  margin: 2px;
  border-radius: 4px;
}

.taskRunStatus-render .cancel {
  right: 6px;
  top: 3px;
  position: absolute;
}

.taskRunStatus-render .runStateIcon {
  position: absolute;
  top: 0px;
  height: 100%;
}

.taskRunStatus-render .runStateIcon img {
  width: 45px;
  padding-top: 10px;
}

.taskRunStatus-render .runInfo {
  padding-left: 55px;
}

.taskRunStatus-render .runInfo .status {
  font-weight: bold;
}

.taskStatus-Completed {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.taskStatus-Error {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.taskStatus-Running,
.taskStatus-Pending,
.taskStatus-Paused {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.taskStatus-Cancelled {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.userMessages-drop {
  overflow: hidden;
  position: fixed;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  left: auto;
  top: 42px;
  right: 10px;
  display: block;
  height: 400px;
  max-height: 0;
  width: 400px;
  background-color: #fff;
  color: #333333;
  font-family: Arial, sans-serif;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  z-index: 100;
}

.userMessages-drop-slide-down {
  max-height: 400px !important;
}

.userMessages-list {
  overflow-y: auto;
  overflow-x: hidden;
  line-height: 18px;
  height: 355px;
  width: 400px;
  z-index: 101;
}

.userMessages-list-header {
  position: relative;
  font-size: 20px;
  height: 45px;
  border-bottom: 1px solid #eee;
  padding: 8px 0 0 8px;
}

.userMessages-list-header-options {
  position: absolute;
  top: 5px;
  right: 5px;
}

.userMessages-list-header-options ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.userMessages-list-header-options li {
  float: left;
  padding: 4px;
  border: none;
}

.userMessages-list-header-options li:hover,
.userMessages-list-header-options li:active {
  background-color: initial;
}

.userMessages-list-header-options li a {
  display: block;
  text-align: center;
  text-decoration: none;
  width: 25px;
  height: 25px;
}

.userMessages-list-header-options .read-all-messages {
  background: url(assets/images/message_read_all.svg) no-repeat center 50%;
}

.userMessages-list-header-options .delete-all-messages {
  background: url(assets/images/message_delete_all.svg) no-repeat center 50%;
}

.userMessages-list ul {
  padding: 2px;
  margin: 0;
}

.userMessages-list ul li {
  padding-left: 5px;
  list-style: none;
  border-bottom: 1px solid #eee;
  border-left: 3px solid white;
}

.userMessages-list ul li:hover,
.userMessages-list ul li:active {
  background-color: whitesmoke;
  border-left-color: #3c78b5;
}

.userMessages-list-item {
  min-height: 50px;
  padding: 8px 20px 8px 35px;
  position: relative;
  cursor: pointer;
}

.userMessages-list-item .text {
  font-size: 14px;
  padding: 0 0 12px 0;
  word-wrap: break-word;
}

.userMessages-list-item .text-minor {
  position: absolute;
  font-size: 11px;
  left: 35px;
  bottom: 2px;
}

.userMessages-list-item .date {
  position: absolute;
  font-size: 11px;
  right: 12px;
  bottom: 2px;
}

.userMessages-list-item .date > .message-delete-btn {
  position: absolute;
  right: 4px;
  top: 4px;
  height: 16px;
  width: 16px;
  background: url("assets/images/message_delete.svg") no-repeat center;
  opacity: 0.5;
}

.userMessages-list-item .date > .message-delete-btn:hover,
.userMessages-list-item .date > .message-delete-btn:active {
  opacity: 1;
}

.userMessages-list-item .delete-btn {
  position: absolute;
  right: 4px;
  top: 4px;
  height: 16px;
  width: 16px;
  background: url("assets/images/message_delete.svg") no-repeat center;
  opacity: 0.5;
}

.userMessages-list-item .delete-btn:hover,
.userMessages-list-item .delete-btn:active {
  opacity: 1;
}

.userMessages-list-item > .message-read {
  background: url(assets/images/message_label.svg) no-repeat left 20%;
  background-size: 24px 24px;
}

.userMessages-list-item > .task {
  background: url(assets/images/task_label.svg) no-repeat left 20%;
  background-size: 24px 24px;
}

/* Layout for task, unread, and read items */

.userMessages-list-item-task,
.userMessages-list-item-unread,
.userMessages-list-item-read {
  padding: 0;
  display: grid;
  grid-template-columns: 20px 1fr auto;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* Text padding for read/unread */

.userMessages-list-item-unread .text-main,
.userMessages-list-item-read .text-main {
  padding-top: 8px;
}

/* Backgrounds */

.userMessages-list-item.userMessages-list-item-unread,
.userMessages-list-item-parent-unread {
  background-color: #f0f0f0;
}

/* Task icon base */

.userMessages-list-item-task .task-icon,
.userMessages-list-item-unread .task-icon,
.userMessages-list-item-read .task-icon {
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 20px;
  height: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
  font-size: 16px;
  color: #333;
  line-height: 1;
}

/* Font Awesome icons */

.userMessages-list-item-task.process-step-task .task-icon::before {
  content: "\f759";
}

.userMessages-list-item-task.approval-task .task-icon::before {
  content: "\f058";
}

.userMessages-list-item-task.prompt-task .task-icon::before {
  content: "\f40e";
}

.userMessages-list-item-task.user-survey-task .task-icon::before {
  content: "\e489";
}

.userMessages-list-item-task.navigate-task .task-icon::before {
  content: "\f570";
}

.userMessages-list-item-unread .task-icon {
  position: relative;
}

.userMessages-list-item-unread .task-icon::before {
  content: "\f4a3";
}

/* Red notification badge */

.userMessages-list-item-unread .task-icon::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  height: 6px;
  background-color: #dc2626;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.userMessages-list-item-read .task-icon::before {
  content: "\f4a3";
}

/* Custom SVG tasks */

.userMessages-list-item-task.user-task .task-icon {
  background: url("assets/images/regular-user-circle-check-full.svg") no-repeat center;
  background-size: 16px 16px;
}

.userMessages-list-item-task.default .task-icon {
  background: url("assets/images/task_label.svg") no-repeat left 20%;
  background-size: contain;
}

/* Ensure no glyph overlays for custom SVG */

.userMessages-list-item-task.user-task .task-icon::before {
  content: "";
}

.userMessages-list-item div.text-main {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.userMessages-messages-show {
  position: absolute;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  height: 400px;
  width: 400px;
  left: 400px;
  top: 0;
  z-index: 103;
  background-color: #fff;
}

.userMessages-messages-show > .header {
  font-size: 20px;
  height: 45px;
  border-bottom: 1px solid #eee;
  padding: 10px 0 5px 10px;
}

.userMessages-messages-show > .content {
  padding: 10px 0 5px 10px;
  font-size: 14px;
  word-wrap: break-word;
}

.userMessages-messages-show > .footer {
  border-top: 1px solid #eee;
  position: absolute;
  bottom: 0;
  padding: 5px 0 5px 10px;
  width: 100%;
}

.userMessages-messages-show-slide-in {
  left: 0 !important;
}

.userMessages-messages-btn {
  width: 42px;
  height: 42px;
  cursor: pointer;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  opacity: 0.85;
  position: relative;
}

.userMessages-messages-btn:hover,
.userMessages-messages-btn:active {
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 1;
}

.userMessages-messages-btn > .unread-count {
  color: white;
  border-radius: 6px;
  background-color: red;
  position: absolute;
  padding: 0;
  margin: 0;
  min-width: 14px;
  height: 14px;
  top: 20px;
  left: 22px;
  font-size: 9px;
  font-weight: bold;
  line-height: 14px;
  text-align: center;
}

.userMessages-messages-btn-icon {
  margin: 13px;
}

.user-notifications-pop {
  overflow-y: auto;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  position: fixed;
  bottom: 0;
  right: 0;
  display: block;
  height: 220px;
  width: 250px;
  max-height: 0;
  background-color: #fff5c8;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  z-index: 100;
}

.user-notifications-pop-slide-up {
  max-height: 220px !important;
}

.user-notifications-list {
  position: absolute;
  overflow-y: auto;
  height: 220px;
  z-index: 101;
  width: 100%;
  padding: 5px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border: solid 1px #fbb329;
  margin: 0;
  padding: 0;
}

.user-notifications-list > .header {
  padding: 7px 0 7px 4px;
  font-size: 13px;
  background-color: #fbb329;
}

.user-notifications-list > .header > .close {
  background: url(assets/images/notification_close.png) no-repeat center 50%;
  position: absolute;
  right: 6px;
  top: 8px;
  width: 16px;
  height: 16px;
  opacity: 0.5;
}

.user-notifications-list > .header > .close:hover,
.user-notifications-list > .header > .close:active {
  opacity: 1;
}

.user-notifications-list > .content > .message-item {
  cursor: pointer;
  word-wrap: break-word;
  margin: 1px;
  padding: 8px 0 8px 3px;
  border-bottom: 1px solid #eee;
  border-left: 3px solid white;
}

.user-notifications-list > .content > .message-item:hover,
.user-notifications-list > .content > .message-item:active {
  border-left-color: #3c78b5;
}

.visual-settings {
  display: table;
  width: 100%;
  padding: 8px 0;
}

.visual-settings .visual-settings-item {
  display: table-cell;
  padding: 0 3px;
  width: 33.333%;
}

.visual-settings .visual-settings-item button {
  text-transform: uppercase;
  width: 100%;
  height: 100%;
  border: none;
  padding: 0;
  border-radius: 4px;
}

.visual-settings .visual-settings-item button span {
  display: block;
  text-align: center;
  margin-top: 90px;
  padding-bottom: 10px;
}

.visual-settings .visual-settings-item button:focus {
  outline: none;
}

.visual-settings .checked {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3) inset;
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3) inset;
  -webkit-transition: background-image 0.4s ease-out;
  transition: background-image 0.4s ease-out;
  border-top: 2px solid #fafafa;
}

.visual-settings .checked:after {
  content: url("assets/images/deploy_checked.png");
  margin-top: -40px;
  float: right;
  height: 40px;
}

.visual-settings .checked:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.visual-settings .unchecked {
  opacity: 0.6;
  -webkit-box-shadow: 0 -1px 1px 1px rgba(0, 0, 0, 0.2) inset;
          box-shadow: 0 -1px 1px 1px rgba(0, 0, 0, 0.2) inset;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}

.visual-settings .unchecked:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.visual-settings .desktop-checked {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3) inset;
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3) inset;
  -webkit-transition: background-image 0.4s ease-out;
  transition: background-image 0.4s ease-out;
  border-top: 2px solid #fafafa;
  background: url("assets/images/deploy_desktop_on.png") no-repeat center 20px rgba(0, 0, 0, 0.075);
}

.visual-settings .desktop-checked:after {
  content: url("assets/images/deploy_checked.png");
  margin-top: -40px;
  float: right;
  height: 40px;
}

.visual-settings .desktop-checked:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.visual-settings .desktop-unchecked {
  opacity: 0.6;
  -webkit-box-shadow: 0 -1px 1px 1px rgba(0, 0, 0, 0.2) inset;
          box-shadow: 0 -1px 1px 1px rgba(0, 0, 0, 0.2) inset;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  background: url("assets/images/deploy_desktop_off.png") no-repeat center 20px rgba(0, 0, 0, 0.03);
}

.visual-settings .desktop-unchecked:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.visual-settings .tablet-checked {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3) inset;
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3) inset;
  -webkit-transition: background-image 0.4s ease-out;
  transition: background-image 0.4s ease-out;
  border-top: 2px solid #fafafa;
  background: url("assets/images/deploy_tablet_on.png") no-repeat center 20px rgba(0, 0, 0, 0.075);
}

.visual-settings .tablet-checked:after {
  content: url("assets/images/deploy_checked.png");
  margin-top: -40px;
  float: right;
  height: 40px;
}

.visual-settings .tablet-checked:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.visual-settings .tablet-unchecked {
  opacity: 0.6;
  -webkit-box-shadow: 0 -1px 1px 1px rgba(0, 0, 0, 0.2) inset;
          box-shadow: 0 -1px 1px 1px rgba(0, 0, 0, 0.2) inset;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  background: url("assets/images/deploy_tablet_off.png") no-repeat center 20px rgba(0, 0, 0, 0.03);
}

.visual-settings .tablet-unchecked:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.visual-settings .mobile-checked {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3) inset;
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3) inset;
  -webkit-transition: background-image 0.4s ease-out;
  transition: background-image 0.4s ease-out;
  border-top: 2px solid #fafafa;
  background: url("assets/images/deploy_mobile_on.png") no-repeat center 20px rgba(0, 0, 0, 0.075);
}

.visual-settings .mobile-checked:after {
  content: url("assets/images/deploy_checked.png");
  margin-top: -40px;
  float: right;
  height: 40px;
}

.visual-settings .mobile-checked:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.visual-settings .mobile-unchecked {
  opacity: 0.6;
  -webkit-box-shadow: 0 -1px 1px 1px rgba(0, 0, 0, 0.2) inset;
          box-shadow: 0 -1px 1px 1px rgba(0, 0, 0, 0.2) inset;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  background: url("assets/images/deploy_mobile_off.png") no-repeat center 20px rgba(0, 0, 0, 0.03);
}

.visual-settings .mobile-unchecked:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/* Common */

body.sp-tablet-device,
body.sp-mobile-device {
  font-size: 0.9em;
}

.view {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 30px 0;
}

.sp-mobile-device .view {
  padding: 0;
}

.sp-tablet-device .view {
  padding: 0;
}

.sp-desktop-device .view .page-host {
  position: relative;
  left: -30px;
  width: calc(100% + 60px);
}

.sp-mobile-device .view .page-host,
.sp-tablet-device .view .page-host {
  width: 100%;
}

.notransition {
  -webkit-transition: none !important;
  transition: none !important;
}

.content-header-shadow {
  z-index: 1;
}

.ui-icon-white {
  background-image: url("assets/lib/jquery-ui/images/ui-icons_ffffff_256x240.png");
}

.ui-icon-lightgray {
  background-image: url("assets/lib/jquery-ui/images/ui-icons_cccccc_256x240.png");
}

.ui-icon-gray {
  background-image: url("assets/lib/jquery-ui/images/ui-icons_999999_256x240.png");
}

.ui-icon-darkgray {
  background-image: url("assets/lib/jquery-ui/images/ui-icons_535353_256x240.png");
}

.ui-icon-gold {
  background-image: url("assets/lib/jquery-ui/images/ui-icons_ffc800_256x240.png");
}

.ui-icon-hover-darkgray:hover {
  background-image: url("assets/lib/jquery-ui/images/ui-icons_535353_256x240.png");
}

.sp-dropdown-button {
  font-size: 1em;
}

.tooltip {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

.inline-block {
  display: inline-block;
}

.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.layout-container {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sp-tablet-device .layout-container .view form[name="form"].editForm {
  padding: 2% 2% 0;
}

.layout-container .view .tabbable {
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}

.content-height-container {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sp-tablet-device .content-height-container .view form[name="form"].editForm {
  padding: 2% 2% 0;
}

.content-height-container .view .tabbable {
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}

.available-height-layout-container {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
}

.sp-tablet-device .available-height-layout-container .view form[name="form"].editForm {
  padding: 2% 2% 0;
}

.available-height-layout-container .view .tabbable {
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}

.layout-top,
.layout-bottom {
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #dbdbdb;
}

.layout-top.navheader,
.layout-bottom.navheader {
  max-height: 42px;
}

.layout-left,
.layout-right {
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  background-color: #313c46;
  -webkit-box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1) inset;
          box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1) inset;
}

.layout-left .layout-content,
.layout-right .layout-content {
  position: relative;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
}

.layout-left.layout-open .layout-content,
.layout-right.layout-open .layout-content {
  width: 100%;
  overflow-x: auto;
}

.layout-left {
  -webkit-transition: width ease 0.2s;
  transition: width ease 0.2s;
}

.layout-left .layout-thumb + div {
  visibility: hidden;
  opacity: 0 !important;
  -webkit-transition: opacity ease 0.5s;
  transition: opacity ease 0.5s;
}

.layout-left.layout-open .layout-thumb + div {
  visibility: visible;
  opacity: 1 !important;
}

.layout-middle {
  view-transition-name: layout-middle;
  position: absolute;
  overflow: hidden;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: left ease 0.2s, width ease 0.2s;
  transition: left ease 0.2s, width ease 0.2s;
}

.layout-middle .layout-content {
  position: relative;
  overflow: auto;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.layout-thumb {
  text-align: right;
  overflow: hidden;
  margin-right: 0;
  margin-bottom: 0;
  left: 0;
  right: 0;
  z-index: 103;
}

.layout-thumb .sp-mobile-device,
.sp-tablet-device .layout-thumb {
  text-align: left;
  z-index: 9999;
  margin-bottom: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
}

.layout-thumb img {
  cursor: pointer;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  width: 36px;
  height: 36px;
  margin: -1px 0;
  background-color: rgba(0, 0, 0, 0.05);
}

.layout-left .layout-thumb img {
  float: right;
}

.layout-right .layout-thumb img {
  float: left;
}

.layout-left.layout-open .layout-thumb img {
  -webkit-transform: none;
          transform: none;
}

.layout-thumb img:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.content-header-region {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sp-tablet-device .content-header-region .view form[name="form"].editForm {
  padding: 2% 2% 0;
}

.content-header-region .view .tabbable {
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}

.content-header-region sp-default-content-header,
.content-header-region .sp-default-content-header {
  height: 30px;
  display: block;
}

.content-toolbar-region {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sp-tablet-device .content-toolbar-region .view form[name="form"].editForm {
  padding: 2% 2% 0;
}

.content-toolbar-region .view .tabbable {
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}

.content-footer-region {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sp-tablet-device .content-footer-region .view form[name="form"].editForm {
  padding: 2% 2% 0;
}

.content-footer-region .view .tabbable {
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}

.content-toolbox-region {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sp-tablet-device .content-toolbox-region .view form[name="form"].editForm {
  padding: 2% 2% 0;
}

.content-toolbox-region .view .tabbable {
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}

.content-view-region {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sp-tablet-device .content-view-region .view form[name="form"].editForm {
  padding: 2% 2% 0;
}

.content-view-region .view .tabbable {
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}

.content-view-region > .view {
  /* apply overflow:auto to inner div instead of parent to ensure scroll position is reset when we navigate (because the inner is cleared of items) #28957 */
  overflow: auto;
}

.autosizing-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}

.autosizing-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.mobile-layout {
  /*background: url(assets/images/app_launcher_bg.png) no-repeat bottom right;*/
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.mobile-layout .content-height-container {
  background-color: #31a89f;
}

.mobile-layout .content-header {
  height: 50px;
  vertical-align: middle;
  text-align: left;
  padding: 0;
  color: #fff;
  -webkit-box-shadow: 0 -4px 3px rgba(0, 0, 0, 0.02) inset;
          box-shadow: 0 -4px 3px rgba(0, 0, 0, 0.02) inset;
  border: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mobile-layout .content-header button,
.mobile-layout .content-header a {
  display: inline-block;
  width: 50px;
  height: 50px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  border: none;
  outline: none;
  line-height: 0;
  background-color: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mobile-layout .content-header button:hover,
.mobile-layout .content-header a:hover,
.mobile-layout .content-header button:active,
.mobile-layout .content-header a:active {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.mobile-layout .content-header button:focus,
.mobile-layout .content-header a:focus {
  background-color: transparent;
  outline: none;
}

.mobile-layout .content-header button img,
.mobile-layout .content-header a img {
  opacity: 1;
  width: 20px;
  height: 20px;
}

.mobile-layout .content-header.layout-thumb a {
  padding-top: 13px;
}

.mobile-layout .content-header.layout-thumb img {
  -webkit-transform: none;
          transform: none;
  width: 24px;
  height: 24px;
}

.mobile-layout .content-header .sp-search-control {
  display: inline-block;
  float: right;
  margin: 5px 5px 0 0;
  width: calc(100% - 60px);
}

.mobile-layout .content-header .sp-search-control .sp-search-control-input {
  border-radius: 20px;
  width: 30px;
  float: right;
  border: none;
  background: none;
  background-position: 10% center;
  background-size: 24px 24px;
}

.mobile-layout .content-header .sp-search-control .sp-search-control-input.show-search,
.mobile-layout .content-header .sp-search-control .sp-search-control-input:valid {
  width: 100%;
  background: #fff url(assets/images/Mobile/search.svg) no-repeat;
  background-position: 96.5% center;
  background-size: 24px 24px;
  border: 1px solid lightgrey !important;
}

.mobile-layout .content-header .sp-search-control .sp-search-control-input.ng-valid {
  background-image: none;
}

.mobile-layout .content-header .sp-search-control .sp-search-control-input:focus {
  border: none;
}

.mobile-layout .content-footer {
  height: 48px;
  background-color: #f2f2f2;
}

.mobile-layout .navigator-container {
  position: absolute;
  z-index: 1000;
  background-color: #f5f5f5;
  overflow-x: hidden;
  width: 0;
  -webkit-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}

.mobile-layout .navigator-container.open {
  width: 93%;
  -webkit-box-shadow: 5px 0 8px rgba(0, 0, 0, 0.4);
          box-shadow: 5px 0 8px rgba(0, 0, 0, 0.4);
}

.mobile-layout .alerts-control-box {
  left: initial;
  right: initial;
}

.mobile-layout .page-container.faded {
  opacity: 0.5;
}

.sp-mobile-device .dropdown-menu {
  -webkit-box-shadow: 0 2px 12px 1px rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 12px 1px rgba(0, 0, 0, 0.5);
  background-color: #fff;
  position: fixed;
  top: 50px !important;
  overflow: auto;
  right: 0;
  left: 0 !important;
  margin: 0;
  max-height: calc(100% - 100px);
  border: none;
  max-width: inherit;
}

.sp-mobile-device .dropdown-menu li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.sp-mobile-device .dropdown-menu li:last-child {
  border-bottom: none;
}

.sp-mobile-device .dropdown-menu li,
.sp-mobile-device .dropdown-menu li > a {
  color: #333;
  line-height: 2em;
}

.sp-mobile-device .dropdown-menu li:active,
.sp-mobile-device .dropdown-menu li > a:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.sp-mobile-device .dropdown-menu li.contextMenuDivider {
  border-bottom: none;
  margin-top: -1px;
}

.sp-mobile-device .dropdown-menu a.menuItem {
  vertical-align: middle;
  color: #333;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
}

.sp-mobile-device .dropdown-menu a.menuItem:active {
  background-color: rgba(0, 0, 0, 0.05) !important;
}

.sp-mobile-device .dropdown-menu a.menuItem div.iconPanel {
  width: 40px;
  background-color: transparent;
}

.sp-mobile-device .dropdown-menu a.menuItem div.menuIcon {
  width: 32px;
  height: 32px;
}

.tablet-layout {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.tablet-layout .content-height-container {
  background-color: #31a89f;
}

.tablet-layout .content-header {
  height: 40px;
  -webkit-box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.05) inset;
          box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.05) inset;
  color: #fff;
  font-size: 0.85em;
  font-weight: lighter;
}

.tablet-layout .content-header .form-title {
  display: inline-block;
  color: #fff;
  font-size: 1.5em;
  margin: inherit;
  height: 40px;
  padding-top: 9px;
  min-height: inherit;
  line-height: initial;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 100px);
}

.tablet-layout .content-header a {
  display: inline-block;
  height: 40px;
  width: 40px;
  text-align: center;
  padding-top: 9px;
  outline: none;
  vertical-align: top;
}

.tablet-layout .content-header a:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.tablet-layout .content-header a img {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  opacity: 1;
}

.tablet-layout .content-footer {
  min-height: 30px;
  background-color: #d3d3d3;
}

.tablet-layout .navigator-container {
  position: absolute;
  z-index: 1000;
  background-color: #fafafa;
  overflow-x: hidden;
  width: 0;
  -webkit-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}

.tablet-layout .navigator-container.open {
  width: 250px;
  -webkit-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.4);
          box-shadow: 5px 0 5px rgba(0, 0, 0, 0.4);
}

.tablet-layout .page-container.faded {
  opacity: 0.5;
}

.tablet-layout .layout-thumb-title {
  color: #666;
  vertical-align: middle;
  margin-left: 5px;
  display: inline-block;
}

.tablet-layout .nav-title-bar {
  height: 40px;
  -webkit-box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.05) inset;
          box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.05) inset;
  color: #fff;
  font-size: 0.85em;
  font-weight: lighter;
  background-color: #aaa;
}

.tablet-layout .nav-title-bar.navtohome {
  text-align: center;
}

.tablet-layout .nav-title-bar.navtohome a {
  background-color: rgba(0, 0, 0, 0);
}

.tablet-layout .nav-title-bar.navtohome a:active {
  background-color: rgba(0, 0, 0, 0.2);
}

.tablet-layout .nav-title-bar .form-title {
  display: inline-block;
  color: #fff;
  font-size: 1.5em;
  margin: inherit;
  height: 40px;
  padding-top: 9px;
  min-height: inherit;
  line-height: initial;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 100px);
}

.tablet-layout .nav-title-bar a {
  display: inline-block;
  height: 40px;
  width: 40px;
  text-align: center;
  padding-top: 9px;
  outline: none;
  vertical-align: top;
}

.tablet-layout .nav-title-bar a:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.tablet-layout .nav-title-bar a img {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  opacity: 1;
}

.tablet-layout .nav-title-bar .form-title {
  font-size: 1.4em;
}

.tablet-layout .nav-title-bar a.back-to-apps {
  margin: inherit;
}

.tablet-layout .nav-title-bar a img[title="upperlevel"] {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

.tablet-layout .nav-title-bar .close-nav {
  margin-right: 0;
}

.tablet-layout .inlineRelPicker {
  display: block !important;
}

.tablet-layout .inlineRelPicker button {
  height: 30px;
}

.tablet-layout sp-tab-container-control .nav-tabs {
  height: 40px;
  border: none;
}

.tablet-layout sp-tab-container-control .nav-tabs li {
  margin: 0;
  margin-top: 1px;
  border: none;
  height: 39px;
}

.tablet-layout sp-tab-container-control .nav-tabs li a {
  margin-right: 0;
  padding: 0;
  border: none;
  font-size: 0.95em;
  line-height: initial;
  border-radius: 0;
}

.tablet-layout sp-tab-container-control .nav-tabs li uib-tab-heading {
  padding: 10px 15px 9px;
  display: inline-block;
  color: #777;
  border-bottom: 1px solid #bbb;
  text-transform: uppercase;
  border-radius: 0;
  height: 39px;
  font-weight: bold;
  font-size: 12px;
}

.tablet-layout sp-tab-container-control .nav-tabs li.active a {
  border: none;
}

.tablet-layout sp-tab-container-control .nav-tabs li.active uib-tab-heading {
  color: #31a89f;
  height: 39px;
  border-bottom: 3px solid #31a89f;
}

.tablet-layout sp-tab-container-control .nav-tabs + span[name="newtab"] {
  cursor: pointer;
  padding: 4px 5px 7px;
  background-color: #888;
  display: inline-block;
  margin-top: 1px;
  margin-left: 1px;
  margin-bottom: -1px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.tablet-layout sp-tab-container-control .nav-tabs + span[name="newtab"]:hover {
  background-color: #7db438;
}

.tablet-layout sp-tab-container-control .nav-tabs span {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0;
  margin-left: 4px;
  display: inline-block;
}

.tablet-layout sp-tab-container-control .nav-tabs span:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.tablet-layout sp-tab-container-control .nav-tabs span img {
  vertical-align: top;
}

.tablet-layout sp-tab-container-control .nav-tabs span + span {
  margin-left: -2px;
  margin-right: -12px;
}

.sp-tablet-device .dropdown-menu {
  border: none;
  border-radius: 4px;
  vertical-align: middle;
  -webkit-box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.6);
          box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.6);
  background-color: #fff;
}

.sp-tablet-device .dropdown-menu li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.sp-tablet-device .dropdown-menu a.menuItem {
  vertical-align: middle;
  padding: 0 10px 0 0;
  color: #333;
  line-height: 2.8em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sp-tablet-device .dropdown-menu a.menuItem:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.sp-tablet-device .dropdown-menu a.menuItem.submenuItemTouch {
  padding: 5px 5px 2px;
  font-size: 0.7em;
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  line-height: 2.4em;
  margin-bottom: -1px;
  background-color: rgba(0, 0, 0, 0.08);
}

.sp-tablet-device .dropdown-menu a.menuItem.submenuItemTouch .menuIcon {
  display: none;
}

.sp-tablet-device .dropdown-menu a.menuItem div.iconPanel {
  border-radius: 0;
  background-color: transparent;
}

.sp-tablet-device .dropdown-menu a.menuItem div.menuIcon {
  width: 24px;
  height: 20px;
  margin: 5px 10px;
  border-radius: 10px;
  background-size: contain;
  vertical-align: middle;
}

.sp-tablet-device .dropdown-menu .dropdown-submenu > a:after {
  margin-top: 12px;
}

.sp-tablet-device .dropdown-menu .contextMenuDivider .contextMenuDividerInner {
  height: 1px;
  margin-top: -1px;
  background-color: #b5b5b5;
  border-bottom: none;
}

.sp-tablet-device .dropdown-menu .iconPanelVerticalDivider {
  display: none;
}

.sp-tablet-device .dropdown-menu.analyzerPopup-view {
  background-color: #efefef;
  width: 556px;
  min-height: 250px;
}

.sp-tablet-device .dropdown-menu.analyzerPopup-view .analyzer-view .valueEditorContainerStyle {
  width: 290px;
}

.sp-tablet-device .dropdown-menu.analyzerPopup-view .analyzer-view .conditionsPanel {
  height: calc(100% - 40px);
}

.sp-tablet-device .dropdown-menu.analyzerPopup-view .analyzer-view .conditionsPanel #analyserFieldsPanel > div {
  margin-bottom: 4px;
  height: 40px;
}

.sp-tablet-device .dropdown-menu.analyzerPopup-view .analyzer-view .conditionsPanel #analyserFieldsPanel > div .dropdownButtonLabel {
  margin: 0;
}

.sp-tablet-device .dropdown-menu.analyzerPopup-view input,
.sp-tablet-device .dropdown-menu.analyzerPopup-view .sp-dropdown-button {
  min-height: inherit;
  height: 27px;
}

.sp-tablet-device .dropdown-menu.analyzerPopup-view .analyzerCentered button {
  height: inherit;
  padding: 7px 15px 9px;
}

.sp-tablet-device .dropdown-menu.entityMultiComboPickerDropdownPopupMenu {
  background-color: #fafafa;
}

/*
 * Navigation related styles.
 */

.client-header-panel .fullscreen-bar {
  background: url(assets/images/fullscreen_over.png) no-repeat center 50%;
  background-origin: content-box;
  margin-top: 0;
  position: absolute;
  right: 0;
  width: 42px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  vertical-align: central;
  z-index: 150;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  background-color: rgba(0, 0, 0, 0.4);
}

.client-header-panel .fullscreen-bar:hover,
.client-header-panel .fullscreen-bar:active {
  background: #969696 url(assets/images/fullscreen.png) no-repeat center 50%;
}

.client-header-panel .navbar {
  margin: 0;
  border: none;
  background-color: #31a89f;
  border-radius: 0;
  min-height: inherit;
  position: relative;
}

.client-header-panel .navbar .navbar-inner .navbar-brand {
  padding: 0;
  margin: 4px 0 0 15px;
  height: 32px;
}

.client-header-panel .navbar .navbar-inner .navbar-brand img {
  height: 100%;
}

.client-header-panel .navbar .navbar-inner .navbar-brand:hover,
.client-header-panel .navbar .navbar-inner .navbar-brand:focus {
  outline: none;
}

.sp-mobile-device .client-header-panel .navbar .navbar-inner .navbar-brand:hover,
.sp-mobile-device .client-header-panel .navbar .navbar-inner .navbar-brand:focus,
.sp-tablet-device .client-header-panel .navbar .navbar-inner .navbar-brand:hover,
.sp-tablet-device .client-header-panel .navbar .navbar-inner .navbar-brand:focus {
  background: none;
}

.client-header-panel .navbar .navbar-inner .navbar-right {
  float: right;
}

.client-header-panel .navbar .navbar-inner .navbar-right-area {
  background-color: #313c46;
  height: 42px;
  line-height: 0;
}

.client-header-panel .navbar .navbar-inner .navbar-right-area .navbar-right-img {
  display: inline-block;
  width: 99px;
  height: 42px;
  margin-left: -95px;
}

.client-header-panel .navbar .navbar-inner .navbar-right-area .navbar-right-img span svg {
  width: 99px;
  height: 100%;
}

.client-header-panel .navbar .navbar-inner .navbar-right-area .navbar-right-img .st0 {
  fill: #313c46;
}

.client-header-panel .navbar .navbar-inner sp-tool-box {
  display: inline-block;
}

.client-header-panel .navbar .navbar-inner sp-tool-box .sp-tool-box {
  cursor: pointer;
  -webkit-transition: opacity ease 0.2s;
  transition: opacity ease 0.2s;
  margin-top: 8px;
}

.client-header-panel .navbar .navbar-inner sp-tool-box .sp-tool-box img {
  padding: 5px 6px 7px;
  border-radius: 2px;
}

.client-header-panel .navbar .navbar-inner sp-tool-box .sp-tool-box img.navConfigButton-edit {
  opacity: 1;
  background-color: #1dd000;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}

.client-header-panel .navbar .navbar-inner sp-tool-box .sp-tool-box img.navAdminToolboxButton-edit {
  opacity: 1;
  background-color: #1dd000;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}

.client-header-panel .navbar .navbar-inner .btn-link {
  color: #fff;
  opacity: 0.6;
  letter-spacing: 0.01em;
  font-size: 13px;
  -webkit-transition: all ease-out 0.1s;
  transition: all ease-out 0.1s;
}

.client-header-panel .navbar .navbar-inner .btn-link:hover,
.client-header-panel .navbar .navbar-inner .btn-link:focus {
  background-color: rgba(0, 0, 0, 0.15);
  text-decoration: none;
  opacity: 1;
  -webkit-box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.2);
}

.client-header-panel .navbar .navbar-inner .btn-login {
  padding: 13px 16px 14px 15px;
  display: inline-block;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  height: 42px;
}

.client-header-panel .navbar .navbar-inner .btn-help {
  padding: 13px 16px 14px 15px;
  display: inline-block;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  float: right;
  height: 42px;
}

.client-header-panel .navbar .navbar-inner .application-menu {
  margin-left: 3px;
}

.client-header-panel .navbar .navbar-inner .application-menu .btn-consolemenu {
  padding: 12px 16px;
  display: inline-block;
  height: 42px;
  line-height: initial;
}

.client-header-panel .navbar .navbar-inner .application-menu .btn-consolemenu img {
  display: none;
}

.client-header-panel .navbar .navbar-inner .application-menu .btn-consolemenu img[title="Expand"] {
  display: inline-block;
  margin-left: 5px;
  margin-right: -5px;
  vertical-align: middle;
}

.client-header-panel .navbar .navbar-inner .application-menu .caret {
  opacity: 0.5;
}

.client-header-panel .navbar .navbar-inner .btn-fullscreen {
  width: 42px;
  height: 42px;
  cursor: pointer;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  opacity: 0.85;
  position: relative;
}

.client-header-panel .navbar .navbar-inner .dropdown-menu {
  padding: 0;
  background-color: rgba(75, 75, 75, 0.95);
  border: none;
  border-radius: 2px;
}

.client-header-panel .navbar .navbar-inner .dropdown-menu li {
  position: relative;
}

.client-header-panel .navbar .navbar-inner .dropdown-menu li > a {
  display: block;
  padding: 8px;
  white-space: nowrap;
  clear: both;
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  cursor: pointer;
  border-radius: 1px;
  -webkit-transition: background-color ease-in 0.3s;
  transition: background-color ease-in 0.3s;
}

.client-header-panel .navbar .navbar-inner .dropdown-menu li > a:hover,
.client-header-panel .navbar .navbar-inner .dropdown-menu li > a:focus,
.client-header-panel .navbar .navbar-inner .dropdown-menu li > a:active {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.4);
  background-image: none;
  border: none;
  outline: none;
  opacity: 1;
  color: rgba(255, 255, 255, 0.8);
}

.client-header-panel .navbar .navbar-inner .dropdown-menu .selected {
  color: #fff;
  outline: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.client-header-panel .navbar .navbar-inner .dropdown-menu .disabled a {
  opacity: 0.3;
}

.client-header-panel .navbar .navbar-inner .dropdown-menu .disabled a:hover {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: default;
}

.client-header-panel .navbar .navbar-inner .dropdown-menu.signout li.user-account {
  background-color: rgba(0, 0, 0, 0.14);
  display: block;
  width: 100%;
  border-bottom: 1px solid rgba(123, 123, 123, 0.32) !important;
  padding: 5px 8px;
  font-size: 13px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  /* #28616: IE and edge overlap text if there are certain special chars in text string like a '\' a space etc. */
}

.client-header-panel .navbar .navbar-inner .dropdown-menu.signout li.user-account pre {
  margin: 0;
  padding: 0;
  line-height: normal;
  color: rgba(255, 255, 255, 0.56);
  display: block;
  white-space: nowrap;
  background-color: transparent;
  border: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.client-header-panel .navbar .navbar-inner .dropdown-menu.appMenuDropDown {
  left: auto;
  overflow-y: auto;
  max-height: calc(100vh - 70px);
}

.client-header-panel .navbar .navbar-inner .dropdown-menu.appMenuDropDown .appMenuItem {
  display: block;
  line-height: 1.5em;
}

.client-header-panel .navbar .navbar-inner .dropdown-menu.appMenuDropDown .appMenuItem img {
  margin-right: 5px;
  margin-top: -4px;
  width: 16px;
  height: 16px;
  max-width: initial;
}

.client-header-panel .navbar .navbar-inner .dropdown-menu.appMenuDropDown .appMenuItem .nav-config-panel img {
  margin: 0;
}

.client-tabs-panel {
  background-color: #313c46;
  clear: both;
}

.client-tabs-panel .nav li {
  display: inline-block;
}

.client-tabs-panel .nav.application-tabs {
  padding: 0;
  margin: 0;
}

.client-tabs-panel .nav.application-tabs li a {
  padding: 9px 10px 0;
  height: 34px;
  border-radius: 0;
  border-bottom: 5px solid rgba(255, 255, 255, 0);
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
  opacity: 0.7;
  font-size: 12px;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.client-tabs-panel .nav.application-tabs li a:focus {
  outline: none;
}

.client-tabs-panel .nav.application-tabs li a:hover {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.07);
  border-bottom: 5px solid rgba(0, 0, 0, 0.2);
}

.client-tabs-panel .nav.application-tabs li.active a {
  opacity: 1;
  color: #fff;
  border-bottom: 5px solid #31a89f;
  background-color: inherit;
}

.client-tabs-panel .nav.application-tabs li.active a:focus {
  outline: none;
}

.client-tabs-panel .nav.application-tabs li.active a:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.07);
}

.client-tabs-panel .nav.navTab1 {
  padding: 0;
  margin: 0;
}

.client-tabs-panel .nav.navTab1 li a {
  background-color: rgba(0, 0, 0, 0.25);
  color: #fff;
  cursor: pointer;
  opacity: 0.7;
  font-size: 12px;
  letter-spacing: 0.015em;
  -webkit-transition: opacity ease 0.2s;
  transition: opacity ease 0.2s;
}

.client-tabs-panel .nav.navTab1 li a:hover,
.client-tabs-panel .nav.navTab1 li a:focus {
  opacity: 1;
}

.client-tabs-panel .nav.navTab1 li a[title="Add a new tab"] {
  background-color: rgba(0, 0, 0, 0.15);
}

.client-tabs-panel .nav.navTab1 li.active a {
  opacity: 1;
  color: #222;
  background-color: #ffffff;
  font-weight: bold;
}

.client-tabs-panel .nav.navTab1 li.active a:hover {
  color: #000;
  background-color: #ffffff;
}

.client-tabs-panel .nav.navTab2 {
  padding: 0;
  margin: 0;
}

.client-tabs-panel .nav.navTab2 li a {
  border-top-left-radius: 2px;
  border-top-right-radius: 14px;
  padding: 5px 15px 5px 10px;
  background-color: rgba(0, 0, 0, 0.15);
  color: #fff;
  cursor: pointer;
  opacity: 0.7;
  text-transform: uppercase;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  height: auto;
}

.client-tabs-panel .nav.navTab2 li a:focus {
  outline: none;
}

.client-tabs-panel .nav.navTab2 li a:hover {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.2);
}

.client-tabs-panel .nav.navTab2 li.active a {
  border-top-left-radius: 2px;
  border-top-right-radius: 14px;
  opacity: 1;
  color: #777;
  background-color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

.client-tabs-panel .nav.navTab2 li.active a:focus {
  outline: none;
}

.client-tabs-panel .nav.navTab2 li.active a:hover {
  color: #747474;
}

.client-tabs-panel .nav.navTab3 {
  padding: 0;
  margin: 0;
  margin-left: 5px;
}

.client-tabs-panel .nav.navTab3 li a {
  margin: 4px 3px 4px 0;
  font-weight: 500;
  border-radius: 2px;
  padding: 3px 10px 3px;
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
  cursor: pointer;
  opacity: 0.7;
  text-transform: uppercase;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  height: auto;
  border-width: 0;
}

.client-tabs-panel .nav.navTab3 li a:focus {
  outline: none;
}

.client-tabs-panel .nav.navTab3 li a:hover {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.2);
  border-width: 0;
}

.client-tabs-panel .nav.navTab3 li a[title="add new tab"] {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.client-tabs-panel .nav.navTab3 li.active a {
  opacity: 1;
  color: #777;
  background-color: #fff;
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
  border-width: 0;
}

.client-tabs-panel .nav.navTab3 li.active a:focus {
  outline: none;
}

.client-tabs-panel .nav.navTab3 li.active a:hover {
  background-color: #fff;
  color: #747474;
}

.nav-config-panel {
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 1;
  visibility: hidden;
  background-color: #1dd000;
  border: none;
  border-radius: 2px;
  outline: none;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  padding: 2px;
  font-size: 0;
}

.nav-config-panel .nav-config-panel-button {
  display: inline-block;
  line-height: 0;
  cursor: pointer;
  background-color: transparent;
  border: none;
  border-radius: 2px;
  outline: none;
  text-align: center;
  padding: 0;
  width: 16px;
  height: 16px;
}

.nav-config-panel .nav-config-panel-button-light:hover {
  margin-top: 0;
  background-color: #169d00;
}

.nb-popover-entries {
  background-color: white;
}

.nb-popover-entries .nb-entry {
  min-height: 25px;
  /* note: number of menu items is different for self-serve users */
  cursor: move;
}

.nb-popover-entries .nb-entry td {
  padding: 5px;
}

.nb-popover-entries .nb-entry .nb-icon {
  height: 16px;
  width: 16px;
}

.nb-popover-entries .nb-entry:hover {
  background-color: #eee;
}

.nb-popover-entries .nb-inline {
  display: inline-block;
}

.nb-popover-entries .nb-middle {
  vertical-align: middle;
}

.client-nav-panel .nav-list {
  margin: 0;
  padding: 0;
}

.client-nav-panel .nav-list li .nav-link {
  margin: 0;
  text-shadow: none;
  text-decoration: none;
  padding: 13px 11px 13px 8px;
  display: block;
  color: #ffffff;
  white-space: nowrap;
  line-height: normal;
  -webkit-transition: all ease-out 0.15s;
  transition: all ease-out 0.15s;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 46px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: default;
}

.client-nav-panel .nav-list li .nav-link img {
  margin-top: -4px;
  margin-right: 5px;
  width: 30px;
  height: 30px;
  padding: 6px;
  border-radius: 2px;
}

.client-nav-panel .nav-list li .nav-link .nav-badge {
  display: inline-block;
  margin-left: 4px;
  padding: 2px 10px;
  border-radius: 16px;
  font-size: 12px;
  background-color: #dbeafe;
  color: #1c398e;
  position: absolute;
  top: 15px;
}

.client-nav-panel .nav-list li .nav-link .nav-config-panel img {
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.client-nav-panel .nav-list li .nav-link:hover,
.client-nav-panel .nav-list li .nav-link:active,
.client-nav-panel .nav-list li .nav-link:focus {
  background-color: rgba(255, 255, 255, 0.05);
  text-decoration: none;
  outline: none;
}

.client-nav-panel .nav-list li .nav-link:hover img,
.client-nav-panel .nav-list li .nav-link:active img,
.client-nav-panel .nav-list li .nav-link:focus img {
  opacity: 1;
}

.client-nav-panel .nav-list li .nav-link.selected {
  background-color: #fafafa;
}

.client-nav-panel .nav-list li .nav-link.active {
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
  background-color: #222b33;
  color: white;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

.client-nav-panel .nav-list li .nav-link.active a {
  padding: 9px 8px 8px;
  background-color: transparent;
}

.client-nav-panel .nav-list li .nb-toolbox-control {
  background-color: #1dd000;
  line-height: 0;
  border: none;
  border-radius: 2px;
  outline: none;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  padding: 2px;
  cursor: pointer;
}

.client-nav-panel .nav-list li .nb-toolbox-control:hover {
  background-color: #169d00;
}

.client-nav-panel .nav-list .nav-type-console-navSection a.open:after,
.client-nav-panel .nav-list .nav-type-console-privateContentSection a.open:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 21px;
  right: 13px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentcolor;
  opacity: 0.3;
}

.client-nav-panel .nav-list .nav-type-console-navSection a.closed:after,
.client-nav-panel .nav-list .nav-type-console-privateContentSection a.closed:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 21px;
  right: 13px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 5px solid currentcolor;
  opacity: 0.3;
}

.client-nav-panel .nav-list .nav-type-core-folder a.open:before,
.client-nav-panel .nav-list .nav-type-core-documentFolder a.open:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid currentcolor;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  opacity: 0.3;
  margin-left: 15px;
}

.client-nav-panel .nav-list .nav-type-core-folder a.open:before.nochildren,
.client-nav-panel .nav-list .nav-type-core-documentFolder a.open:before.nochildren {
  background-color: transparent;
}

.client-nav-panel .nav-list .nav-type-core-folder a.closed:before,
.client-nav-panel .nav-list .nav-type-core-documentFolder a.closed:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid currentcolor;
  opacity: 0.3;
  margin-left: 15px;
}

.client-nav-panel .nav-list .nav-type-core-folder a.closed:before.nochildren,
.client-nav-panel .nav-list .nav-type-core-documentFolder a.closed:before.nochildren {
  background-image: none;
}

.client-nav-panel .nav-list-mob {
  overflow-y: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50px;
  bottom: 0;
}

.client-nav-panel .nav-list-mob li span {
  margin: 0;
  text-shadow: none;
  text-decoration: none;
  display: block;
  color: #757575;
  white-space: nowrap;
  -webkit-transition: all ease-out 0.15s;
  transition: all ease-out 0.15s;
  text-overflow: ellipsis;
}

.sp-mobile-device .client-nav-panel .nav-list-mob li span {
  padding: 5px 10px;
  line-height: 3em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  font-weight: normal;
}

.sp-tablet-device .client-nav-panel .nav-list-mob li span {
  padding: 10px 10px 10px 5px;
  line-height: 2.4em;
  font-size: 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}

.sp-tablet-device .client-nav-panel .nav-list-mob li span.selected {
  background-color: #222b33;
  color: #fff;
}

.client-nav-panel .nav-list-mob li span img {
  margin-top: -5px;
  margin-right: 10px;
  margin-bottom: -3px;
  width: 32px;
  height: 32px;
  padding: 3px;
  border-radius: 2px;
}

.client-nav-panel .nav-list-mob li span .nav-config-panel img {
  margin: 0;
  display: inline-block;
}

.client-nav-panel .nav-list-mob li span.selected {
  background-color: #fafafa;
  background-color: #48aba3;
  color: #fff;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) inset;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

.client-nav-panel .nav-list-mob li span.selected a {
  padding: 9px 8px 8px;
  background-color: transparent;
}

.client-nav-panel .nav-list-mob-more {
  width: 100%;
  height: 32px;
  text-align: center;
}

.client-nav-panel .nav-level-1 {
  font-size: 1.05em;
}

.client-nav-panel .nav-level-1 a:before {
  content: "";
  margin-left: 0;
}

.sp-mobile-device .client-nav-panel .nav-level-1,
.sp-tablet-device .client-nav-panel .nav-level-1 {
  border-bottom: none;
}

.sp-mobile-device .client-nav-panel .nav-level-1 a,
.sp-tablet-device .client-nav-panel .nav-level-1 a {
  background-color: #f5f5f5;
  border-left: none;
}

.sp-mobile-device .client-nav-panel .nav-level-1.top-section,
.sp-tablet-device .client-nav-panel .nav-level-1.top-section {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.client-nav-panel .nav-level-2 a:before {
  content: "";
  margin-left: 20px;
}

.sp-mobile-device .client-nav-panel .nav-level-2 a,
.sp-tablet-device .client-nav-panel .nav-level-2 a {
  background-color: #e5e5e5;
  -webkit-transition: none;
  transition: none;
}

.sp-mobile-device .client-nav-panel .nav-level-2 a:hover,
.sp-tablet-device .client-nav-panel .nav-level-2 a:hover,
.sp-mobile-device .client-nav-panel .nav-level-2 a:active,
.sp-tablet-device .client-nav-panel .nav-level-2 a:active {
  background-color: #ddd;
}

.client-nav-panel .nav-level-3 a:before {
  content: "";
  margin-left: 30px;
}

.client-nav-panel .nav-level-4 a:before {
  content: "";
  margin-left: 38px;
}

.client-nav-panel .nav-level-5 a:before {
  content: "";
  margin-left: 48px;
}

.client-nav-panel .nav-level-6 a:before {
  content: "";
  margin-left: 58px;
}

.client-view-content .container-fluid {
  padding: 0;
}

.client-view-content .container-fluid .row-fluid .offset1 {
  margin: 0;
}

.client-view-content .container-fluid .row-fluid .offset1 .smaller {
  display: block;
}

.client-view-content .nav-tabs {
  height: 30px;
  border: none;
}

.client-view-content .nav-tabs li {
  margin: 0;
  margin-top: 1px;
  border-bottom: 1px solid #bbb;
}

.client-view-content .nav-tabs li a {
  margin-right: 0;
  padding: 0;
  border: none;
  border-radius: 0;
}

.client-view-content .nav-tabs li a:hover {
  background-color: rgba(0, 0, 0, 0.02);
}

.client-view-content .nav-tabs li uib-tab-heading {
  padding: 6px 6px 0;
  height: 29px;
  margin-bottom: -1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  color: #777;
  border-radius: 0;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
  font-weight: 600;
}

.client-view-content .nav-tabs li uib-tab-heading:hover {
  border-bottom: 1px solid #888;
  color: #000;
}

.client-view-content .nav-tabs li.active a {
  border: none;
}

.client-view-content .nav-tabs li.active uib-tab-heading {
  color: #31a89f;
  height: 29px;
  border-bottom: 3px solid #31a89f;
}

.client-view-content .nav-tabs li + span[name="newtab"] {
  cursor: pointer;
  padding: 5px;
  background-color: #aaa;
  display: inline-block;
  margin-top: 1px;
  margin-left: 5px;
  height: 29px;
}

.client-view-content .nav-tabs li + span[name="newtab"]:hover {
  background-color: #31a89f;
}

.client-view-content .nav-tabs li span {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 0;
  margin-left: 4px;
  display: inline-block;
}

.client-view-content .nav-tabs li span:hover {
  background-color: #31a89f;
}

.client-view-content .nav-tabs li span img {
  vertical-align: top;
}

.client-view-content .nav-tabs li span + span {
  margin-left: -1px;
  margin-right: -12px;
}

.client-view-content .headertype {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  text-align: center;
  padding-top: 6px;
  border-radius: 2px;
  vertical-align: middle;
  line-height: 0;
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset;
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset;
}

.client-view-content .headertype img {
  width: 18px;
  height: 18px;
}

.client-view-content h1 {
  font-size: 26px;
  padding-top: 0;
  display: inline-block;
  color: #000;
  font-weight: lighter;
  vertical-align: middle;
  line-height: initial;
  height: 60px;
  padding: 10px 0 15px;
}

.client-view-content h2 {
  font-size: 1.4em;
  font-weight: normal;
}

.client-view-content h3 {
  font-size: 1.3em;
  font-weight: normal;
}

.client-breadcrumb-container .client-breadcrumb {
  border-bottom: 1px dotted #ddd;
  padding-bottom: 0;
  padding: 0 35px;
  height: 30px;
  background-color: #fdfdfd;
  border-top: 1px solid #fff;
  margin: 0 -1px -30px;
  /*li:not(:first-child):before {
                content: url(assets/images/breadcrumb_depth.png) no-repeat;
                padding: 0 10px;
            }*/
}

.client-breadcrumb-container .client-breadcrumb ul {
  list-style: none;
  padding: 0;
  margin-top: 5px;
}

.client-breadcrumb-container .client-breadcrumb li {
  display: inline;
}

.client-breadcrumb-container .client-breadcrumb li:last-child a {
  color: #000;
  cursor: default;
  text-decoration: none;
}

.client-breadcrumb-container .client-breadcrumb li:last-child a:hover {
  color: #000;
}

.client-breadcrumb-container .client-breadcrumb li:last-child a + img {
  display: none;
}

.client-breadcrumb-container .client-breadcrumb li a {
  color: #404040;
  text-decoration: none;
  margin-bottom: -1px;
}

.client-breadcrumb-container .client-breadcrumb li a:hover {
  color: #000;
}

.client-breadcrumb-container .client-breadcrumb li a + img {
  padding: 0 10px;
  margin-top: -3px;
}

.client-breadcrumb-container .client-breadcrumb .dirty:after {
  content: "*";
  color: red;
}

.client-nav-pending-panel {
  position: absolute;
  z-index: 500;
  right: 0;
  left: 0;
  text-align: center;
}

.navInsertionIndicator {
  border-radius: 4px;
  opacity: 0.75;
  position: absolute;
  z-index: 5000;
}

.navInsertionIndicatorBorder {
  background-color: transparent;
  border: 4px solid #58adbc;
}

.navInsertionIndicatorRightBorderLine {
  background-color: transparent;
  border-right: 4px solid #58adbc;
}

.navInsertionIndicatorLeftBorderLine {
  background-color: transparent;
  border-left: 4px solid #58adbc;
}

.navInsertionIndicatorLine {
  background-color: #58adbc;
  border: none;
}

.mobile-layout {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.mobile-layout .nav-title-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  height: 50px;
  padding-top: 2px;
  background-color: #aaa;
  color: #fff;
  font-size: 1.2em;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}

.mobile-layout .nav-title-bar.navtohome {
  text-align: center;
}

.mobile-layout .nav-title-bar.navtohome a {
  background-color: rgba(0, 0, 0, 0);
}

.mobile-layout .nav-title-bar.navtohome .form-title {
  vertical-align: middle;
  margin-top: 11px;
  display: inline-block;
}

.mobile-layout .nav-title-bar a {
  display: inline-block;
  height: 50px;
  width: 50px;
  padding-top: 10px;
  text-align: center;
  margin-top: -2px;
}

.mobile-layout .nav-title-bar a img {
  opacity: 1;
  width: 16px;
  height: 16px;
}

.mobile-layout .nav-title-bar .close-nav {
  margin-right: 0;
}

.newNavPageButton__container {
  float: left;
  margin-top: 8px;
  margin-left: 12px;
  background: #1dd000;
  border-radius: 2px;
  padding: 4px;
  color: white;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.newNavPageButton__container:hover {
  background: #169d00;
}

.newNavPageButton__image {
  float: left !important;
  width: 16px !important;
  height: 16px !important;
  opacity: 1 !important;
}

.client-tab-panel__newTabContainer {
  margin-top: 8px;
  margin-left: 12px;
  background: #1dd000;
  border-radius: 2px;
  padding: 4px;
  color: white;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.client-tab-panel__newTabImage {
  float: left !important;
  width: 16px !important;
  height: 16px !important;
  opacity: 1 !important;
}

.client-tab-panel__newTabContainer:hover {
  background: #169d00;
}

.btn-fullscreen-image {
  margin-top: 16px;
  margin-left: 14px;
  position: absolute;
}

.app-launcher-page {
  padding: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: #fff;
}

.app-launcher-page .app-launcher-head {
  padding-left: 80px;
  height: 180px;
  background-color: #31a89f;
}

.sp-mobile-device .app-launcher-page .app-launcher-head {
  margin: 0;
  padding: 0 20px;
  height: 100px;
  border-bottom: none;
}

.sp-tablet-device .app-launcher-page .app-launcher-head {
  padding: 0 20px 0 30px;
  height: inherit;
  height: 150px;
}

.app-launcher-page .app-launcher-head .signout {
  background-color: rgba(0, 0, 0, 0.1);
  height: 100%;
  border: none;
  color: #ffd884;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  margin-right: -20px;
  border-radius: 0;
}

.sp-tablet-device .app-launcher-page .app-launcher-head .signout {
  width: 220px;
  font-size: 1em;
}

.sp-tablet-device .app-launcher-page .app-launcher-head .signout img {
  width: 32px;
  height: 32px;
  margin-bottom: 10px;
}

.app-launcher-page .app-launcher-head .signout img {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-bottom: 5px;
}

.app-launcher-page .app-launcher-head .signout:active {
  -webkit-transition: none;
  transition: none;
  background-color: rgba(0, 0, 0, 0.3);
}

.app-launcher-page .app-launcher-head .signout:focus {
  outline: none;
}

.app-launcher-page .app-launcher-head span[name="welcome"] {
  color: rgba(255, 255, 255, 0.5);
  display: block;
  padding-top: 60px;
  letter-spacing: 0.12em;
}

.sp-mobile-device .app-launcher-page .app-launcher-head span[name="welcome"] {
  padding-top: 20px;
  margin-bottom: 10px;
  font-weight: lighter;
}

.sp-tablet-device .app-launcher-page .app-launcher-head span[name="welcome"] {
  padding-top: 70px;
  font-weight: lighter;
}

.app-launcher-page .app-launcher-head h1 {
  font-size: 4em;
  color: white;
  padding: 0;
}

.sp-mobile-device .app-launcher-page .app-launcher-head h1,
.sp-tablet-device .app-launcher-page .app-launcher-head h1 {
  font-size: 1.8em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.app-launcher-layout {
  padding-left: 40px;
  display: table;
  width: 100%;
  height: calc(100% - 180px);
  background-color: #f5f5f5;
}

.sp-mobile-device .app-launcher-layout {
  padding-left: 0;
  display: inherit;
  padding: 0;
  margin-top: 0;
  height: calc(100% - 100px);
}

.sp-tablet-device .app-launcher-layout {
  padding-left: 2%;
  height: calc(100% - 150px);
}

.getting-started-box {
  display: table-cell;
  width: 220px;
  padding: 20px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.03);
}

.sp-tablet-device .getting-started-box {
  padding: 20px 0;
}

.getting-started-box ul {
  padding: 0;
}

.getting-started-box ul li a {
  display: block;
  color: #999;
  padding: 5px 0;
  cursor: pointer;
  border-radius: 2px;
}

.sp-tablet-device .getting-started-box ul li a {
  line-height: 3em;
  border-bottom: 1px solid #ededed;
  padding: 0 20px;
  font-size: 0.85em;
}

.getting-started-box ul li a:hover,
.getting-started-box ul li a:active {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.05);
}

.getting-started-box ul li a img {
  margin-right: 5px;
  margin-top: -2px;
}

.getting-started-box h2 {
  color: #7f7f7f;
  margin-bottom: 10px;
  font-size: 1.3em;
  letter-spacing: 0.04em;
}

.sp-tablet-device .getting-started-box h2 {
  font-size: 1em;
  font-weight: lighter;
  color: #7f7f7f;
  margin-bottom: 10px;
  padding: 0 20px;
}

.applicationToolbox__gettingStartedContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  left: 10px;
  right: 10px;
  top: 0;
  bottom: 0;
}

.applicationToolbox__gettingStartedTop {
  -ms-flex-item-align: start;
      align-self: flex-start;
  width: 100%;
}

.applicationToolbox__gettingStartedBottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
  width: 100%;
}

.mobile-header-icons {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.mobile-header-icons > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.appElementDialog .modal-dialog {
  width: 450px;
}

.appElementDialog .field-title {
  width: 100px !important;
  color: #5e5e5e !important;
  word-wrap: break-word;
}

.appElementDialog input[type="text"] {
  /*width: 417px !important;*/
}

.appElementDialog .inlineRelPicker input {
  width: 100%;
}

.appElementDialog .tab-container {
  padding: 0 3px;
}

.appElementDialog .tab-container div {
  margin-bottom: 3px;
}

.appElementDialog .tab-container div.inlineRelPicker {
  margin-bottom: 0;
  padding-bottom: 0;
}

.appElementDialog .tab-container div.inlineRelPicker input {
  width: 100%;
}

.appElementDialog .tab-container label {
  vertical-align: top;
}

.appElementDialog .tab-container label[for="ColorBox"] {
  vertical-align: middle;
}

.appElementDialog .tab-container select {
  width: 100%;
}

.appElementDialog .tab-container input[type="text"],
.appElementDialog .tab-container textarea {
  width: 100%;
  background-color: #fff;
}

.appElementDialog .tab-container table {
  width: 100%;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.spNavigationElementDialog {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
}

.spNavigationElementDialog.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.spNavigationElementDialog.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.sp-mobile-device .spNavigationElementDialog {
  overflow-y: hidden;
}

.spNavigationElementDialog .modal-dialog {
  width: 600px;
}

.spNavigationElementDialog .field-title {
  width: 100px !important;
  word-wrap: break-word;
}

.administration__applicationtoolbox ul {
  list-style: none;
}

.administration__applicationtoolbox__div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: center;
  align-content: center;
}

.administration__applicationtoolbox__quicklinks {
  width: 85%;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0px;
}

.administration__applicationtoolbox__helpandsupport {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 15%;
  margin-right: 10px;
  margin-left: 10px;
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  background-color: rgba(0, 0, 0, 0.03);
}

.administration__applicationtoolbox__h5 {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  line-height: 30px;
}

.administration__quicklink__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.administration__quicklinkarea {
  width: 25%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.applicationtoolbox__gettingstartedcontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.applicationtoolbox__gettingstartedtop__ul {
  display: block;
}

@media (max-width: 991px) {
  .administration__applicationtoolbox__div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .administration__applicationtoolbox__quicklinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }

  .administration__applicationtoolbox__helpandsupport {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .administration__quicklink__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
}

@media (max-width: 479px) {
  .administration__applicationtoolbox {
    margin-right: 10px;
    margin-left: 10px;
  }

  .administration__applicationtoolbox__helpandsupport {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .administration__quicklink__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .administration__quicklinkarea {
    width: 100%;
  }
}

h2.administration__applicationtoolbox__h2 {
  font-size: 26px;
  margin-top: 60px;
  font-weight: lighter;
}

.administration__ul {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}

.applicationToolbox__gettingStartedTop__ul {
  -webkit-padding-start: 0px;
          padding-inline-start: 0px;
}

a.administration__a {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  cursor: pointer;
  color: #666;
  border-radius: 3px;
}

a.administration__a:hover {
  color: #31a89f;
  text-decoration: none;
  background-color: #f6fffe;
}

.administration__quicklinkHeader__img {
  padding: 0 5px 0 5px;
}

.administration__quicklinkHeader {
  font-size: 13px;
  line-height: 19px;
  font-weight: 500;
  padding-bottom: 10px;
}

.administration__objectsearch {
  min-width: 400px;
}

.administration__objectsearch .dropdown-menu {
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
  border-radius: 2px;
  padding: 0;
  cursor: pointer;
}

.administration__objectsearch .dropdown-menu .active > a,
.administration__objectsearch .dropdown-menu .active > a:hover {
  background-color: #428bca;
}

.applicationtoolbox ul {
  list-style: none;
}

.applicationtoolbox__div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: center;
  align-content: center;
}

.applicationtoolbox__quicklinks {
  width: 85%;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0px;
}

.applicationtoolbox__helpandsupport {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 15%;
  margin-right: 10px;
  margin-left: 10px;
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  background-color: rgba(0, 0, 0, 0.03);
}

.applicationtoolbox__h5 {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  line-height: 30px;
}

.quicklink__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.applicationtoolbox__quicklinkarea {
  width: 50%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.applicationtoolbox__gettingstartedcontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.applicationtoolbox__gettingstartedtop__ul {
  display: block;
}

@media (max-width: 991px) {
  .applicationtoolbox__div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .applicationtoolbox__quicklinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }

  .applicationtoolbox__helpandsupport {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .quicklink__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
}

@media (max-width: 479px) {
  .applicationtoolbox {
    margin-right: 10px;
    margin-left: 10px;
  }

  .applicationtoolbox__helpandsupport {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .quicklink__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .applicationtoolbox__quicklinkarea {
    width: 100%;
  }
}

h2.applicationtoolbox__h2 {
  font-size: 26px;
  margin-top: 60px;
  font-weight: lighter;
}

.applicationToolbox__ul {
  -webkit-padding-start: 27px;
          padding-inline-start: 27px;
}

.applicationToolbox__gettingStartedTop__ul {
  -webkit-padding-start: 0px;
          padding-inline-start: 0px;
}

.quicklinkHeader {
  font-size: 13px;
  font-weight: 500;
  padding-bottom: 7px;
}

a.applicationToolbox__a {
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  cursor: pointer;
  color: #666;
  border-radius: 3px;
}

a.applicationToolbox__a:hover {
  color: #31a89f;
  text-decoration: none;
  background-color: #f6fffe;
}

.applicationToolbox__quicklinkHeader__img {
  padding: 0 5px 0 5px;
}

.administration__quicklinkHeader {
  font-size: 13px;
  line-height: 19px;
  font-weight: 500;
  padding-bottom: 10px;
}

.appConfig {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 5px;
  color: gray;
}

.appConfig a {
  color: #428bca;
  text-decoration: none;
}

.appConfig .floatLeft {
  float: left;
}

.appConfig .floatRight {
  float: right;
}

.appConfig .floatClear {
  clear: both;
}

.appConfig .appConfig-header {
  position: absolute;
  height: 60px;
  top: 30px;
  width: 100%;
}

.appConfig .appConfig-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 90px;
  bottom: 0;
  width: 100%;
  margin-top: 10px;
}

.appConfig .appConfig-appList {
  width: 200px;
  min-width: 200px;
  border-right: 1px solid gainsboro;
  overflow-y: auto;
}

.appConfig .appConfig-app {
  font-size: larger;
  cursor: pointer;
  padding: 4px 6px 8px;
  white-space: nowrap;
}

.appConfig .appConfig-app img {
  background-color: gray;
  margin: 2px;
  width: 20px;
  height: 20px;
  vertical-align: top;
  display: none;
}

.appConfig .appConfig-app span {
  vertical-align: middle;
}

.appConfig .appConfig-app:hover {
  color: steelblue;
  background-color: aliceblue;
}

.appConfig .appConfig-app:hover img {
  background-color: steelblue;
}

.appConfig .appConfig-selectedApp {
  font-size: larger;
  cursor: pointer;
  padding: 4px 6px 8px;
  background-color: #e6f3ff;
  color: steelblue;
  white-space: nowrap;
  vertical-align: middle;
}

.appConfig .appConfig-selectedApp img {
  background-color: steelblue;
  margin: 2px;
  width: 20px;
  height: 20px;
  vertical-align: top;
  display: none;
}

.appConfig .appConfig-selectedApp span {
  vertical-align: middle;
}

.appConfig .appConfig-appDetail {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow-y: auto;
  padding: 0 30px;
}

.appConfig .appConfig-appDetail table th {
  border-bottom: 1px solid #d0d0d0;
  font-weight: 600;
  padding: 2px 10px;
}

.appConfig .appConfig-appDetail table td {
  padding: 2px 10px;
}

.appConfig .appConfig-appDetail .panel .typeList .open {
  margin-bottom: 5px;
}

.appConfig .appConfig-appDetail .heading {
  margin-bottom: 15px;
}

.appConfig .appConfig-appDetail .heading .desc {
  line-height: 1em;
}

.appConfig .appConfig-appDetail > div {
  padding: 20px 0;
  border-bottom: 2px solid #666;
  min-height: 260px;
}

.appConfig .appConfig-appDetail > div:last-child {
  border-bottom: none;
}

.appConfig .appConfig-props img {
  background-color: gray;
  margin: 2px;
  height: 32px;
  width: 32px;
  vertical-align: bottom;
  display: none;
}

.appConfig .appConfig-props .heading span {
  display: inline-block;
  margin-left: 0;
}

.appConfig .appConfig-props .heading .title {
  font-size: large;
  color: #000;
}

.appConfig .appConfig-props .heading .desc {
  font-size: 12px;
  font-weight: normal;
}

.appConfig .appConfig-props .panel {
  border: 0 solid gray;
  margin-top: 5px;
  padding: 0;
  border-radius: 0;
  overflow: auto;
  min-width: 400px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.appConfig .appConfig-props .panel .property {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0;
}

.appConfig .appConfig-props .panel .property .key {
  overflow: hidden;
  margin-right: 50px;
}

.appConfig .appConfig-props .panel .property .value {
  overflow: hidden;
  margin-right: 20px;
}

.appConfig .appConfig-props .panel .property .key-primary {
  width: 25%;
}

.appConfig .appConfig-props .panel .property .value-primary {
  width: 75%;
}

.appConfig .appConfig-props .panel .property .key-secondary {
  width: 50%;
}

.appConfig .appConfig-props .panel .property .value-secondary {
  width: 50%;
}

.appConfig .appConfig-props .panel .primaryProperties {
  width: 60%;
}

.appConfig .appConfig-props .panel .secondaryProperties {
  width: 40%;
}

.appConfig .appConfig-resources {
  padding-top: 20px;
}

.appConfig .appConfig-resources .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.appConfig .appConfig-resources .heading .left {
  width: 99%;
}

.appConfig .appConfig-resources .heading .right {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.appConfig .appConfig-resources .heading .title {
  font-size: large;
  color: #222;
}

.appConfig .appConfig-resources .heading .desc {
  font-size: 12px;
  font-weight: normal;
}

.appConfig .appConfig-resources .heading .groupBy {
  width: 120px;
  font-family: Helvetica, Arial;
}

.appConfig .appConfig-resources .panel {
  border: 0 solid gray;
  margin-top: 5px;
  padding: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.appConfig .appConfig-resources .panel .typeList {
  padding: 0;
  list-style-type: none;
}

.appConfig .appConfig-resources .panel .typeList .grow {
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
  height: 0;
  overflow: hidden;
}

.appConfig .appConfig-resources .panel .typeList .open {
  height: 100px;
  overflow: auto;
}

.appConfig .appConfig-resources .panel .typeList .open table tr:nth-child(odd) td {
  background: aliceblue;
}

.appConfig .appConfig-resources .panel .typeList .closed {
  height: 0;
}

.appConfig .appConfig-resources .panel .type > label {
  padding: 3px;
  padding-left: 10px;
  display: block;
  font-size: 13px;
}

.appConfig .appConfig-resources .panel .type > label:hover {
  background-color: #f5f5f5;
}

.appConfig .appConfig-resources .panel .type input[type="checkbox"] {
  display: none;
}

.appConfig .appConfig-resources .panel .type input[type="checkbox"] ~ ul {
  max-height: 0;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.appConfig .appConfig-resources .panel .type input[type="checkbox"]:checked ~ ul {
  max-height: 100%;
  max-width: 100%;
  opacity: 1;
}

.appConfig .appConfig-resources .panel .type input[type="checkbox"] + label:before {
  -webkit-transform-origin: 25% 50%;
          transform-origin: 25% 50%;
  border: 8px solid transparent;
  border-width: 5px 8px;
  border-left-color: gray;
  margin-left: -8px;
  width: 0;
  height: 0;
  display: inline-block;
  text-align: center;
  content: "";
  color: #aaafab;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-top: 4px;
}

.appConfig .appConfig-resources .panel .type input[type="checkbox"]:checked + label:before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.appConfig .appConfig-dependsOn {
  padding-top: 20px;
}

.appConfig .appConfig-dependsOn .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.appConfig .appConfig-dependsOn .heading .left {
  width: 99%;
}

.appConfig .appConfig-dependsOn .heading .right {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.appConfig .appConfig-dependsOn .heading .title {
  font-size: large;
  color: #222;
}

.appConfig .appConfig-dependsOn .heading .desc {
  font-size: 12px;
  font-weight: normal;
}

.appConfig .appConfig-dependsOn .heading .viewSelect {
  width: 120px;
  font-family: Helvetica, Arial;
}

.appConfig .appConfig-dependsOn .panel {
  border: 0 solid gray;
  margin-top: 5px;
  padding: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.appConfig .appConfig-dependsOn .panel .typeList {
  padding: 0;
  list-style-type: none;
}

.appConfig .appConfig-dependsOn .panel .type label {
  padding: 3px;
  padding-left: 10px;
  font-weight: bold;
}

.appConfig .appConfig-dependsOn .panel .type input[type="checkbox"] {
  display: none;
}

.appConfig .appConfig-dependsOn .panel .type input[type="checkbox"] ~ ul {
  max-height: 0;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.appConfig .appConfig-dependsOn .panel .type input[type="checkbox"]:checked ~ ul {
  max-height: 100%;
  max-width: 100%;
  opacity: 1;
}

.appConfig .appConfig-dependsOn .panel .type input[type="checkbox"] + label:before {
  -webkit-transform-origin: 25% 50%;
          transform-origin: 25% 50%;
  border: 8px solid transparent;
  border-width: 5px 8px;
  border-left-color: gray;
  margin-left: -12px;
  width: 0;
  height: 0;
  display: inline-block;
  text-align: center;
  content: "";
  color: #aaafab;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  margin-top: 4px;
}

.appConfig .appConfig-dependsOn .panel .type input[type="checkbox"]:checked + label:before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.appConfig .appConfig-dependsOn .panel .dependsOnTable {
  width: 100%;
}

.appConfig .appConfig-dependsOn .panel .dependsOnTable img {
  max-width: initial;
}

.appConfig .appConfig-dependsOn .panel .dependsOnTable tr {
  height: 25px;
}

.appConfig .appConfig-dependsOn .panel .dependsOnTable .indirect {
  color: #bbb;
}

.appConfig .appConfig-dependsOn .panel .dependsOnTable .direct {
  color: gray;
}

.appConfig .appConfig-dependsOn .panel .dependsOnTable .direct .canSave {
  cursor: pointer;
  opacity: 1;
}

.appConfig .appConfig-dependsOn .panel .dependsOnTable .direct .cannotSave {
  opacity: 0.4;
}

.appConfig .appConfig-dependsOn .panel .dependsOnTable tr:not(:first-child):not(.indirect):hover {
  background-color: #eee;
}

.appConfig .appConfig-dependsOn .panel .dependsOnTable .appSelect {
  border: 1px gray solid;
  border-radius: 0;
  min-height: 22px;
  font-family: Helvetica, Arial;
  color: gray;
}

.appConfig .appConfig-dependsOn .panel .dependsOnTable .select-editable {
  position: relative;
  background-color: white;
  border: solid grey 1px;
  width: 122px;
  height: 22px;
}

.appConfig .appConfig-dependsOn .panel .dependsOnTable .select-editable select {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  border: none;
  width: 120px;
  margin: 0;
  min-height: 20px;
  font-family: Helvetica, Arial;
  color: gray;
}

.appConfig .appConfig-dependsOn .panel .dependsOnTable .select-editable input {
  position: absolute;
  top: 0;
  left: 0;
  width: 102px;
  padding: 1px;
  font-size: 12px;
  border: none;
  min-height: 18px;
  color: gray;
}

.appConfig .appConfig-dependsOn .panel .dependsOnTable .select-editable select:focus,
.appConfig .appConfig-dependsOn .panel .dependsOnTable .select-editable input:focus {
  outline: none;
}

.appConfig .appConfig-dependsOn .panel .diagram {
  cursor: move;
}

.appConfig .appConfig-dependsOn .panel .diagram .node {
  cursor: pointer;
}

.appConfig .appConfig-dependsOn .panel .diagram .node rect {
  fill: #fff;
  stroke: steelblue;
  stroke-width: 3px;
}

.appConfig .appConfig-dependsOn .panel .diagram .node text {
  font: 12px sans-serif;
}

.appConfig .appConfig-dependsOn .panel .diagram .link {
  cursor: pointer;
  fill: none;
  stroke: #ccc;
  stroke-width: 2px;
}

.appConfig .appConfig-dependsOn .panel .diagram line {
  stroke: #999;
  stroke-width: 1.5px;
}

.appConfig .appConfig-requiredBy {
  padding-top: 20px;
}

.appConfig .appConfig-requiredBy .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.appConfig .appConfig-requiredBy .heading .left {
  width: 99%;
}

.appConfig .appConfig-requiredBy .heading .right {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.appConfig .appConfig-requiredBy .heading .title {
  font-size: large;
  color: #222;
}

.appConfig .appConfig-requiredBy .heading .desc {
  font-size: 12px;
  font-weight: normal;
}

.appConfig .appConfig-requiredBy .heading .viewSelect {
  width: 120px;
  font-family: Helvetica, Arial;
}

.appConfig .appConfig-requiredBy .panel {
  border: 0 solid gray;
  margin-top: 5px;
  padding: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.appConfig .appConfig-requiredBy .panel .typeList {
  padding: 0;
  list-style-type: none;
}

.appConfig .appConfig-requiredBy .panel .type label {
  padding: 3px;
  padding-left: 10px;
  font-weight: bold;
}

.appConfig .appConfig-requiredBy .panel .type input[type="checkbox"] {
  display: none;
}

.appConfig .appConfig-requiredBy .panel .type input[type="checkbox"] ~ ul {
  max-height: 0;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.appConfig .appConfig-requiredBy .panel .type input[type="checkbox"]:checked ~ ul {
  max-height: 100%;
  max-width: 100%;
  opacity: 1;
}

.appConfig .appConfig-requiredBy .panel .type input[type="checkbox"] + label:before {
  -webkit-transform-origin: 25% 50%;
          transform-origin: 25% 50%;
  border: 8px solid transparent;
  border-width: 5px 8px;
  border-left-color: gray;
  margin-left: -12px;
  width: 0;
  height: 0;
  display: inline-block;
  text-align: center;
  content: "";
  color: #aaafab;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  margin-top: 4px;
}

.appConfig .appConfig-requiredBy .panel .type input[type="checkbox"]:checked + label:before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.appConfig .appConfig-requiredBy .panel .requiredByTable {
  width: 100%;
}

.appConfig .appConfig-requiredBy .panel .requiredByTable tr {
  height: 25px;
}

.appConfig .appConfig-requiredBy .panel .requiredByTable .indirect {
  color: #bbb;
}

.appConfig .appConfig-requiredBy .panel .requiredByTable .direct {
  color: gray;
}

.appConfig .appConfig-requiredBy .panel .requiredByTable .direct .canSave {
  cursor: pointer;
  opacity: 1;
}

.appConfig .appConfig-requiredBy .panel .requiredByTable .direct .cannotSave {
  opacity: 0.4;
}

.appConfig .appConfig-requiredBy .panel .requiredByTable tr:not(:first-child):not(.indirect):hover {
  background-color: #eee;
}

.appConfig .appConfig-requiredBy .panel .requiredByTable .appSelect {
  border: 1px gray solid;
  border-radius: 0;
  min-height: 22px;
  font-family: Helvetica, Arial;
  color: gray;
}

.appConfig .appConfig-requiredBy .panel .requiredByTable .select-editable {
  position: relative;
  background-color: white;
  border: solid grey 1px;
  width: 122px;
  height: 22px;
}

.appConfig .appConfig-requiredBy .panel .requiredByTable .select-editable select {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  border: none;
  width: 120px;
  margin: 0;
  min-height: 20px;
  font-family: Helvetica, Arial;
  color: gray;
}

.appConfig .appConfig-requiredBy .panel .requiredByTable .select-editable input {
  position: absolute;
  top: 0;
  left: 0;
  width: 102px;
  padding: 1px;
  font-size: 12px;
  border: none;
  min-height: 18px;
  color: gray;
}

.appConfig .appConfig-requiredBy .panel .requiredByTable .select-editable select:focus,
.appConfig .appConfig-requiredBy .panel .requiredByTable .select-editable input:focus {
  outline: none;
}

.appConfig .appConfig-requiredBy .panel .diagram {
  cursor: move;
}

.appConfig .appConfig-requiredBy .panel .diagram .node {
  cursor: pointer;
}

.appConfig .appConfig-requiredBy .panel .diagram .node rect {
  fill: #fff;
  stroke: steelblue;
  stroke-width: 3px;
}

.appConfig .appConfig-requiredBy .panel .diagram .node text {
  font: 12px sans-serif;
}

.appConfig .appConfig-requiredBy .panel .diagram .link {
  cursor: pointer;
  fill: none;
  stroke: #ccc;
  stroke-width: 2px;
}

.appConfig .appConfig-requiredBy .panel .diagram line {
  stroke: #999;
  stroke-width: 1.5px;
}

.appManager-view {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 5px;
}

.appManager-view .appManager-header {
  position: absolute;
  height: 60px;
  top: 30px;
  width: 100%;
}

.appManager-view .appManager-content {
  position: absolute;
  top: 90px;
  bottom: 24px;
  width: 100%;
  margin-bottom: 2px;
}

.appManager-view .appManager-gridStyle {
  position: absolute;
  top: 0;
  bottom: 0;
}

.appManager-publish .modal-dialog {
  width: 1000px;
}

.appManager-publish .modal-body {
  height: 600px;
  overflow: auto;
}

.appManager-publish .section-header {
  background-color: #e5e5e5;
  font-weight: 500;
  margin-bottom: 1px;
}

.appManager-publish .toggle {
  -webkit-transition: 0.1s all ease;
  transition: 0.1s all ease;
}

.appManager-publish .toggle-expanded {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.appManager-publish .image {
  display: inline-block;
  vertical-align: middle;
}

.appManager-publish .head {
  margin-bottom: 10px;
}

.appManager-publish .heading {
  display: inline-block;
  vertical-align: middle;
}

.appManager-publish .heading .title {
  margin-left: 25px;
  font-size: x-large;
}

.appManager-publish .heading .description {
  margin-left: 25px;
  font-size: x-small;
}

.appManager-publish .details {
  margin-bottom: 15px;
}

.appManager-publish .details .detailBlurb {
  margin: 10px;
}

.appManager-publish .details .detailProperties {
  margin: 0 20px;
  font-size: smaller;
}

.appManager-publish .details .detail {
  font-weight: 600;
  padding-left: 10px;
}

.appManager-publish .entity-data {
  height: 390px;
}

.appManager-publish .entity-data .ngTopPanel .ngHeaderContainer .ngHeaderCell .ngHeaderText {
  padding: 3px 5px;
  font-weight: 600;
}

.appManager-publish .entity-data .ngViewport {
  font-size: smaller;
}

.appManager-publish .entity-data .ngViewport .ngCanvas .odd {
  background-color: #f5f5f5;
}

.appManager-publish .entity-data .ngViewport .ngCanvas .ngRow {
  border-bottom: 0;
}

.appManager-publish .entity-data .ngViewport .ngCanvas .ngRow .indentIcon {
  vertical-align: middle;
  margin-right: 4px;
}

.appManager-publish .entity-data .ngViewport .ngCanvas .ngRow .indentText {
  vertical-align: middle;
}

.appManager-publish .entity-data .ngViewport .ngCanvas .ngRow .childRow {
  opacity: 0.5;
}

.appManager-publish .entity-data .ngViewport .ngCanvas .ngRow .rowAdded {
  color: #090;
}

.appManager-publish .entity-data .ngViewport .ngCanvas .ngRow .rowRemoved {
  color: #900;
}

.appManager-publish .busy {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.appManager-publish .toolbar {
  width: 100%;
  margin-bottom: 2px;
}

.appManager-publish .narrow {
  width: 1%;
}

.appManager-cardinality .modal-dialog {
  width: 800px;
}

.appManager-cardinality .modal-body {
  height: 300px;
  overflow: auto;
}

.appManager-cardinality .section-header {
  background-color: #e5e5e5;
  font-weight: 500;
  margin-bottom: 1px;
}

.appManager-cardinality .toggle {
  -webkit-transition: 0.1s all ease;
  transition: 0.1s all ease;
}

.appManager-cardinality .toggle-expanded {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.appManager-cardinality .image {
  display: inline-block;
  vertical-align: middle;
}

.appManager-cardinality .head {
  margin-bottom: 10px;
}

.appManager-cardinality .heading {
  display: inline-block;
  vertical-align: middle;
}

.appManager-cardinality .heading .title {
  margin-left: 25px;
  font-size: x-large;
}

.appManager-cardinality .heading .description {
  margin-left: 25px;
  margin-top: -8px;
  font-size: x-small;
}

.appManager-cardinality .details {
  margin-bottom: 15px;
}

.appManager-cardinality .details .detailBlurb {
  margin: 10px;
}

.appManager-cardinality .details .detailProperties {
  margin: 0 20px;
  font-size: smaller;
}

.appManager-cardinality .details .detail {
  font-weight: 600;
  padding-left: 10px;
}

.appManager-cardinality .entity-data {
  height: 230px;
}

.appManager-cardinality .entity-data .ngTopPanel .ngHeaderContainer .ngHeaderCell .ngHeaderText {
  padding: 3px 5px;
  font-weight: 600;
}

.appManager-cardinality .entity-data .ngViewport {
  font-size: smaller;
}

.appManager-cardinality .entity-data .ngViewport .ngCanvas .odd {
  background-color: #f5f5f5;
}

.appManager-cardinality .entity-data .ngViewport .ngCanvas .ngRow {
  border-bottom: 0;
}

.appManager-cardinality .entity-data .ngViewport .ngCanvas .ngRow .indentIcon {
  vertical-align: middle;
  margin-right: 4px;
}

.appManager-cardinality .entity-data .ngViewport .ngCanvas .ngRow .indentText {
  vertical-align: middle;
}

.appManager-cardinality .entity-data .ngViewport .ngCanvas .ngRow .childRow {
  opacity: 0.5;
}

.appManager-cardinality .entity-data .ngViewport .ngCanvas .ngRow .rowAdded {
  color: #090;
}

.appManager-cardinality .entity-data .ngViewport .ngCanvas .ngRow .rowRemoved {
  color: #900;
}

.appManager-cardinality .busy {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.appManager-cardinality .toolbar {
  width: 100%;
  margin-bottom: 2px;
}

.appManager-cardinality .narrow {
  width: 1%;
}

.changeManagement-view {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 5px;
}

.changeManagement-view .changeManagement-header {
  position: absolute;
  height: 60px;
  top: 30px;
  width: 100%;
}

.changeManagement-view .changeManagement-content {
  position: absolute;
  top: 90px;
  bottom: 60px;
  width: 100%;
  margin-bottom: 2px;
}

.changeManagement-view .changeManagement-content .period {
  display: inline-block;
  width: 100%;
}

.changeManagement-view .changeManagement-content .period .dropdown-button {
  padding: 6px 8px 8px 8px;
  height: 30px;
  border-radius: 5px;
  background-color: steelblue;
}

.changeManagement-view .changeManagement-content .period .dropdown-button .time {
  color: white;
  font-weight: bold;
  pointer-events: none;
}

.changeManagement-view .changeManagement-content .period .dropdown-button .toggle {
  width: 12px;
  height: 10px;
  display: inline-block;
  background: steelblue url("assets/images/arrow_down_w.png");
  background-repeat: no-repeat;
  background-size: 12px 12px;
  pointer-events: none;
}

.changeManagement-view .changeManagement-content .period .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.changeManagement-view .changeManagement-content .period .dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.changeManagement-view .changeManagement-content .period .dropdown-content a:hover {
  background-color: #ddd;
}

.changeManagement-view .changeManagement-content .period .dropdown-show {
  display: block;
}

.changeManagement-view .changeManagement-content .period .period-relative {
  display: inline-block;
}

.changeManagement-view .changeManagement-content .period .period-relative .period-relative-select {
  height: 30px;
  margin-left: 5px;
  padding: 5px 15px 5px 15px;
  border-width: 1px;
  border-radius: 5px;
}

.changeManagement-view .changeManagement-content .period .period-absolute {
  display: inline-block;
}

.changeManagement-view .changeManagement-content .period .period-absolute .period-absolute-input-from {
  height: 30px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 2px 5px 15px;
  border-width: 1px;
  border-radius: 5px;
}

.changeManagement-view .changeManagement-content .period .period-absolute .period-absolute-input-to {
  height: 30px;
  margin-left: 5px;
  padding: 5px 2px 5px 15px;
  border-width: 1px;
  border-radius: 5px;
}

.changeManagement-view .changeManagement-content .period .period-restorePoint {
  display: inline-block;
}

.changeManagement-view .changeManagement-content .period .period-restorePoint .period-restorePoint-select {
  height: 30px;
  margin-left: 5px;
  padding: 5px 5px 5px 5px;
  border-width: 1px;
  max-width: 450px;
  border-radius: 5px;
}

.changeManagement-view .changeManagement-content .period .searchButton {
  height: 30px;
  padding: 6px 8px 8px 8px;
  margin: 0px 5px;
  background-color: steelblue;
  border-radius: 5px;
  color: white;
  font-weight: bold;
}

.changeManagement-view .changeManagement-content .period .filterText {
  border: 1px solid lightgray;
  width: 100px;
  height: 30px;
  float: right;
  padding: 5px;
  border-radius: 5px;
}

.changeManagement-view .changeManagement-content .selectButton {
  height: 30px;
  padding: 6px 8px 8px 8px;
  margin-right: 5px;
  background-color: steelblue;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  float: right;
}

.changeManagement-view .changeManagement-content .exportButton {
  margin-top: 10px;
}

.changeManagement-view .changeManagement-content .settingsButton {
  margin-top: 10px;
  margin-right: 10px;
  outline: none;
}

.changeManagement-view .changeManagement-content .settingsImage {
  height: 20px;
  width: 20px;
  -webkit-filter: invert(100%);
          filter: invert(100%);
}

.changeManagement-view .changeManagement-content .settingsPanel {
  visibility: hidden;
  display: none;
  position: absolute;
  bottom: 10px;
  right: 75px;
  border: 1px solid lightgray;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 5px 5px 5px grey;
          box-shadow: 5px 5px 5px grey;
  color: #414141;
  padding: 10px;
  background: #F5F5F5;
}

.changeManagement-view .changeManagement-content .settingsPanelVisible {
  visibility: visible;
  display: block;
}

.changeManagement-view .changeManagement-content .settingDivider {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #ccc;
}

.changeManagement-view .changeManagement-content .settingOption {
  font-weight: normal;
}

.changeManagement-view .changeManagement-content .settingSpan {
  margin-left: 10px;
}

.changeManagement-view .changeManagement-content button[disabled] {
  cursor: auto;
  background-color: lightgray;
}

.changeManagement-view .changeManagement-content .results {
  height: calc(100% - 70px);
  margin: 20px -15px 0px -15px;
  scrollbar-gutter: stable both-edges;
  overflow: auto;
  color: #808080;
}

.changeManagement-view .changeManagement-content .results .searching {
  display: none;
}

.changeManagement-view .changeManagement-content .results .searching-show {
  display: block;
}

.changeManagement-view .changeManagement-content .results .row {
  vertical-align: top;
  height: 30px;
}

.changeManagement-view .changeManagement-content .results .header {
  vertical-align: middle;
}

.changeManagement-view .changeManagement-content .results .data {
  vertical-align: middle;
  cursor: pointer;
}

.changeManagement-view .changeManagement-content .results .results-table {
  width: 100%;
  display: none;
}

.changeManagement-view .changeManagement-content .results .results-table .filterIcon {
  height: 22px;
  width: 22px;
  border: 5px solid transparent;
}

.changeManagement-view .changeManagement-content .results .results-table .filterOption {
  cursor: pointer;
}

.changeManagement-view .changeManagement-content .results .results-table .filterPopup {
  visibility: hidden;
  display: none;
  position: absolute;
  background-color: white;
  border: 1px solid lightgray;
  border-radius: 5px;
  padding: 10px;
  -webkit-box-shadow: 5px 5px 5px grey;
          box-shadow: 5px 5px 5px grey;
  cursor: default;
  z-index: 1;
}

.changeManagement-view .changeManagement-content .results .results-table .filterPopupVisible {
  visibility: visible;
  display: block;
}

.changeManagement-view .changeManagement-content .results .results-table .filterPopupHeader {
  font-size: smaller;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 5px;
}

.changeManagement-view .changeManagement-content .results .results-table .filterPopupHeader .filterPopupSelect {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.changeManagement-view .changeManagement-content .results .results-table .filterPopupHeader .filterPopupSelect .filterSelectLink {
  text-decoration: underline;
  cursor: pointer;
}

.changeManagement-view .changeManagement-content .results .results-table .filterPopupHeader .filterPopupSelectNone {
  text-align: right;
  margin-left: 16px;
}

.changeManagement-view .changeManagement-content .results .results-table .filterSpan {
  margin-left: 10px;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.changeManagement-view .changeManagement-content .results .results-table .filterSpanSpecial {
  font-weight: 400;
  color: steelblue;
}

.changeManagement-view .changeManagement-content .results .results-table thead th {
  padding: 5px;
  cursor: pointer;
}

.changeManagement-view .changeManagement-content .results .results-table tbody tr:hover {
  background-color: #f1f1f1 !important;
}

.changeManagement-view .changeManagement-content .results .results-table tbody tr:nth-child(odd) {
  background: aliceblue;
}

.changeManagement-view .changeManagement-content .results .results-table .results-checkbox {
  padding: 10px;
}

.changeManagement-view .changeManagement-content .results .results-table .results-body {
  padding: 5px;
  vertical-align: top;
}

.changeManagement-view .changeManagement-content .results .results-table .results-body .result-header {
  font-size: larger;
  font-weight: 500;
}

.changeManagement-view .changeManagement-content .results .results-table .results-body .changes {
  margin-left: 15px;
}

.changeManagement-view .changeManagement-content .results .results-table .results-body .changes > label {
  padding-left: 10px;
  display: block;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}

.changeManagement-view .changeManagement-content .results .results-table .results-body .changes .checkLabel {
  width: 60px;
  white-space: nowrap;
}

.changeManagement-view .changeManagement-content .results .results-table .results-body .changes input[type="checkbox"] {
  display: none;
}

.changeManagement-view .changeManagement-content .results .results-table .results-body .changes input[type="checkbox"] ~ ul {
  max-height: 0;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.changeManagement-view .changeManagement-content .results .results-table .results-body .changes input[type="checkbox"]:checked ~ ul {
  max-height: 100%;
  max-width: 100%;
  opacity: 1;
}

.changeManagement-view .changeManagement-content .results .results-table .results-body .changes input[type="checkbox"] + label:before {
  -webkit-transform-origin: 25% 50%;
          transform-origin: 25% 50%;
  border: 8px solid transparent;
  border-width: 3px 5px;
  border-left-color: gray;
  margin-left: -8px;
  width: 0;
  height: 0;
  display: inline-block;
  text-align: center;
  content: "";
  color: #aaafab;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-top: 4px;
}

.changeManagement-view .changeManagement-content .results .results-table .results-body .changes input[type="checkbox"]:checked + label:before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.changeManagement-view .changeManagement-content .results .results-table .results-body .changes .grow {
  -webkit-transition: height 0.5s, opacity 0.5s;
  transition: height 0.5s, opacity 0.5s;
  height: 0;
  overflow: hidden;
}

.changeManagement-view .changeManagement-content .results .results-table .results-body .changes .grow .grow-inner {
  position: relative;
}

.changeManagement-view .changeManagement-content .results .results-table .results-body .changes .open {
  height: 300px;
  overflow: visible;
  opacity: 1;
}

.changeManagement-view .changeManagement-content .results .results-table .results-body .changes .open .change-data {
  position: absolute;
  height: 300px;
  -webkit-box-shadow: 5px 5px 5px grey;
          box-shadow: 5px 5px 5px grey;
  border: 1px solid;
  margin-left: 15px;
  background-color: #fafafa;
}

.changeManagement-view .changeManagement-content .results .results-table .results-body .changes .closed {
  height: 0;
  overflow: visible;
  opacity: 0;
  pointer-events: none;
}

.changeManagement-view .changeManagement-content .results .results-table .results-body .changes .closed .change-data {
  position: absolute;
  height: 0px;
  -webkit-box-shadow: 5px 5px 5px grey;
          box-shadow: 5px 5px 5px grey;
  border: 1px solid;
  margin-left: 15px;
  background-color: #fafafa;
}

.changeManagement-view .changeManagement-content .results .results-table .results-body .changes .changeData {
  height: 100%;
  font-size: 1em;
  overflow: auto;
  margin: 0px;
  color: #808080;
  background-color: transparent;
  border-width: 0px;
  width: 100%;
  white-space: pre-wrap;
  padding: 5px;
}

.changeManagement-view .changeManagement-content .results .results-table .results-body .tags {
  height: 100%;
  max-width: 200px;
}

.changeManagement-view .changeManagement-content .results .results-table .results-body .tags .tag {
  display: inline-block;
  margin: 2px;
  background-color: steelblue;
  color: white;
  border-radius: 5px;
  padding: 1px 4px;
  font-weight: bold;
}

.changeManagement-view .changeManagement-content .results .results-table .results-body .tags .tag a {
  color: white;
}

.changeManagement-view .changeManagement-content .results .results-table .results-body .tags .suggestion-list {
  margin-top: 5px;
}

.changeManagement-view .changeManagement-content .results .results-table .results-body .tags .suggestion-list .suggestion {
  background-color: lightgrey;
  border-radius: 5px;
  padding: 1px 4px;
  margin: 1px 1px;
  display: inline-block;
}

.changeManagement-view .changeManagement-content .results .results-table .results-body .tags .tagInput {
  padding: 3px;
  width: 60px;
}

.changeManagement-view .changeManagement-content .results .results-table .results-date {
  padding: 5px;
  white-space: nowrap;
  vertical-align: top;
}

.changeManagement-view .changeManagement-content .results .results-table-show {
  display: table;
}

.changeManagement-view .changeManagement-gridStyle {
  position: absolute;
  top: 0;
  bottom: 0;
}

.changeManagement-generate .modal-dialog {
  width: 1000px;
}

.changeManagement-generate .modal-body {
  height: 600px;
  overflow: auto;
}

.changeManagement-generate .section-header {
  background-color: #e5e5e5;
  font-weight: 500;
  margin-bottom: 1px;
}

.changeManagement-generate .toggle {
  -webkit-transition: 0.1s all ease;
  transition: 0.1s all ease;
}

.changeManagement-generate .toggle-expanded {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.changeManagement-generate .image {
  display: inline-block;
  vertical-align: middle;
}

.changeManagement-generate .head {
  margin-bottom: 10px;
}

.changeManagement-generate .heading {
  display: inline-block;
  vertical-align: middle;
}

.changeManagement-generate .heading .title {
  margin-left: 25px;
  font-size: x-large;
}

.changeManagement-generate .heading .description {
  margin-left: 25px;
  font-size: x-small;
}

.changeManagement-generate .details {
  margin-bottom: 15px;
}

.changeManagement-generate .details .detailBlurb {
  margin: 10px;
}

.changeManagement-generate .details .detailProperties {
  margin: 0 20px;
  font-size: smaller;
}

.changeManagement-generate .details .detail {
  font-weight: 600;
  padding-left: 10px;
}

.changeManagement-generate .entity-data {
  height: 390px;
}

.changeManagement-generate .entity-data .ngTopPanel .ngHeaderContainer .ngHeaderCell .ngHeaderText {
  padding: 3px 5px;
  font-weight: 600;
}

.changeManagement-generate .entity-data .ngViewport {
  font-size: smaller;
}

.changeManagement-generate .entity-data .ngViewport .ngCanvas .odd {
  background-color: #f5f5f5;
}

.changeManagement-generate .entity-data .ngViewport .ngCanvas .ngRow {
  border-bottom: 0;
}

.changeManagement-generate .entity-data .ngViewport .ngCanvas .ngRow .indentIcon {
  vertical-align: middle;
  margin-right: 4px;
}

.changeManagement-generate .entity-data .ngViewport .ngCanvas .ngRow .indentText {
  vertical-align: middle;
}

.changeManagement-generate .entity-data .ngViewport .ngCanvas .ngRow .childRow {
  opacity: 0.5;
}

.changeManagement-generate .entity-data .ngViewport .ngCanvas .ngRow .rowAdded {
  color: #090;
}

.changeManagement-generate .entity-data .ngViewport .ngCanvas .ngRow .rowRemoved {
  color: #900;
}

.changeManagement-generate .busy {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.changeManagement-generate .toolbar {
  width: 100%;
  margin-bottom: 2px;
}

.changeManagement-generate .narrow {
  width: 1%;
}

.changeManagement-pagination {
  display: inline-block;
  padding-left: 0;
  margin: 0;
  border-radius: 10px;
}

.changeManagement-pagination > li {
  display: inline;
}

.changeManagement-pagination > li > a,
.changeManagement-pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: white;
  border: 1px solid #ddd;
  margin-left: -1px;
}

.changeManagement-pagination > li:first-child > a,
.changeManagement-pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.changeManagement-pagination > li:last-child > a,
.changeManagement-pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.changeManagement-pagination > li > a:hover,
.changeManagement-pagination > li > span:hover,
.changeManagement-pagination > li > a:focus,
.changeManagement-pagination > li > span:focus {
  background-color: #eee;
}

.changeManagement-pagination > .active > a,
.changeManagement-pagination > .active > span,
.changeManagement-pagination > .active > a:hover,
.changeManagement-pagination > .active > span:hover,
.changeManagement-pagination > .active > a:focus,
.changeManagement-pagination > .active > span:focus {
  z-index: 2;
  color: white;
  background-color: #337ab7;
  border-color: #ddd;
  cursor: default;
}

.changeManagement-pagination > .disabled > span,
.changeManagement-pagination > .disabled > span:hover,
.changeManagement-pagination > .disabled > span:focus,
.changeManagement-pagination > .disabled > a,
.changeManagement-pagination > .disabled > a:hover,
.changeManagement-pagination > .disabled > a:focus {
  color: #777;
  background-color: white;
  border-color: #dddd;
  cursor: not-allowed;
}

.open-reference .open-reference-body {
  padding: 10px;
}

.open-reference .open-reference-body .open-reference-input {
  height: 80px;
  width: 100%;
  border: 1px solid gray;
  border-radius: 5px;
  padding: 5px;
  margin-top: 5px;
  resize: none;
}

.open-reference .open-reference-body .missing-entities {
  margin: 5px 0px;
}

.open-reference .open-reference-body .missing-entities .missing-entities-warning {
  padding: 5px;
  border: 1px solid red;
  border-radius: 5px;
}

.open-reference .open-reference-body .missing-entities .missing-entities-warning .missing-entities-heading {
  font-weight: bold;
  color: red;
}

.open-reference .open-reference-body .missing-entities .missing-entities-warning .missing-entities-desc {
  margin-top: 2px;
}

.open-reference .open-reference-body .missing-entities .missing-entities-warning .missing-entities-item {
  list-style: disc;
  margin-left: 25px;
}

.open-reference .open-reference-body .found-entities {
  margin-bottom: 10px;
}

.open-reference .open-reference-body .found-entities .found-entities-heading {
  font-weight: bold;
}

.open-reference .open-reference-body .found-entities .found-entities-desc {
  margin-top: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.open-reference .open-reference-body .found-entities .found-entities-desc .found-entities-button {
  height: 20px;
  margin: 0px 2px;
}

.open-reference .open-reference-body .found-entities .found-entities-container {
  max-height: 300px;
  overflow: auto;
  border: 1px solid #DDD;
  border-radius: 5px;
  padding: 5px;
}

.open-reference .open-reference-body .found-entities .found-entities-container .found-entities-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  cursor: pointer;
}

.open-reference .open-reference-body .found-entities .found-entities-container .found-entities-item .found-entities-checkbox {
  padding: 5px;
}

.open-reference .open-reference-body .found-entities .found-entities-container .found-entities-item .found-entities-details {
  margin-left: 5px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.open-reference .open-reference-body .found-entities .found-entities-container .found-entities-item .found-entities-details .found-entities-name {
  font-size: larger;
}

.open-reference .open-reference-body .found-entities .found-entities-container .found-entities-item .found-entities-details .found-entities-type {
  font-size: smaller;
}

.open-reference .open-reference-body .found-entities .found-entities-container .found-entities-item:nth-child(odd) {
  background: aliceblue;
}

.open-reference .open-reference-body .found-entities .found-entities-container .found-entities-item:hover {
  background-color: #f1f1f1 !important;
}

.open-reference .open-reference-body .found-entities .found-entities-operation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.open-reference .open-reference-body .found-entities .found-entities-operation .found-entities-export-button {
  height: 20px;
  margin: 0px 2px;
}

.open-reference .open-reference-error {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: red;
}

.open-reference .open-reference-button {
  min-height: 30px;
  min-width: 50px;
  padding: 5px;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.board-header-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.board-header-actions .sp-task-buttons {
  font-size: 0;
}

.board-header-button,
.board-header-actions .sp-task-button > button {
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  height: 28px;
  padding: 0 20px;
  min-width: 35px;
  border: none;
  opacity: 0.7;
  margin: 2px;
  background-color: #31a89f;
  -webkit-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
  white-space: nowrap;
}

.board-header-button:hover,
.board-header-actions .sp-task-button > button:hover,
.board-header-button:focus,
.board-header-actions .sp-task-button > button:focus,
.board-header-button:active,
.board-header-actions .sp-task-button > button:active {
  opacity: 1;
  outline: none;
}

.board-header-button[disabled],
.board-header-actions .sp-task-button > button[disabled] {
  opacity: 0.5;
  outline: none;
}

.board-header-button[disabled]:hover,
.board-header-actions .sp-task-button > button[disabled]:hover,
.board-header-button[disabled]:focus,
.board-header-actions .sp-task-button > button[disabled]:focus,
.board-header-button[disabled]:active,
.board-header-actions .sp-task-button > button[disabled]:active {
  opacity: 0.5;
  outline: none;
}

.board-header-button img,
.board-header-actions .sp-task-button > button img {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.sp-mobile-device .board-header-button img,
.sp-mobile-device .board-header-actions .sp-task-button > button img,
.sp-tablet-device .board-header-button img,
.sp-tablet-device .board-header-actions .sp-task-button > button img {
  margin: 0;
}

.board-header-button img:focus,
.board-header-actions .sp-task-button > button img:focus {
  outline: none;
}

.board-header-button--back {
  background-color: #444;
}

.board-view {
  position: relative;
  width: 100%;
  height: 100%;
}

.board-view .board-config-panel {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 1;
  font-size: 0;
  background-color: #1dd000;
  border: none;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}

.board-view .board-config-panel .board-config-panel-button {
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 12px;
  line-height: 0;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
  border: none;
  border-radius: 4px;
  outline: none;
}

.board-view .board-config-panel .board-config-panel-button-light {
  border-radius: 4px;
}

.board-view .board-config-panel .board-config-panel-button-light:hover {
  margin-top: 0;
  background-color: #1bc100;
}

.board-view .board-config-panel .board-config-panel-button-light img {
  display: inline-block !important;
}

.board-view .board-content {
  position: absolute;
  min-height: 100px;
  top: 60px;
  bottom: 0;
  width: 100%;
  height: inherit;
}

.sp-mobile-device .board-view .board-content,
.sp-tablet-device .board-view .board-content {
  top: 0;
}

.overflow-message {
  position: absolute;
  margin-top: -80px;
}

.board {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  width: 100%;
}

.board .headerPanel {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 30px;
  min-width: 640px;
}

.board .headerPanel .headerPanel-left {
  -webkit-box-flex: 9;
      -ms-flex: 9;
          flex: 9;
}

.board .headerPanel .headerPanel-left > * {
  display: inline-block;
}

.board .headerPanel .headerPanel-right > * {
  display: inline-block;
}

.board .headerPanel .divider {
  height: 20px;
  margin: 0 2px -7px;
  border-left: 1px dotted #ccc;
  display: inline-block;
}

.board .headerPanel button {
  background-color: transparent;
  height: 30px;
  min-width: 30px;
  border: none;
  opacity: 0.85;
  -webkit-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
  color: #212121;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  line-height: 0;
  vertical-align: middle;
}

.board .headerPanel button:hover,
.board .headerPanel button:focus,
.board .headerPanel button:active {
  opacity: 1;
  outline: none;
  border: none;
  background-color: rgba(0, 0, 0, 0.03);
  -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.5) inset;
          box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.5) inset;
}

.board .headerPanel button img {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}

.board .headerPanel button span {
  display: inline-block;
  vertical-align: middle;
}

.board .headerPanel input[type="text"] {
  background-color: rgba(0, 0, 0, 0.05);
  color: #666;
  border: 1px solid transparent;
  padding: 0 5px;
  height: 26px;
}

.board .headerPanel input[type="text"]:focus {
  border: 1px solid #30c5c5;
}

.sp-tablet-device .board .headerPanel {
  height: 50px;
  padding: 5px;
}

.sp-tablet-device .board .headerPanel button {
  height: 40px;
  min-width: 40px;
  opacity: 0.9;
  font-size: 0.85em;
}

.sp-tablet-device .board .headerPanel button img {
  width: 18px;
  height: 18px;
}

.board .board-legend {
  width: 100%;
  min-width: 640px;
}

.board .board-legend ul {
  width: 100%;
  margin: 5px 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.board .board-legend ul li {
  list-style: none;
  text-align: center;
  padding: 4px 8px;
  color: #fff;
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset, 0 2px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset, 0 2px 1px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin-bottom: 1px;
  margin-left: 1px;
}

.board .board-legend ul li span {
  display: block;
  cursor: default;
}

.board .board-legend ul li span.counter {
  background-color: rgba(0, 0, 0, 0.13);
  border-radius: 4px;
  font-size: smaller;
  letter-spacing: -0.05em;
  min-width: 16px;
  margin: 0 -5px 0 3px;
  padding: 1px 3px 0 2px;
}

.board .board-column-header-container {
  width: 100%;
  background-image: url(assets/images/home_bg.png);
  background-color: #efefef;
  overflow-x: hidden;
  min-width: 640px;
}

.board .board-column-header-container .board-column-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  color: #414141;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.board .board-column-header-container .board-column-header .board-column-header-item {
  text-align: center;
  padding: 7px 3px;
  border-right: 1px dotted lightgrey;
  font-weight: normal;
  font-size: 14px;
  min-width: 100px;
}

.board .board-column-header-container .board-column-header .board-column-header-item:last-child {
  border-right: none;
  min-width: 117px;
  padding-right: 17px;
}

.sp-mobile-device .board .board-column-header-container .board-column-header .board-column-header-item:last-child,
.sp-tablet-device .board .board-column-header-container .board-column-header .board-column-header-item:last-child {
  min-width: 100px;
  padding-right: 0;
}

.board input::-ms-clear {
  display: none;
}

.board .board-rows {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  min-width: 640px;
}

.board .board-rows .board-row {
  text-overflow: ellipsis;
}

.board .board-rows .board-row .board-row-title {
  font-style: italic;
  padding: 5px 10px;
  font-weight: bold;
}

.board .board-rows .board-row .board-dimensions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.board .board-card-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.board .config {
  z-index: 999;
  border-radius: 0;
  background-color: whitesmoke;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
  border: 1px solid #d2d2d2;
  color: #444;
  position: absolute;
  right: 30px;
  width: 500px;
  max-height: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}

.board .config .config-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: auto;
  padding: 1em;
  max-height: 500px;
}

.board .config .config-body .control-group {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.board .config .config-body .control-group .control {
  padding-top: 3px;
}

.board .config .config-body .control-group .control > * {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}

.board .config .config-body .control-group .control > label {
  width: 40%;
}

.board .config .config-body .control-group .control > label + * {
  width: calc(60% - 4px);
}

.board .config .config-body .control-group .control span input {
  width: 100%;
}

.board .config .config-body .control-group .control span input[type="checkbox"] {
  width: auto;
  vertical-align: text-top;
}

.board .config .config-body .control-group .control ul {
  padding: 0;
  display: block;
  padding-left: calc(40% + 4px);
}

.board .config .config-body .control-group .control ul:empty {
  padding: 0;
  margin: 0;
}

.board .config .config-body .control-group .control ul li {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  padding-right: 10px;
  vertical-align: top;
  color: #666;
}

.board .config .config-body .control-group .control ul li:nth-child(even) {
  padding-right: 0;
}

.board .config .config-body .control-group .control ul li label {
  font-size: 10px;
  font-weight: bold;
}

.board .config .config-body .control-group .inline-control {
  padding-top: 3px;
}

.board .config .config-footer {
  background-color: #ddd;
  text-align: right;
  padding: 10px 10px;
}

.board .config .config-footer button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 3px 12px;
  font-size: 12px;
  line-height: 1em;
  cursor: pointer;
  background-color: #414141;
  color: #ededed;
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  border: 1px solid #3c3c3c;
  border-bottom-color: #343434;
  border-radius: 3px;
  font-size: 14px;
  padding: 5px 15px;
}

.board .config .config-footer button:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.board .config .config-footer button:hover,
.board .config .config-footer button:focus {
  color: #333;
  text-decoration: none;
}

.board .config .config-footer button:active,
.board .config .config-footer button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.board .config .config-footer button.disabled,
.board .config .config-footer button[disabled],
fieldset[disabled] .board .config .config-footer button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.board .config .config-footer button:hover,
.board .config .config-footer button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.board .config .config-footer button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.board .config .config-footer button.active,
.board .config .config-footer button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.board .config .config-footer button.disabled,
.board .config .config-footer button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.board .config .config-footer button.disabled img,
.board .config .config-footer button[disabled] img {
  opacity: 0.4;
}

.sp-mobile-device .board .config .config-footer button,
.sp-tablet-device .board .config .config-footer button {
  min-height: 40px;
  min-width: 40px;
  font-size: initial;
}

.board .config-ie {
  z-index: 999;
  border-radius: 0;
  background-color: whitesmoke;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
  border: 1px solid #d2d2d2;
  color: #444;
  position: absolute;
  right: 30px;
  width: 500px;
  max-height: 80%;
}

.board .config-ie .config-body {
  overflow: auto;
  padding: 1em;
  max-height: 500px;
}

.board .config-ie .config-body .control-group .control {
  padding-top: 3px;
}

.board .config-ie .config-body .control-group .control > * {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}

.board .config-ie .config-body .control-group .control > label {
  width: 40%;
}

.board .config-ie .config-body .control-group .control > label + * {
  width: calc(60% - 4px);
}

.board .config-ie .config-body .control-group .control span input {
  width: 100%;
}

.board .config-ie .config-body .control-group .control span input[type="checkbox"] {
  width: auto;
  vertical-align: text-top;
}

.board .config-ie .config-body .control-group .control ul {
  padding: 0;
  display: block;
  padding-left: calc(40% + 4px);
}

.board .config-ie .config-body .control-group .control ul:empty {
  padding: 0;
  margin: 0;
}

.board .config-ie .config-body .control-group .control ul li {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  padding-right: 10px;
  vertical-align: top;
  color: #666;
}

.board .config-ie .config-body .control-group .control ul li:nth-child(even) {
  padding-right: 0;
}

.board .config-ie .config-body .control-group .control ul li label {
  font-size: 10px;
  font-weight: bold;
}

.board .config-ie .config-body .control-group .inline-control {
  padding-top: 3px;
}

.board .config-ie .config-footer {
  background-color: #ddd;
  text-align: right;
  padding: 10px 10px;
}

.board .config-ie .config-footer button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 3px 12px;
  font-size: 12px;
  line-height: 1em;
  cursor: pointer;
  background-color: #414141;
  color: #ededed;
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  border: 1px solid #3c3c3c;
  border-bottom-color: #343434;
  border-radius: 3px;
  font-size: 14px;
  padding: 5px 15px;
}

.board .config-ie .config-footer button:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.board .config-ie .config-footer button:hover,
.board .config-ie .config-footer button:focus {
  color: #333;
  text-decoration: none;
}

.board .config-ie .config-footer button:active,
.board .config-ie .config-footer button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.board .config-ie .config-footer button.disabled,
.board .config-ie .config-footer button[disabled],
fieldset[disabled] .board .config-ie .config-footer button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.board .config-ie .config-footer button:hover,
.board .config-ie .config-footer button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.board .config-ie .config-footer button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.board .config-ie .config-footer button.active,
.board .config-ie .config-footer button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.board .config-ie .config-footer button.disabled,
.board .config-ie .config-footer button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.board .config-ie .config-footer button.disabled img,
.board .config-ie .config-footer button[disabled] img {
  opacity: 0.4;
}

.sp-mobile-device .board .config-ie .config-footer button,
.sp-tablet-device .board .config-ie .config-footer button {
  min-height: 40px;
  min-width: 40px;
  font-size: initial;
}

.board .card {
  background-color: white;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 1px 2px rgba(50, 50, 50, 0.4);
          box-shadow: 0 1px 2px rgba(50, 50, 50, 0.4);
  word-wrap: break-word;
  word-break: break-word;
  /* doesn't work in firefox */
}

.board .card:focus {
  -webkit-box-shadow: 0 1px 4px rgba(50, 50, 50, 0.3);
          box-shadow: 0 1px 4px rgba(50, 50, 50, 0.3);
  outline: 2px solid #30c5c5;
}

.board .card .card-header {
  padding: 3px 3px 1px;
}

.board .card .card-header a:link,
.board .card .card-header a:visited,
.board .card .card-header a:active,
.board .card .card-header a:focus {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.65);
  font-size: 11px;
}

.board .card .card-id {
  margin-right: 3px;
}

.board .card .card-title {
  font-weight: 500;
  padding: 3px;
}

.board .card .card-body {
  padding: 0 3px 3px;
  color: #666;
}

.board .card .card-doc {
  /*
      card doc is the result of processing markup so tends to have all the basic
      html elements like h1 etc.
      */
}

.board .card .card-doc h1 {
  font-size: 1rem;
  font-weight: bold;
}

.board .card .card-doc h2 {
  font-size: 1rem;
}

.board .card .card-doc a:link,
.board .card .card-doc a:visited {
  color: black;
}

.board .card .card-doc a:hover {
  text-decoration: underline;
}

.board .card .card-doc ul,
.board .card .card-doc ol {
  list-style: inherit;
  padding-left: 20px;
}

.board .card .card-doc li {
  list-style: inherit;
}

.board .card .card-footer {
  font-size: smaller;
  padding: 0 3px;
}

.board .card .card-field {
  padding: 3px;
}

.board .card .card-field label {
  display: inline-block;
  margin: 0;
  color: grey;
  font-size: smaller;
  overflow: hidden;
  text-overflow: ellipsis;
}

.board .card .card-field label + div {
  overflow: hidden;
  text-overflow: ellipsis;
}

.board .card .card-field div {
  display: inline-block;
  font-size: smaller;
  color: #555;
}

.board .card .card-field img {
  height: 3rem;
}

.board .card a:link,
.board .card a:visited {
  color: black;
}

.board .sized-card {
  position: absolute;
  overflow: hidden;
}

.board ul.task-assignees {
  margin: 0;
  padding: 0;
}

.board ul.task-assignees li {
  list-style-type: none;
  display: inline;
}

.board span[title="tasks"]:hover {
  text-decoration: underline;
}

.board-dimension-item {
  background-color: whitesmoke;
  padding: 7px 10px;
  border-right: 1px dotted lightgrey;
  font-weight: normal;
  min-width: 100px;
}

.board-dimension-item:last-child {
  border-right: none;
}

.board-nosupport {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.board-nosupport > div {
  text-align: center;
  color: rgba(0, 0, 0, 0.3);
}

.board:-webkit-full-screen {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 85.375em) {
  .board .config {
    height: auto;
  }

  .board .config .config-body .control-group {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.calendar-header-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.calendar-header-actions .sp-task-buttons {
  font-size: 0;
}

.calendar-header-button,
.calendar-header-actions .sp-task-button > button {
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  height: 28px;
  padding: 0 20px;
  min-width: 35px;
  border: none;
  opacity: 0.7;
  margin: 2px;
  background-color: #31a89f;
  -webkit-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
  white-space: nowrap;
}

.calendar-header-button:hover,
.calendar-header-actions .sp-task-button > button:hover,
.calendar-header-button:focus,
.calendar-header-actions .sp-task-button > button:focus,
.calendar-header-button:active,
.calendar-header-actions .sp-task-button > button:active {
  opacity: 1;
  outline: none;
}

.calendar-header-button[disabled],
.calendar-header-actions .sp-task-button > button[disabled] {
  opacity: 0.5;
  outline: none;
}

.calendar-header-button[disabled]:hover,
.calendar-header-actions .sp-task-button > button[disabled]:hover,
.calendar-header-button[disabled]:focus,
.calendar-header-actions .sp-task-button > button[disabled]:focus,
.calendar-header-button[disabled]:active,
.calendar-header-actions .sp-task-button > button[disabled]:active {
  opacity: 0.5;
  outline: none;
}

.calendar-header-button img,
.calendar-header-actions .sp-task-button > button img {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.sp-mobile-device .calendar-header-button img,
.sp-mobile-device .calendar-header-actions .sp-task-button > button img,
.sp-tablet-device .calendar-header-button img,
.sp-tablet-device .calendar-header-actions .sp-task-button > button img {
  margin: 0;
}

.calendar-header-button img:focus,
.calendar-header-actions .sp-task-button > button img:focus {
  outline: none;
}

.calendar-header-button--back {
  background-color: #444;
}

.chartView {
  padding: 30px 0;
}

.sp-mobile-device .chartView {
  padding: 3%;
}

.chartView .chart-config-panel {
  position: relative;
  right: 2px;
  top: 2px;
  z-index: 1;
  display: inline-block;
  float: right;
  font-size: 0;
  background-color: #1dd000;
  border: none;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}

.chartView .chart-config-panel .chart-config-panel-button {
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 12px;
  line-height: 0;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
  border: none;
  border-radius: 4px;
  outline: none;
}

.chartView .chart-config-panel .chart-config-panel-button-light {
  border-radius: 4px;
}

.chartView .chart-config-panel .chart-config-panel-button-light:hover {
  margin-top: 0;
  background-color: #1bc100;
}

.chartView .chart-config-panel .chart-config-panel-button-light img {
  display: inline-block !important;
}

.chart-header-button {
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  height: 28px;
  padding: 0 20px;
  min-width: 35px;
  border: none;
  opacity: 0.7;
  margin: 2px;
  background-color: #31a89f;
  -webkit-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
  white-space: nowrap;
}

.chart-header-button:hover,
.chart-header-button:focus,
.chart-header-button:active {
  opacity: 1;
  outline: none;
}

.chart-header-button img {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.sp-mobile-device .chart-header-button img,
.sp-tablet-device .chart-header-button img {
  margin: 0;
}

.chart-header-button img:focus {
  outline: none;
}

.chart-header-button--back {
  background-color: #444;
}

.hosted-chart-toolbar-container {
  padding-right: 5px;
  position: absolute;
  right: 0;
  top: 0;
  left: unset;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.sp-chart-builder-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sp-Chart-Builder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  font-family: Roboto, ui-sans-serif, system-ui, Helvetica Neue, Arial, Noto Sans, sans-serif;
}

.sp-Chart-Builder > .sp-chart-builder-pane {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.sp-chart-builder-header {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 10px;
  border-bottom: 1px solid #d1d5db;
}

.sp-chart-builder-header .builder-Edit-Name {
  display: block;
}

.sp-chart-builder-header .builder-Edit-Description {
  margin: 0 !important;
}

.builder-ToolBar {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  height: auto;
}

.builder-ToolBar button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  height: 25px;
  margin: 0;
  padding: 0 8px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #1f2937;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

.builder-ToolBar button span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: none;
}

.builder-ToolBar [wd-action="refresh"],
.builder-ToolBar [wd-action="props"],
.builder-ToolBar [wd-action="undo"],
.builder-ToolBar [wd-action="redo"],
.builder-ToolBar button.builder-ToolBar-Close {
  background: #eeeff2;
  width: auto;
}

.builder-ToolBar [wd-action="refresh"]:hover,
.builder-ToolBar [wd-action="props"]:hover,
.builder-ToolBar [wd-action="undo"]:hover,
.builder-ToolBar [wd-action="redo"]:hover,
.builder-ToolBar button.builder-ToolBar-Close:hover,
.builder-ToolBar [wd-action="refresh"]:focus,
.builder-ToolBar [wd-action="props"]:focus,
.builder-ToolBar [wd-action="undo"]:focus,
.builder-ToolBar [wd-action="redo"]:focus,
.builder-ToolBar button.builder-ToolBar-Close:focus {
  background: #e5e7eb;
}

.builder-ToolBar [wd-action="save"],
.builder-ToolBar [wd-action="saveas"] {
  background: #16a34a;
  color: white;
}

.builder-ToolBar [wd-action="save"]:hover,
.builder-ToolBar [wd-action="saveas"]:hover,
.builder-ToolBar [wd-action="save"]:focus,
.builder-ToolBar [wd-action="saveas"]:focus {
  background: #15803d;
}

.sp-chart-builder-pane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #1f2937;
}

.sp-chart-builder-pane section.chart-series {
  width: 20%;
  padding: 0 20px;
  border-right: solid 1px #ddd;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 200px;
  background: #f9fafb;
}

.sp-chart-builder-pane section.chart-view {
  padding: 32px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  height: 100%;
}

.sp-chart-builder-pane .chart-series__title {
  padding: 5px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.sp-chart-builder-pane .panel {
  overflow: visible;
}

.sp-chart-builder-pane .chartSource {
  background-color: #dedede;
  padding: 4px;
  cursor: move;
  padding: 2px 3px;
  height: 24px;
  border-radius: 2px;
  margin-bottom: 2px;
  width: auto;
  background-color: #fff;
}

.sp-chart-builder-pane .chartSource:hover {
  background-color: #f2f2f2;
  -webkit-transition: background-color ease-out 0.15s;
  transition: background-color ease-out 0.15s;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.sp-chart-builder-pane .chartSource .itemicon {
  display: table-cell;
  vertical-align: top;
  padding-right: 5px;
  width: 21px;
  line-height: 0;
}

.sp-chart-builder-pane .chartSource .itemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
}

.sp-chart-builder-pane .chartSource .readonlyitemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
  font-style: italic;
}

.sp-chart-builder-pane .chartSource .fieldcheckbox {
  display: table-cell;
  width: 0.1%;
  cursor: default;
}

.sp-chart-builder-pane .chartSource:hover {
  background-color: #f7f7f7;
  -webkit-box-shadow: 0 0 0 1px rgba(145, 145, 145, 0.5);
          box-shadow: 0 0 0 1px rgba(145, 145, 145, 0.5);
}

.sp-chart-builder-pane .dropArea {
  border-radius: 3px;
  background-color: #dfdfdf;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 15px inset;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 15px inset;
  background-image: url(assets/images/home_bg.png);
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px 0 inset;
          box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px 0 inset;
  border-radius: 2px;
  margin-bottom: 2px;
  width: auto;
  min-height: 24px;
  white-space: nowrap;
  background: #eeeff2;
}

.sp-chart-builder-pane .dropArea:before {
  content: "Drop items here";
  display: inline-block;
  float: left;
  padding: 12px 5px 0;
  line-height: 0;
  opacity: 0.5;
  font-size: 0.85em;
  text-transform: uppercase;
}

.sp-chart-builder-pane .box .content {
  border-bottom: solid 1px #ccc;
  padding: 10px;
}

.sp-chart-builder-pane .box select {
  width: 180px;
  margin-bottom: 2px;
}

.sp-chart-builder-pane button.add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
  padding: 3px 8px;
  border: 1px solid #374151;
  border-radius: 4px;
  cursor: pointer;
}

.sp-chart-builder-pane button.add img {
  display: none;
}

.sp-chart-builder-pane button.add::before {
  content: "\2b";
  font-family: "Font Awesome 7 Pro";
}

.sp-chart-builder-pane button.add:hover {
  background: #eeeff2;
}

.sp-chart-builder-pane .dropdown-menu.open {
  position: absolute;
  display: block;
}

.sp-chart-builder-pane .series-icons {
  float: right;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.sp-chart-builder-pane .series-icons img,
.sp-chart-builder-pane .series-icons button {
  padding: 2px;
  opacity: 0.8;
  cursor: pointer;
  border-radius: 2px;
}

.sp-chart-builder-pane .series-icons img:hover,
.sp-chart-builder-pane .series-icons button:hover {
  background-color: #fff;
  opacity: 1;
}

.sp-chart-builder-pane .series-icons img + img,
.sp-chart-builder-pane .series-icons button + img {
  margin-left: 3px;
}

.sp-chart-builder-pane .series-icons button {
  width: 20px;
  height: 20px;
}

.sp-chart-builder-pane .series-icons .series-icons-div {
  display: inline-block;
  margin-top: -1px;
}

.sp-chart-builder-pane .series-panel .panel-group {
  margin-top: 3px;
}

.sp-chart-builder-pane .series-panel .panel-group .panel {
  border-radius: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
}

.sp-chart-builder-pane .series-panel .panel-heading {
  border-radius: 4px;
  border: solid 1px #e5e7eb;
  padding: 5px 2px;
  background: #eeeff2;
}

.sp-chart-builder-pane .series-panel .panel-heading span:hover {
  text-decoration: none;
}

.sp-chart-builder-pane .series-panel .panel-heading .panel-title {
  font-size: 13px;
  line-height: 1em;
  vertical-align: middle;
}

.sp-chart-builder-pane .series-panel .panel-heading .panel-title .fb-inline {
  vertical-align: middle;
}

.sp-chart-builder-pane .series-panel .panel-heading + .panel-collapse .panel-body {
  border-top: 0 solid #ddd;
}

.sp-chart-builder-pane .series-panel .panel-body {
  padding: 5px 0 10px;
}

.sp-chart-builder-pane .series-panel .rn-series-panel__targetLabel {
  color: #1f2937;
}

.sp-chart-builder-pane .series-panel .rn-series-panel__target + .rn-series-panel__target {
  margin-top: 2px;
}

.sp-chart-builder-pane .series-panel .sp-button-lighten {
  background: #eeeff2;
  border: none;
  border-radius: 4px;
  color: #374151;
  min-height: 24px;
}

.sp-chart-builder-pane .series-panel .sp-button-lighten img {
  display: none;
}

.sp-chart-builder-pane .series-panel .sp-button-lighten::before {
  content: "\f013";
  font-family: "Font Awesome 7 Pro";
}

.sp-chart-builder-pane .series-panel .sp-button-lighten:hover {
  background-color: #e5e7eb;
}

.sp-chart-builder-pane .series-panel .chartSource {
  border: 1px solid #e5e7eb;
}

.sp-chart-builder-pane .series-panel .chartSource .rn-series-panel__chartSourceIconContainer {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

.sp-chart-builder-pane .series-panel .chartSource .rn-series-panel__chartSourceIconContainer img {
  width: 16px;
  height: 16px;
}

.sp-chart-builder-pane .sourceicon {
  cursor: pointer;
}

.sp-chart-builder-pane .itemname {
  white-space: nowrap;
  vertical-align: middle;
}

.sp-chart-builder-pane .series-panel img.agg {
  opacity: 0.5;
}

.sp-Chart-Builder .builder-Edit-Name {
  padding-top: 8px;
  color: #1f2937;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
}

.sp-Chart-Builder .editable-label {
  margin-bottom: -2px;
  vertical-align: middle;
}

.sp-Chart-Builder .editable-label .editable-label-edit-container {
  margin-bottom: -4px;
  margin-top: -4px;
  vertical-align: middle;
}

.sp-Chart-Builder .editable-label .editable-label-edit-container input {
  min-height: inherit;
}

.series-panel .editable-label-readonly-container {
  white-space: nowrap;
}

.series-panel .editable-label-readonly-container .editable-label-readonly-editable {
  white-space: nowrap;
  display: inline-block;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rn-series-panel__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  white-space: nowrap;
}

.rn-series-panel__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.rn-series-panel__namelabel {
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.chartSource .itemicon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-right: 2px !important;
}

.chartSource .itemname {
  display: inline !important;
}

.rn-series-panel__targetsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
}

.rn-series-panel__target {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  -o-flex-flow: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row;
}

.rn-series-panel__targetLabel {
  width: 80px;
  -o-flex-shrink: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  white-space: nowrap;
  vertical-align: top;
  color: #666;
  font-weight: normal;
}

.rn-series-panel__targetLabelContainer {
  text-align: right;
  -o-flex-grow: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
}

.rn-series-panel__chartSourceOuter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  -o-flex-flow: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row;
  margin: 0;
  padding: 0;
  width: 100%;
}

.rn-series-panel__chartSourceInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  -o-flex-flow: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.rn-series-panel__chartSourceNameContainer {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 140px;
}

.rn-series-panel__chartSourceIconContainer {
  width: 20px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.rn-series-panel__chartSourcePropButtonContainer {
  vertical-align: top;
  width: 27px;
  text-align: right;
  padding-left: 2px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.rn-series-panel__dropdownmenu {
  display: none;
  white-space: normal;
}

.series-panel a.accordion-toggle {
  outline: none;
}

.rn-series-panel__suggestions {
  margin-top: 0.8em;
  color: #666;
}

.chart-builder-toolbox {
  background-color: #eeeff2;
  border-right: 1px solid #d1d5db;
  font-family: Roboto, ui-sans-serif, system-ui, Helvetica Neue, Arial, Noto Sans, sans-serif;
}

.chart-builder-toolbox .toolbox-header {
  color: white;
  background-color: #f3347a;
  background-image: url("assets/images/chart_background.png");
}

.chart-builder-toolbox .builder-Section .panel-heading .accordion-toggle {
  background: #f9fafb;
  color: #1f2937;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 14px;
  font-weight: 500;
  font-family: Roboto, ui-sans-serif, system-ui, Helvetica Neue, Arial, Noto Sans, sans-serif;
}

.chart-builder-toolbox .builder-Accordion .panel-group .panel {
  background: transparent;
}

.chart-builder-toolbox .builder-Accordion .panel-group {
  background: transparent;
}

.chart-builder-toolbox .builder-Section .panel-body {
  background: transparent;
  color: #1f2937;
}

.chart-builder-toolbox .builder-Group {
  margin-bottom: 5px;
}

.chart-builder-toolbox .builder-Group .groupname.chart-reportby {
  margin: 0;
  padding: 0 5px;
  color: #1f2937;
  border: none;
}

.chart-builder-toolbox .builder-Group .groupname.chart-reportby .groupname-prefix {
  font-size: 12px;
  font-weight: 500;
}

.chart-builder-toolbox .builder-Group .refresh-sources {
  cursor: pointer;
}

.chart-builder-toolbox .builder-Group .report-name {
  cursor: pointer;
  color: inherit;
  font-size: 12px;
  word-break: initial;
}

.chart-builder-toolbox .builder-Group .report-name + img {
  float: right;
  opacity: 0.7;
  cursor: pointer;
}

.chart-builder-toolbox .builder-Group .report-name + img:hover {
  opacity: 1;
}

.chart-builder-toolbox .builder-Group .group-dnd {
  padding: 10px 5px;
  color: #6b7280;
  font-size: 12px;
  font-style: italic;
}

.chart-builder-toolbox .builder-Group .group-dnd i {
  margin-left: 4px;
  color: #6b7280;
}

.chart-builder-toolbox .builder-Group .groupitems .item {
  background: white;
  padding: 3px 4px;
  border-radius: 4px;
}

.chart-builder-toolbox .builder-Group .groupitems .item::before {
  content: none;
}

.chart-builder-toolbox .builder-Group .groupitems .item .itemname {
  color: #1f2937;
  font-size: 14px;
}

.chart-builder-toolbox .itemicon {
  padding-right: 2px !important;
  vertical-align: middle !important;
}

.chart-builder-toolbox .itemicon img {
  height: 20px;
}

.applicationToolbox h2 {
  font-size: 26px;
  margin-top: 60px;
  font-weight: lighter;
}

.applicationToolbox h5 {
  color: #444;
  margin: 30px 0 0;
  padding-top: 5px;
  border-bottom: 1px solid #ccc;
  display: block;
  height: 30px;
  font-weight: normal;
}

.applicationToolbox .quicklinkArea > div {
  display: inline-block;
  margin: 0 0 40px -3px;
  width: 25%;
  max-width: 400px;
  vertical-align: top;
  font-size: 13px;
}

.applicationToolbox .quicklinkArea .quicklinkHeader {
  font-weight: 500;
  padding: 10px 0 5px;
}

.applicationToolbox .quicklinkArea .quicklinkHeader img {
  margin-right: 5px;
  margin-left: 3px;
}

.applicationToolbox .quicklinkArea ul {
  padding: 0;
  margin-bottom: 0;
  margin-left: 24px;
}

.applicationToolbox .quicklinkArea ul li a {
  display: block;
  padding: 3px;
  cursor: pointer;
  color: #666;
  border-radius: 3px;
}

.applicationToolbox .quicklinkArea ul li a:hover {
  color: #31a89f;
  text-decoration: none;
  background-color: #f6fffe;
}

.applicationToolbox .getting-started-box {
  display: table-cell;
  width: 220px;
  padding: 0 10px;
}

.applicationToolbox .getting-started-box h5 {
  color: #666;
  margin: 30px 0 0;
  padding-top: 5px;
  border-bottom: 1px solid #ccc;
  display: block;
}

.chart-types {
  width: 247px;
  padding: 5px;
}

.chart-types .chart-type {
  background-color: #fafafa;
  display: inline-block;
  border-radius: 3px;
  border: solid 2px transparent;
  margin: 0 1px 1px 0;
}

.chart-types .chart-type:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}

.chart-types .chart-type.selected {
  border-radius: 3px;
  background-color: #fff;
  border: solid 2px #f67c76 !important;
}

.chart-types .chart-type.selected .series-icons img {
  opacity: 1;
}

.sp-new-type-dialog .modal-body.overflowModalBody .field-title {
  word-wrap: break-word;
}

.sp-new-type-dialog .repeater {
  width: auto !important;
}

.sp-new-type-dialog .field-title {
  color: #999;
  font-size: 0.95em;
}

.sp-new-type-dialog .inlineRelPicker input {
  width: 100%;
}

.sp-new-type-dialog .structure-control-header {
  background-color: none;
  border-bottom: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: none;
}

.sp-new-type-dialog .chartType {
  margin-top: 3px;
  width: 100%;
}

.sp-new-type-dialog .chartType > div > div {
  vertical-align: top;
}

.sp-new-type-dialog .chartType .chart-types {
  width: 100%;
  padding: 5px 0;
}

.sp-new-type-dialog .chartType .chart-types .chart-type {
  margin: 0 8px 6px 0;
  border: solid 2px rgba(0, 0, 0, 0.2);
}

.sp-new-type-dialog .chartType label.field-title {
  padding-top: 4px;
}

.sp-new-type-dialog .chartType .inlineRelPicker button {
  margin-left: 3px;
}

.resourceEndpointView {
  position: relative;
  width: 100%;
}

.resourceEndpointView .title-pad {
  margin-top: 2em;
  margin-bottom: 1em;
  max-width: 550px;
}

.resourceEndpointView .val {
  color: darkred;
  font-style: italic;
}

.resourceEndpointView .cell.address-edit {
  white-space: nowrap;
  padding-top: 6px;
}

.resourceEndpointView .address-edit input {
  display: inline-block;
  margin-top: -6px;
}

.resourceEndpointView .address-prefix {
  padding-right: 3px;
}

.resourceEndpointView .table {
  display: table;
  width: auto;
}

.resourceEndpointView .row {
  display: table-row;
}

.resourceEndpointView .cell {
  display: table-cell;
  padding: 0 1em 0 0;
}

.resourceEndpointView table.scrollable {
  display: table;
  border: solid 1px #ccc;
  padding-bottom: 1em;
  width: 100%;
  max-width: 550px;
}

.resourceEndpointView table.scrollable thead {
  border-bottom: solid 1px #ccc;
  background: #eee;
}

.resourceEndpointView table.scrollable thead,
.resourceEndpointView table.scrollable tbody {
  float: left;
  width: 100%;
}

.resourceEndpointView table.scrollable tbody {
  overflow: auto;
  height: 150px;
}

.resourceEndpointView table.scrollable tr {
  width: 100%;
  display: table;
  text-align: left;
}

.resourceEndpointView table.scrollable th,
.resourceEndpointView table.scrollable td {
  width: 33%;
  padding: 3px;
}

.resourceEndpointView h1 {
  margin: 0.8em 0 0.5em 0;
  color: #31a89f;
  border-bottom: solid 1px #91d1cc;
  text-transform: uppercase;
  font-size: 16px !important;
  font-family: Ubuntu;
  white-space: nowrap;
}

.resourceEndpointView .action-panel {
  position: absolute;
  right: -35px;
  left: -35px;
  height: 30px;
  padding-right: 35px;
  padding-bottom: 0;
  text-align: right;
}

.resourceEndpointView .action-panel button {
  width: 30px;
  height: 30px;
  padding: inherit;
  line-height: inherit;
  border: none;
  background-color: transparent;
  border-radius: 0;
}

.resourceEndpointView .action-panel button:hover,
.resourceEndpointView .action-panel button:active {
  color: #2b2b2b;
  text-decoration: none;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  background-color: #f0f0f0;
  border: none;
  outline: none;
  opacity: 1;
}

.resourceEndpointView .action-panel button + button {
  margin-left: -2px;
}

.resourceEndpointView .action-panel button[title="Close"],
.resourceEndpointView .action-panel button[title="Cancel"] {
  width: 35px;
  height: 30px;
  background-color: #f8dcdb;
  border-radius: inherit;
  margin-right: -35px;
}

.resourceEndpointView .action-panel button[title="Close"]:hover,
.resourceEndpointView .action-panel button[title="Cancel"]:hover,
.resourceEndpointView .action-panel button[title="Close"]:active,
.resourceEndpointView .action-panel button[title="Cancel"]:active {
  background-color: #f29590;
  opacity: 1;
}

/* Playing around with some template specific tailwind based css components. */

/* .resourceEndPoint-groupHeading {
    @apply font-bold mb-3 pb-1 text-readinow-green border-0 border-b border-readinow-green border-solid uppercase;
} */

/* .resourceEndPoint-scrollableTable {
    @apply table w-full;
}

.resourceEndPoint-scrollableTable > thead > tr,
.resourceEndPoint-scrollableTable > tbody > tr {
    @apply w-full table;
}

.resourceEndPoint-scrollableTable > thead > tr > th,
.resourceEndPoint-scrollableTable > tbody > tr > td {
    @apply w-1/3 px-1;
}

.resourceEndPoint-scrollableTable > tbody {
    @apply overflow-auto;
} */

.docLibrary-view {
  position: relative;
  height: 100%;
  width: 100%;
}

.docLibrary-view .docLibrary-header {
  position: absolute;
  height: 30px;
  top: 30px;
  width: 100%;
}

.docLibrary-view .docLibrary-content {
  position: absolute;
  top: 90px;
  bottom: 24px;
  width: 100%;
  margin-bottom: 2px;
}

.docLibrary-view .docLibrary-gridStyle {
  position: absolute;
  top: 0;
  bottom: 0;
}

.docLibrary-header-button {
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  height: 28px;
  padding: 0 20px;
  min-width: 35px;
  border: none;
  opacity: 0.7;
  margin: 2px;
  background-color: #31a89f;
  -webkit-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
  white-space: nowrap;
}

.docLibrary-header-button:hover,
.docLibrary-header-button:focus,
.docLibrary-header-button:active {
  opacity: 1;
  outline: none;
}

.docLibrary-header-button img {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.sp-mobile-device .docLibrary-header-button img,
.sp-tablet-device .docLibrary-header-button img {
  margin: 0;
}

.docLibrary-header-button img:focus {
  outline: none;
}

.docLibrary-header-button--back {
  background-color: #444;
}

.hosted-docLibrary-toolbar-container {
  padding-right: 5px;
  position: absolute;
  right: -30px;
  top: 0;
  left: unset;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.editForm {
  height: calc(100% - 4px);
  padding: 0;
  font-size: 13px;
  /* Fields*/
}

.editForm a {
  color: #428bca;
  text-decoration: none;
}

.editForm .form-title {
  font-size: 26px;
  display: block;
  font-weight: lighter;
  padding: 10px 0 15px;
  line-height: initial;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 100px;
}

.editForm .form-title:empty {
  display: none;
}

.editForm .editForm-Action {
  text-align: right;
  float: right;
  margin-top: 10px;
  right: 30px;
  top: 10px;
}

.editForm .editForm-Action button {
  display: inline-block;
  border: none;
  margin-left: 2px;
  color: white;
  background-color: #31a89f;
  border-radius: 13px;
  height: 26px;
  font-size: 13px;
  cursor: pointer;
  padding: 0 15px 2px;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  overflow: hidden;
  margin-bottom: 1px;
}

.editForm .editForm-Action button img {
  vertical-align: middle;
  display: inline-block;
  margin: 0 3px 0 -5px;
  width: 16px;
  height: 16px;
}

.editForm .editForm-Action button span {
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 20px);
}

.editForm .editForm-Action button:hover {
  background-color: #2b948c;
}

.editForm .editForm-Action button:focus {
  outline: none;
}

.editForm .editForm-Action button:disabled {
  pointer-events: none;
  opacity: 0.6;
}

.editForm .editForm-config-panel {
  position: absolute;
  right: 30px;
  top: 0;
  display: inline-block;
  float: right;
  z-index: 1;
  font-size: 0;
  background-color: #1dd000;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}

.editForm .editForm-config-panel .editForm-config-panel-button {
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 12px;
  line-height: 0;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
  background-color: transparent;
}

.editForm .editForm-config-panel .editForm-config-panel-button img {
  margin: -2px !important;
  display: inline-block !important;
}

.editForm .editForm-config-panel .editForm-config-panel-button-light {
  border-radius: 4px;
}

.editForm .editForm-config-panel .editForm-config-panel-button-light:hover {
  margin-top: 0;
  background-color: #1bc100;
}

.editForm .editForm-config-panel .editForm-config-panel-button-light img {
  display: inline-block !important;
}

.editForm .action-panel {
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  padding: 0;
  text-align: right;
  overflow: hidden;
}

.editForm .action-panel .sp-edit-save-cancel-desktop {
  margin-right: 20px;
}

.editForm .action-panel .sp-edit-save-cancel {
  margin-top: 2px;
  margin-bottom: 2px;
  background-color: transparent;
}

.sp-mobile-device .editForm .action-panel .sp-edit-save-cancel,
.sp-tablet-device .editForm .action-panel .sp-edit-save-cancel {
  margin: 0;
}

.editForm .action-panel .sp-edit-save-cancel .edit-save-button {
  margin-left: 1px;
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
}

.editForm .action-panel .sp-edit-save-cancel .spEditSaveCancelBackButton {
  margin-left: 1px;
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  background-color: #444;
}

.editForm .action-panel .sp-edit-save-cancel .spEditSaveCancelEditButton {
  margin-left: 1px;
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  background-color: #0e9c0e;
}

.editForm .action-panel .sp-edit-save-cancel .spEditSaveCancelSaveButton {
  margin-left: 1px;
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  background-color: #0e9c0e;
}

.editForm .action-panel .sp-edit-save-cancel .spEditSaveCancelSavePlusButton {
  margin-left: 1px;
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  background-color: #0e9c0e;
}

.editForm .action-panel .sp-edit-save-cancel .spEditSaveCancelCancelButton {
  margin-left: 1px;
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  background-color: #e95e5e;
}

.editForm .action-panel button {
  background-color: transparent;
  height: 28px;
  padding: 0 20px;
  min-width: 35px;
  border: none;
  opacity: 0.7;
  margin: 0;
  -webkit-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
}

.editForm .action-panel button:hover,
.editForm .action-panel button:focus,
.editForm .action-panel button:active {
  opacity: 1;
  outline: none;
  border: none;
  -webkit-box-shadow: 0 0 0 0 #ccc inset;
          box-shadow: 0 0 0 0 #ccc inset;
  background-color: rgba(0, 0, 0, 0.03);
}

.editForm .action-panel button img {
  margin-right: 4px;
}

.sp-mobile-device .editForm .action-panel button img,
.sp-tablet-device .editForm .action-panel button img {
  margin: 0;
  max-width: initial;
}

.editForm .action-panel button img:focus {
  outline: none;
}

.editForm .action-panel button[title="Back"] {
  width: auto;
}

.editForm .action-panel button + button {
  margin: 0 0 0 -3px;
}

.sp-tablet-device .editForm .action-panel {
  background-color: transparent;
  width: 100%;
  height: 100%;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-tablet-device .editForm .action-panel .sp-edit-save-cancel {
  text-align: center;
  height: 40px;
  vertical-align: middle;
  font-size: 0.85em;
}

.sp-tablet-device .editForm .action-panel .sp-edit-save-cancel img {
  background-color: none !important;
  padding: 0;
  margin: 0 !important;
  opacity: 1;
}

.sp-tablet-device .editForm .action-panel .sp-edit-save-cancel .button-general {
  height: 40px;
  width: 40px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 0;
  opacity: 1;
}

.sp-tablet-device .editForm .action-panel .sp-edit-save-cancel .button-general:hover,
.sp-tablet-device .editForm .action-panel .sp-edit-save-cancel .button-general:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.sp-tablet-device .editForm .action-panel .sp-edit-save-cancel .button-general:focus {
  background-color: transparent;
}

.sp-tablet-device .editForm .action-panel .sp-edit-save-cancel .button-general span,
.sp-tablet-device .editForm .action-panel .sp-edit-save-cancel .button-general img {
  display: none;
}

.sp-tablet-device .editForm .action-panel .sp-edit-save-cancel button {
  height: 40px;
  width: 40px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 0;
  opacity: 1;
  float: right;
}

.sp-tablet-device .editForm .action-panel .sp-edit-save-cancel button:hover,
.sp-tablet-device .editForm .action-panel .sp-edit-save-cancel button:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.sp-tablet-device .editForm .action-panel .sp-edit-save-cancel button:focus {
  background-color: transparent;
}

.sp-tablet-device .editForm .action-panel .sp-edit-save-cancel button span,
.sp-tablet-device .editForm .action-panel .sp-edit-save-cancel button img {
  display: none;
}

.sp-tablet-device .editForm .action-panel .sp-edit-save-cancel button + button {
  margin-right: 0;
}

.sp-tablet-device .editForm .action-panel .sp-edit-save-cancel button[title="Edit"] {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
}

.sp-tablet-device .editForm .action-panel .sp-edit-save-cancel button[title="Save"] {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
}

.sp-tablet-device .editForm .action-panel .sp-edit-save-cancel button[title="Back"] {
  float: left;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
}

.sp-tablet-device .editForm .action-panel .sp-edit-save-cancel button[title="Cancel"] {
  float: left;
  background-color: inherit;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  margin-right: 3px;
}

.sp-tablet-device .editForm .action-panel .sp-edit-save-cancel button[title="Cancel"]:hover,
.sp-tablet-device .editForm .action-panel .sp-edit-save-cancel button[title="Cancel"]:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.sp-tablet-device .editForm button {
  height: 30px;
}

.editForm button [class^="icon-"],
.editForm button [class*=" icon-"] {
  padding: 0;
  margin: 0;
  margin-top: -3px;
}

.editForm .reportDataGridStyle .dataGrid-view .dataGridStyle .ngViewport {
  min-height: 50px !important;
}

.editForm .container-contents {
  height: 100%;
  width: 100%;
}

.editForm .container-contents-implicit {
  padding: 0;
}

.editForm .structure-control-on-form {
  display: inline;
  position: relative;
}

.editForm .repeater-wrapper {
  display: inline;
  height: 100%;
}

.editForm .repeater-wrapper sp-report-render-control,
.editForm .repeater-wrapper sp-chart-render-control,
.editForm .repeater-wrapper sp-form-render-control {
  vertical-align: top;
}

.editForm .repeater-wrapper sp-control-on-form > * {
  vertical-align: top;
}

.sp-mobile-device .editForm .repeater-wrapper sp-control-on-form > * {
  width: 100% !important;
}

.editForm .repeater-wrapper sp-control-on-form > * > div {
  height: 100%;
}

.editForm .repeater-wrapper .horizontalStack-repeater {
  border-bottom: none;
}

.editForm .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control {
  display: inline-block !important;
  min-height: 50px;
  /* containers should be excluded from padding above */
}

.sp-mobile-device .editForm .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control {
  padding-right: 0 !important;
  margin-bottom: 0 !important;
  width: 100% !important;
  height: auto !important;
}

.editForm .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-control-on-form > * {
  padding-right: 5px;
}

.sp-mobile-device .editForm .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-control-on-form > * {
  padding-right: 0;
  width: 100% !important;
}

.sp-tablet-device .editForm .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-control-on-form > * {
  padding-right: 5px;
}

.editForm .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-control-on-form > sp-vertical-stack-container-control,
.editForm .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-tab-container-control,
.editForm .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-report-render-control,
.editForm .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-tab-relationship-render-control,
.editForm .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-header-column-container-control,
.editForm .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-horizontal-stack-container-control {
  padding-right: 0 !important;
  border: none !important;
}

.editForm .repeater {
  padding: 0;
  background-color: transparent !important;
  display: inline;
}

.editForm .repeater .edit-form-title,
.editForm .repeater .edit-form-value {
  padding: 8px 0 2px 0;
}

.editForm .repeater .edit-form-value .imageviewer {
  display: block;
  margin-top: -7px;
}

.editForm .structure-control-header {
  padding: 10px 0 0 0;
  color: #31a89f;
  display: block;
  border-bottom: 1px #31a89f solid;
  word-break: break-all;
  text-transform: uppercase;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 600;
}

.editForm .structure-control-header:empty {
  display: none;
}

.sp-tablet-device .editForm .structure-control-header,
.sp-mobile-device .editForm .structure-control-header {
  padding-top: 7px;
  vertical-align: bottom;
  font-size: 16px !important;
}

.sp-tablet-device .editForm .structure-control-header span,
.sp-mobile-device .editForm .structure-control-header span {
  vertical-align: bottom;
}

.sp-tablet-device .editForm .structure-control-header:empty,
.sp-mobile-device .editForm .structure-control-header:empty {
  height: 40px;
}

.sp-tablet-device .editForm .structure-control-header {
  height: 40px;
}

.sp-mobile-device .editForm .structure-control-header {
  height: auto;
}

.editForm .edit-form-control-container {
  vertical-align: top;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  height: 100%;
}

.sp-tablet-device .editForm .edit-form-control-container {
  display: block;
  padding-right: 0;
  border-bottom: none;
}

.editForm .edit-form-control-container .edit-form-title {
  width: 140px;
  /* form-builder .field-title */
  min-width: 140px;
  vertical-align: top !important;
  color: #888;
  word-break: normal;
  font-size: 12px !important;
  letter-spacing: -0.04em;
}

.sp-tablet-device .editForm .edit-form-control-container .edit-form-title {
  display: block;
  width: 100%;
  padding: 0;
  padding-left: 3px;
}

.editForm .edit-form-control-container .edit-form-title .editable-label-readonly-container {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 130px;
}

.sp-mobile-device .editForm .edit-form-control-container .edit-form-title .editable-label-readonly-container,
.sp-tablet-device .editForm .edit-form-control-container .edit-form-title .editable-label-readonly-container {
  max-width: inherit;
}

.editForm .edit-form-control-container .edit-form-value {
  vertical-align: top;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #000;
}

.sp-tablet-device .editForm .edit-form-control-container .edit-form-value {
  width: 100%;
  padding-left: 3px;
  padding-top: 0;
  max-width: inherit;
}

.editForm .edit-form-control-container .edit-form-value input {
  width: 100%;
  vertical-align: middle;
}

.editForm .edit-form-control-container .edit-form-value input[type="checkbox"] {
  width: auto;
}

.sp-mobile-device .editForm .edit-form-control-container .edit-form-value input[type="checkbox"],
.sp-tablet-device .editForm .edit-form-control-container .edit-form-value input[type="checkbox"] {
  width: 25px;
  height: 25px;
  min-height: inherit !important;
}

.sp-mobile-device .editForm .edit-form-control-container .edit-form-value input[type="checkbox"]:focus,
.sp-tablet-device .editForm .edit-form-control-container .edit-form-value input[type="checkbox"]:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.editForm .edit-form-control-container .edit-form-value input[type="password"][readonly] {
  border: none;
  min-height: 21px;
  background-color: transparent;
}

.editForm .edit-form-control-container .edit-form-value select {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.editForm .edit-form-control-container .edit-form-value .fieldValue {
  margin-top: 0;
  height: 100%;
}

.editForm .inlineRelPicker {
  vertical-align: top;
}

.sp-tablet-device .editForm .inlineRelPicker button.inlineRelPicker-button {
  margin-top: 0;
  height: 100%;
  width: 40px;
}

.editForm .fieldControl .multiLineTextField-text-read > textarea:empty + img {
  display: none;
}

.editForm .fieldControl .expand-textbox:hover,
.editForm .fieldControl .expand-textbox:focus,
.editForm .fieldControl .expand-textbox:active {
  cursor: pointer;
}

.editForm .horizontalStack-repeater {
  vertical-align: top;
}

.sp-mobile-device .editForm .horizontalStack-repeater {
  margin-right: 0;
}

.editForm .multilineRel {
  min-height: inherit;
}

.editForm .tabContainer {
  height: 100%;
  display: inline-block;
}

.editForm .editable-label-suffix {
  font-weight: lighter;
}

.sp-tablet-device .editForm .editable-label-suffix {
  display: none;
}

.editForm-view {
  height: calc(100% - 4px);
  font-size: 13px;
  /* Fields*/
  padding: 0;
}

.editForm-view a {
  color: #428bca;
  text-decoration: none;
}

.editForm-view .form-title {
  font-size: 26px;
  display: block;
  font-weight: lighter;
  padding: 10px 0 15px;
  line-height: initial;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 100px;
}

.editForm-view .form-title:empty {
  display: none;
}

.editForm-view .editForm-Action {
  text-align: right;
  float: right;
  margin-top: 10px;
  right: 30px;
  top: 10px;
}

.editForm-view .editForm-Action button {
  display: inline-block;
  border: none;
  margin-left: 2px;
  color: white;
  background-color: #31a89f;
  border-radius: 13px;
  height: 26px;
  font-size: 13px;
  cursor: pointer;
  padding: 0 15px 2px;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  overflow: hidden;
  margin-bottom: 1px;
}

.editForm-view .editForm-Action button img {
  vertical-align: middle;
  display: inline-block;
  margin: 0 3px 0 -5px;
  width: 16px;
  height: 16px;
}

.editForm-view .editForm-Action button span {
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 20px);
}

.editForm-view .editForm-Action button:hover {
  background-color: #2b948c;
}

.editForm-view .editForm-Action button:focus {
  outline: none;
}

.editForm-view .editForm-Action button:disabled {
  pointer-events: none;
  opacity: 0.6;
}

.editForm-view .editForm-config-panel {
  position: absolute;
  right: 30px;
  top: 0;
  display: inline-block;
  float: right;
  z-index: 1;
  font-size: 0;
  background-color: #1dd000;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}

.editForm-view .editForm-config-panel .editForm-config-panel-button {
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 12px;
  line-height: 0;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
  background-color: transparent;
}

.editForm-view .editForm-config-panel .editForm-config-panel-button img {
  margin: -2px !important;
  display: inline-block !important;
}

.editForm-view .editForm-config-panel .editForm-config-panel-button-light {
  border-radius: 4px;
}

.editForm-view .editForm-config-panel .editForm-config-panel-button-light:hover {
  margin-top: 0;
  background-color: #1bc100;
}

.editForm-view .editForm-config-panel .editForm-config-panel-button-light img {
  display: inline-block !important;
}

.editForm-view .action-panel {
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  padding: 0;
  text-align: right;
  overflow: hidden;
}

.editForm-view .action-panel .sp-edit-save-cancel-desktop {
  margin-right: 20px;
}

.editForm-view .action-panel .sp-edit-save-cancel {
  margin-top: 2px;
  margin-bottom: 2px;
  background-color: transparent;
}

.sp-mobile-device .editForm-view .action-panel .sp-edit-save-cancel,
.sp-tablet-device .editForm-view .action-panel .sp-edit-save-cancel {
  margin: 0;
}

.editForm-view .action-panel .sp-edit-save-cancel .edit-save-button {
  margin-left: 1px;
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
}

.editForm-view .action-panel .sp-edit-save-cancel .spEditSaveCancelBackButton {
  margin-left: 1px;
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  background-color: #444;
}

.editForm-view .action-panel .sp-edit-save-cancel .spEditSaveCancelEditButton {
  margin-left: 1px;
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  background-color: #0e9c0e;
}

.editForm-view .action-panel .sp-edit-save-cancel .spEditSaveCancelSaveButton {
  margin-left: 1px;
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  background-color: #0e9c0e;
}

.editForm-view .action-panel .sp-edit-save-cancel .spEditSaveCancelSavePlusButton {
  margin-left: 1px;
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  background-color: #0e9c0e;
}

.editForm-view .action-panel .sp-edit-save-cancel .spEditSaveCancelCancelButton {
  margin-left: 1px;
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  background-color: #e95e5e;
}

.editForm-view .action-panel button {
  background-color: transparent;
  height: 28px;
  padding: 0 20px;
  min-width: 35px;
  border: none;
  opacity: 0.7;
  margin: 0;
  -webkit-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
}

.editForm-view .action-panel button:hover,
.editForm-view .action-panel button:focus,
.editForm-view .action-panel button:active {
  opacity: 1;
  outline: none;
  border: none;
  -webkit-box-shadow: 0 0 0 0 #ccc inset;
          box-shadow: 0 0 0 0 #ccc inset;
  background-color: rgba(0, 0, 0, 0.03);
}

.editForm-view .action-panel button img {
  margin-right: 4px;
}

.sp-mobile-device .editForm-view .action-panel button img,
.sp-tablet-device .editForm-view .action-panel button img {
  margin: 0;
  max-width: initial;
}

.editForm-view .action-panel button img:focus {
  outline: none;
}

.editForm-view .action-panel button[title="Back"] {
  width: auto;
}

.editForm-view .action-panel button + button {
  margin: 0 0 0 -3px;
}

.sp-tablet-device .editForm-view .action-panel {
  background-color: transparent;
  width: 100%;
  height: 100%;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-tablet-device .editForm-view .action-panel .sp-edit-save-cancel {
  text-align: center;
  height: 40px;
  vertical-align: middle;
  font-size: 0.85em;
}

.sp-tablet-device .editForm-view .action-panel .sp-edit-save-cancel img {
  background-color: none !important;
  padding: 0;
  margin: 0 !important;
  opacity: 1;
}

.sp-tablet-device .editForm-view .action-panel .sp-edit-save-cancel .button-general {
  height: 40px;
  width: 40px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 0;
  opacity: 1;
}

.sp-tablet-device .editForm-view .action-panel .sp-edit-save-cancel .button-general:hover,
.sp-tablet-device .editForm-view .action-panel .sp-edit-save-cancel .button-general:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.sp-tablet-device .editForm-view .action-panel .sp-edit-save-cancel .button-general:focus {
  background-color: transparent;
}

.sp-tablet-device .editForm-view .action-panel .sp-edit-save-cancel .button-general span,
.sp-tablet-device .editForm-view .action-panel .sp-edit-save-cancel .button-general img {
  display: none;
}

.sp-tablet-device .editForm-view .action-panel .sp-edit-save-cancel button {
  height: 40px;
  width: 40px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 0;
  opacity: 1;
  float: right;
}

.sp-tablet-device .editForm-view .action-panel .sp-edit-save-cancel button:hover,
.sp-tablet-device .editForm-view .action-panel .sp-edit-save-cancel button:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.sp-tablet-device .editForm-view .action-panel .sp-edit-save-cancel button:focus {
  background-color: transparent;
}

.sp-tablet-device .editForm-view .action-panel .sp-edit-save-cancel button span,
.sp-tablet-device .editForm-view .action-panel .sp-edit-save-cancel button img {
  display: none;
}

.sp-tablet-device .editForm-view .action-panel .sp-edit-save-cancel button + button {
  margin-right: 0;
}

.sp-tablet-device .editForm-view .action-panel .sp-edit-save-cancel button[title="Edit"] {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
}

.sp-tablet-device .editForm-view .action-panel .sp-edit-save-cancel button[title="Save"] {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
}

.sp-tablet-device .editForm-view .action-panel .sp-edit-save-cancel button[title="Back"] {
  float: left;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
}

.sp-tablet-device .editForm-view .action-panel .sp-edit-save-cancel button[title="Cancel"] {
  float: left;
  background-color: inherit;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  margin-right: 3px;
}

.sp-tablet-device .editForm-view .action-panel .sp-edit-save-cancel button[title="Cancel"]:hover,
.sp-tablet-device .editForm-view .action-panel .sp-edit-save-cancel button[title="Cancel"]:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.sp-tablet-device .editForm-view button {
  height: 30px;
}

.editForm-view button [class^="icon-"],
.editForm-view button [class*=" icon-"] {
  padding: 0;
  margin: 0;
  margin-top: -3px;
}

.editForm-view .reportDataGridStyle .dataGrid-view .dataGridStyle .ngViewport {
  min-height: 50px !important;
}

.editForm-view .container-contents {
  height: 100%;
  width: 100%;
}

.editForm-view .container-contents-implicit {
  padding: 0;
}

.editForm-view .structure-control-on-form {
  display: inline;
  position: relative;
}

.editForm-view .repeater-wrapper {
  display: inline;
  height: 100%;
}

.editForm-view .repeater-wrapper sp-report-render-control,
.editForm-view .repeater-wrapper sp-chart-render-control,
.editForm-view .repeater-wrapper sp-form-render-control {
  vertical-align: top;
}

.editForm-view .repeater-wrapper sp-control-on-form > * {
  vertical-align: top;
}

.sp-mobile-device .editForm-view .repeater-wrapper sp-control-on-form > * {
  width: 100% !important;
}

.editForm-view .repeater-wrapper sp-control-on-form > * > div {
  height: 100%;
}

.editForm-view .repeater-wrapper .horizontalStack-repeater {
  border-bottom: none;
}

.editForm-view .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control {
  display: inline-block !important;
  min-height: 50px;
  /* containers should be excluded from padding above */
}

.sp-mobile-device .editForm-view .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control {
  padding-right: 0 !important;
  margin-bottom: 0 !important;
  width: 100% !important;
  height: auto !important;
}

.editForm-view .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-control-on-form > * {
  padding-right: 5px;
}

.sp-mobile-device .editForm-view .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-control-on-form > * {
  padding-right: 0;
  width: 100% !important;
}

.sp-tablet-device .editForm-view .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-control-on-form > * {
  padding-right: 5px;
}

.editForm-view .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-control-on-form > sp-vertical-stack-container-control,
.editForm-view .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-tab-container-control,
.editForm-view .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-report-render-control,
.editForm-view .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-tab-relationship-render-control,
.editForm-view .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-header-column-container-control,
.editForm-view .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-horizontal-stack-container-control {
  padding-right: 0 !important;
  border: none !important;
}

.editForm-view .repeater {
  padding: 0;
  background-color: transparent !important;
  display: inline;
}

.editForm-view .repeater .edit-form-title,
.editForm-view .repeater .edit-form-value {
  padding: 8px 0 2px 0;
}

.editForm-view .repeater .edit-form-value .imageviewer {
  display: block;
  margin-top: -7px;
}

.editForm-view .structure-control-header {
  padding: 10px 0 0 0;
  color: #31a89f;
  display: block;
  border-bottom: 1px #31a89f solid;
  word-break: break-all;
  text-transform: uppercase;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 600;
}

.editForm-view .structure-control-header:empty {
  display: none;
}

.sp-tablet-device .editForm-view .structure-control-header,
.sp-mobile-device .editForm-view .structure-control-header {
  padding-top: 7px;
  vertical-align: bottom;
  font-size: 16px !important;
}

.sp-tablet-device .editForm-view .structure-control-header span,
.sp-mobile-device .editForm-view .structure-control-header span {
  vertical-align: bottom;
}

.sp-tablet-device .editForm-view .structure-control-header:empty,
.sp-mobile-device .editForm-view .structure-control-header:empty {
  height: 40px;
}

.sp-tablet-device .editForm-view .structure-control-header {
  height: 40px;
}

.sp-mobile-device .editForm-view .structure-control-header {
  height: auto;
}

.editForm-view .edit-form-control-container {
  vertical-align: top;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  height: 100%;
}

.sp-tablet-device .editForm-view .edit-form-control-container {
  display: block;
  padding-right: 0;
  border-bottom: none;
}

.editForm-view .edit-form-control-container .edit-form-title {
  width: 140px;
  /* form-builder .field-title */
  min-width: 140px;
  vertical-align: top !important;
  color: #888;
  word-break: normal;
  font-size: 12px !important;
  letter-spacing: -0.04em;
}

.sp-tablet-device .editForm-view .edit-form-control-container .edit-form-title {
  display: block;
  width: 100%;
  padding: 0;
  padding-left: 3px;
}

.editForm-view .edit-form-control-container .edit-form-title .editable-label-readonly-container {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 130px;
}

.sp-mobile-device .editForm-view .edit-form-control-container .edit-form-title .editable-label-readonly-container,
.sp-tablet-device .editForm-view .edit-form-control-container .edit-form-title .editable-label-readonly-container {
  max-width: inherit;
}

.editForm-view .edit-form-control-container .edit-form-value {
  vertical-align: top;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #000;
}

.sp-tablet-device .editForm-view .edit-form-control-container .edit-form-value {
  width: 100%;
  padding-left: 3px;
  padding-top: 0;
  max-width: inherit;
}

.editForm-view .edit-form-control-container .edit-form-value input {
  width: 100%;
  vertical-align: middle;
}

.editForm-view .edit-form-control-container .edit-form-value input[type="checkbox"] {
  width: auto;
}

.sp-mobile-device .editForm-view .edit-form-control-container .edit-form-value input[type="checkbox"],
.sp-tablet-device .editForm-view .edit-form-control-container .edit-form-value input[type="checkbox"] {
  width: 25px;
  height: 25px;
  min-height: inherit !important;
}

.sp-mobile-device .editForm-view .edit-form-control-container .edit-form-value input[type="checkbox"]:focus,
.sp-tablet-device .editForm-view .edit-form-control-container .edit-form-value input[type="checkbox"]:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.editForm-view .edit-form-control-container .edit-form-value input[type="password"][readonly] {
  border: none;
  min-height: 21px;
  background-color: transparent;
}

.editForm-view .edit-form-control-container .edit-form-value select {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.editForm-view .edit-form-control-container .edit-form-value .fieldValue {
  margin-top: 0;
  height: 100%;
}

.editForm-view .inlineRelPicker {
  vertical-align: top;
}

.sp-tablet-device .editForm-view .inlineRelPicker button.inlineRelPicker-button {
  margin-top: 0;
  height: 100%;
  width: 40px;
}

.editForm-view .fieldControl .multiLineTextField-text-read > textarea:empty + img {
  display: none;
}

.editForm-view .fieldControl .expand-textbox:hover,
.editForm-view .fieldControl .expand-textbox:focus,
.editForm-view .fieldControl .expand-textbox:active {
  cursor: pointer;
}

.editForm-view .horizontalStack-repeater {
  vertical-align: top;
}

.sp-mobile-device .editForm-view .horizontalStack-repeater {
  margin-right: 0;
}

.editForm-view .multilineRel {
  min-height: inherit;
}

.editForm-view .tabContainer {
  height: 100%;
  display: inline-block;
}

.editForm-view .editable-label-suffix {
  font-weight: lighter;
}

.sp-tablet-device .editForm-view .editable-label-suffix {
  display: none;
}

.editForm-view .relControl {
  min-width: 10em;
  min-height: 1em;
  word-break: break-all;
  white-space: nowrap;
}

.sp-mobile-device .editForm-view .relControl .edit-form-control-container .edit-form-value {
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.editForm-view .relControl .edit-form-control-container .edit-form-value > div {
  overflow: hidden;
  text-overflow: ellipsis;
}

.editForm-view .edit-form-control-container .edit-form-value input {
  margin-top: -7px;
}

.editForm-view .edit-form-control-container .edit-form-value input[type="checkbox"] {
  margin-top: -3px;
}

.editForm-view .edit-form-control-container .edit-form-value .image-uploader input {
  margin-top: 0;
}

.editForm-edit .css-form input.ng-invalid,
.editForm-edit .css-form textarea.ng-invalid {
  background-color: #fee;
  border: 1px solid #e49292;
}

.editForm-edit .css-form input.ng-valid.ng-dirty,
.editForm-edit .css-form textarea.ng-valid.ng-dirty {
  background-color: #d9f2ff;
  border: 1px solid #a0c5e8;
}

.editForm-edit .auto-number {
  vertical-align: middle;
  margin-left: 2px;
  display: inline-block;
  margin-top: 5px;
}

.editForm-edit .edit-form-control-container .edit-form-value {
  padding: 0;
  padding-top: 3px;
  overflow: visible;
}

.screen .editForm-edit .edit-form-control-container .edit-form-value {
  padding: 3px 0 0;
}

.sp-mobile-device .editForm-edit .edit-form-control-container .edit-form-value sp-time-control,
.sp-mobile-device .editForm-edit .edit-form-control-container .edit-form-value sp-date-control,
.sp-tablet-device .editForm-edit .edit-form-control-container .edit-form-value sp-time-control,
.sp-tablet-device .editForm-edit .edit-form-control-container .edit-form-value sp-date-control {
  width: 100%;
}

.editForm-edit .edit-form-control-container .edit-form-value sp-date-and-time-control span {
  width: auto !important;
}

.editForm-edit .edit-form-control-container .edit-form-value sp-date-and-time-control sp-time-control,
.editForm-edit .edit-form-control-container .edit-form-value sp-date-and-time-control sp-date-control {
  width: 120px !important;
}

.editForm-edit .edit-form-control-container .edit-form-value .entityCheckBoxPickerContainer > .entityCheckBoxPicker-item {
  margin-bottom: 12px;
}

.editForm-edit .edit-form-control-container .edit-form-value .entityCheckBoxPickerContainer > .entityCheckBoxPicker-item:last-child {
  margin-bottom: 9px;
}

.editForm-edit .edit-form-control-container .edit-form-value .sp-decimal-control > span.prefix:empty,
.editForm-edit .edit-form-control-container .edit-form-value .sp-number-control > span.prefix:empty {
  display: none;
}

.editForm-edit .edit-form-control-container .edit-form-value .fieldValue,
.editForm-edit .edit-form-control-container .edit-form-value .multiLineTextField-read,
.editForm-edit .edit-form-control-container .edit-form-value .currency-read {
  display: inline-block;
  margin-top: 5px;
}

.editForm-edit .edit-form-control-container .edit-form-value > span.relControl {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.editForm-edit .edit-form-control-container .edit-form-value .imageviewer {
  margin-top: -1px;
  display: block;
}

.editForm-design {
  height: calc(100% - 4px);
  font-size: 13px;
  /* Fields*/
  padding: 0;
  height: 100%;
}

.editForm-design a {
  color: #428bca;
  text-decoration: none;
}

.editForm-design .form-title {
  font-size: 26px;
  display: block;
  font-weight: lighter;
  padding: 10px 0 15px;
  line-height: initial;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 100px;
}

.editForm-design .form-title:empty {
  display: none;
}

.editForm-design .editForm-Action {
  text-align: right;
  float: right;
  margin-top: 10px;
  right: 30px;
  top: 10px;
}

.editForm-design .editForm-Action button {
  display: inline-block;
  border: none;
  margin-left: 2px;
  color: white;
  background-color: #31a89f;
  border-radius: 13px;
  height: 26px;
  font-size: 13px;
  cursor: pointer;
  padding: 0 15px 2px;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  overflow: hidden;
  margin-bottom: 1px;
}

.editForm-design .editForm-Action button img {
  vertical-align: middle;
  display: inline-block;
  margin: 0 3px 0 -5px;
  width: 16px;
  height: 16px;
}

.editForm-design .editForm-Action button span {
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 20px);
}

.editForm-design .editForm-Action button:hover {
  background-color: #2b948c;
}

.editForm-design .editForm-Action button:focus {
  outline: none;
}

.editForm-design .editForm-Action button:disabled {
  pointer-events: none;
  opacity: 0.6;
}

.editForm-design .editForm-config-panel {
  position: absolute;
  right: 30px;
  top: 0;
  display: inline-block;
  float: right;
  z-index: 1;
  font-size: 0;
  background-color: #1dd000;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}

.editForm-design .editForm-config-panel .editForm-config-panel-button {
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 12px;
  line-height: 0;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
  background-color: transparent;
}

.editForm-design .editForm-config-panel .editForm-config-panel-button img {
  margin: -2px !important;
  display: inline-block !important;
}

.editForm-design .editForm-config-panel .editForm-config-panel-button-light {
  border-radius: 4px;
}

.editForm-design .editForm-config-panel .editForm-config-panel-button-light:hover {
  margin-top: 0;
  background-color: #1bc100;
}

.editForm-design .editForm-config-panel .editForm-config-panel-button-light img {
  display: inline-block !important;
}

.editForm-design .action-panel {
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  padding: 0;
  text-align: right;
  overflow: hidden;
}

.editForm-design .action-panel .sp-edit-save-cancel-desktop {
  margin-right: 20px;
}

.editForm-design .action-panel .sp-edit-save-cancel {
  margin-top: 2px;
  margin-bottom: 2px;
  background-color: transparent;
}

.sp-mobile-device .editForm-design .action-panel .sp-edit-save-cancel,
.sp-tablet-device .editForm-design .action-panel .sp-edit-save-cancel {
  margin: 0;
}

.editForm-design .action-panel .sp-edit-save-cancel .edit-save-button {
  margin-left: 1px;
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
}

.editForm-design .action-panel .sp-edit-save-cancel .spEditSaveCancelBackButton {
  margin-left: 1px;
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  background-color: #444;
}

.editForm-design .action-panel .sp-edit-save-cancel .spEditSaveCancelEditButton {
  margin-left: 1px;
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  background-color: #0e9c0e;
}

.editForm-design .action-panel .sp-edit-save-cancel .spEditSaveCancelSaveButton {
  margin-left: 1px;
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  background-color: #0e9c0e;
}

.editForm-design .action-panel .sp-edit-save-cancel .spEditSaveCancelSavePlusButton {
  margin-left: 1px;
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  background-color: #0e9c0e;
}

.editForm-design .action-panel .sp-edit-save-cancel .spEditSaveCancelCancelButton {
  margin-left: 1px;
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  background-color: #e95e5e;
}

.editForm-design .action-panel button {
  background-color: transparent;
  height: 28px;
  padding: 0 20px;
  min-width: 35px;
  border: none;
  opacity: 0.7;
  margin: 0;
  -webkit-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
}

.editForm-design .action-panel button:hover,
.editForm-design .action-panel button:focus,
.editForm-design .action-panel button:active {
  opacity: 1;
  outline: none;
  border: none;
  -webkit-box-shadow: 0 0 0 0 #ccc inset;
          box-shadow: 0 0 0 0 #ccc inset;
  background-color: rgba(0, 0, 0, 0.03);
}

.editForm-design .action-panel button img {
  margin-right: 4px;
}

.sp-mobile-device .editForm-design .action-panel button img,
.sp-tablet-device .editForm-design .action-panel button img {
  margin: 0;
  max-width: initial;
}

.editForm-design .action-panel button img:focus {
  outline: none;
}

.editForm-design .action-panel button[title="Back"] {
  width: auto;
}

.editForm-design .action-panel button + button {
  margin: 0 0 0 -3px;
}

.sp-tablet-device .editForm-design .action-panel {
  background-color: transparent;
  width: 100%;
  height: 100%;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-tablet-device .editForm-design .action-panel .sp-edit-save-cancel {
  text-align: center;
  height: 40px;
  vertical-align: middle;
  font-size: 0.85em;
}

.sp-tablet-device .editForm-design .action-panel .sp-edit-save-cancel img {
  background-color: none !important;
  padding: 0;
  margin: 0 !important;
  opacity: 1;
}

.sp-tablet-device .editForm-design .action-panel .sp-edit-save-cancel .button-general {
  height: 40px;
  width: 40px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 0;
  opacity: 1;
}

.sp-tablet-device .editForm-design .action-panel .sp-edit-save-cancel .button-general:hover,
.sp-tablet-device .editForm-design .action-panel .sp-edit-save-cancel .button-general:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.sp-tablet-device .editForm-design .action-panel .sp-edit-save-cancel .button-general:focus {
  background-color: transparent;
}

.sp-tablet-device .editForm-design .action-panel .sp-edit-save-cancel .button-general span,
.sp-tablet-device .editForm-design .action-panel .sp-edit-save-cancel .button-general img {
  display: none;
}

.sp-tablet-device .editForm-design .action-panel .sp-edit-save-cancel button {
  height: 40px;
  width: 40px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 0;
  opacity: 1;
  float: right;
}

.sp-tablet-device .editForm-design .action-panel .sp-edit-save-cancel button:hover,
.sp-tablet-device .editForm-design .action-panel .sp-edit-save-cancel button:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.sp-tablet-device .editForm-design .action-panel .sp-edit-save-cancel button:focus {
  background-color: transparent;
}

.sp-tablet-device .editForm-design .action-panel .sp-edit-save-cancel button span,
.sp-tablet-device .editForm-design .action-panel .sp-edit-save-cancel button img {
  display: none;
}

.sp-tablet-device .editForm-design .action-panel .sp-edit-save-cancel button + button {
  margin-right: 0;
}

.sp-tablet-device .editForm-design .action-panel .sp-edit-save-cancel button[title="Edit"] {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
}

.sp-tablet-device .editForm-design .action-panel .sp-edit-save-cancel button[title="Save"] {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
}

.sp-tablet-device .editForm-design .action-panel .sp-edit-save-cancel button[title="Back"] {
  float: left;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
}

.sp-tablet-device .editForm-design .action-panel .sp-edit-save-cancel button[title="Cancel"] {
  float: left;
  background-color: inherit;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  margin-right: 3px;
}

.sp-tablet-device .editForm-design .action-panel .sp-edit-save-cancel button[title="Cancel"]:hover,
.sp-tablet-device .editForm-design .action-panel .sp-edit-save-cancel button[title="Cancel"]:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.sp-tablet-device .editForm-design button {
  height: 30px;
}

.editForm-design button [class^="icon-"],
.editForm-design button [class*=" icon-"] {
  padding: 0;
  margin: 0;
  margin-top: -3px;
}

.editForm-design .reportDataGridStyle .dataGrid-view .dataGridStyle .ngViewport {
  min-height: 50px !important;
}

.editForm-design .container-contents {
  height: 100%;
  width: 100%;
}

.editForm-design .container-contents-implicit {
  padding: 0;
}

.editForm-design .structure-control-on-form {
  display: inline;
  position: relative;
}

.editForm-design .repeater-wrapper {
  display: inline;
  height: 100%;
}

.editForm-design .repeater-wrapper sp-report-render-control,
.editForm-design .repeater-wrapper sp-chart-render-control,
.editForm-design .repeater-wrapper sp-form-render-control {
  vertical-align: top;
}

.editForm-design .repeater-wrapper sp-control-on-form > * {
  vertical-align: top;
}

.sp-mobile-device .editForm-design .repeater-wrapper sp-control-on-form > * {
  width: 100% !important;
}

.editForm-design .repeater-wrapper sp-control-on-form > * > div {
  height: 100%;
}

.editForm-design .repeater-wrapper .horizontalStack-repeater {
  border-bottom: none;
}

.editForm-design .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control {
  display: inline-block !important;
  min-height: 50px;
  /* containers should be excluded from padding above */
}

.sp-mobile-device .editForm-design .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control {
  padding-right: 0 !important;
  margin-bottom: 0 !important;
  width: 100% !important;
  height: auto !important;
}

.editForm-design .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-control-on-form > * {
  padding-right: 5px;
}

.sp-mobile-device .editForm-design .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-control-on-form > * {
  padding-right: 0;
  width: 100% !important;
}

.sp-tablet-device .editForm-design .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-control-on-form > * {
  padding-right: 5px;
}

.editForm-design .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-control-on-form > sp-vertical-stack-container-control,
.editForm-design .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-tab-container-control,
.editForm-design .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-report-render-control,
.editForm-design .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-tab-relationship-render-control,
.editForm-design .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-header-column-container-control,
.editForm-design .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-horizontal-stack-container-control {
  padding-right: 0 !important;
  border: none !important;
}

.editForm-design .repeater {
  padding: 0;
  background-color: transparent !important;
  display: inline;
}

.editForm-design .repeater .edit-form-title,
.editForm-design .repeater .edit-form-value {
  padding: 8px 0 2px 0;
}

.editForm-design .repeater .edit-form-value .imageviewer {
  display: block;
  margin-top: -7px;
}

.editForm-design .structure-control-header {
  padding: 10px 0 0 0;
  color: #31a89f;
  display: block;
  border-bottom: 1px #31a89f solid;
  word-break: break-all;
  text-transform: uppercase;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 600;
}

.editForm-design .structure-control-header:empty {
  display: none;
}

.sp-tablet-device .editForm-design .structure-control-header,
.sp-mobile-device .editForm-design .structure-control-header {
  padding-top: 7px;
  vertical-align: bottom;
  font-size: 16px !important;
}

.sp-tablet-device .editForm-design .structure-control-header span,
.sp-mobile-device .editForm-design .structure-control-header span {
  vertical-align: bottom;
}

.sp-tablet-device .editForm-design .structure-control-header:empty,
.sp-mobile-device .editForm-design .structure-control-header:empty {
  height: 40px;
}

.sp-tablet-device .editForm-design .structure-control-header {
  height: 40px;
}

.sp-mobile-device .editForm-design .structure-control-header {
  height: auto;
}

.editForm-design .edit-form-control-container {
  vertical-align: top;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  height: 100%;
}

.sp-tablet-device .editForm-design .edit-form-control-container {
  display: block;
  padding-right: 0;
  border-bottom: none;
}

.editForm-design .edit-form-control-container .edit-form-title {
  width: 140px;
  /* form-builder .field-title */
  min-width: 140px;
  vertical-align: top !important;
  color: #888;
  word-break: normal;
  font-size: 12px !important;
  letter-spacing: -0.04em;
}

.sp-tablet-device .editForm-design .edit-form-control-container .edit-form-title {
  display: block;
  width: 100%;
  padding: 0;
  padding-left: 3px;
}

.editForm-design .edit-form-control-container .edit-form-title .editable-label-readonly-container {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 130px;
}

.sp-mobile-device .editForm-design .edit-form-control-container .edit-form-title .editable-label-readonly-container,
.sp-tablet-device .editForm-design .edit-form-control-container .edit-form-title .editable-label-readonly-container {
  max-width: inherit;
}

.editForm-design .edit-form-control-container .edit-form-value {
  vertical-align: top;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #000;
}

.sp-tablet-device .editForm-design .edit-form-control-container .edit-form-value {
  width: 100%;
  padding-left: 3px;
  padding-top: 0;
  max-width: inherit;
}

.editForm-design .edit-form-control-container .edit-form-value input {
  width: 100%;
  vertical-align: middle;
}

.editForm-design .edit-form-control-container .edit-form-value input[type="checkbox"] {
  width: auto;
}

.sp-mobile-device .editForm-design .edit-form-control-container .edit-form-value input[type="checkbox"],
.sp-tablet-device .editForm-design .edit-form-control-container .edit-form-value input[type="checkbox"] {
  width: 25px;
  height: 25px;
  min-height: inherit !important;
}

.sp-mobile-device .editForm-design .edit-form-control-container .edit-form-value input[type="checkbox"]:focus,
.sp-tablet-device .editForm-design .edit-form-control-container .edit-form-value input[type="checkbox"]:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.editForm-design .edit-form-control-container .edit-form-value input[type="password"][readonly] {
  border: none;
  min-height: 21px;
  background-color: transparent;
}

.editForm-design .edit-form-control-container .edit-form-value select {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.editForm-design .edit-form-control-container .edit-form-value .fieldValue {
  margin-top: 0;
  height: 100%;
}

.editForm-design .inlineRelPicker {
  vertical-align: top;
}

.sp-tablet-device .editForm-design .inlineRelPicker button.inlineRelPicker-button {
  margin-top: 0;
  height: 100%;
  width: 40px;
}

.editForm-design .fieldControl .multiLineTextField-text-read > textarea:empty + img {
  display: none;
}

.editForm-design .fieldControl .expand-textbox:hover,
.editForm-design .fieldControl .expand-textbox:focus,
.editForm-design .fieldControl .expand-textbox:active {
  cursor: pointer;
}

.editForm-design .horizontalStack-repeater {
  vertical-align: top;
}

.sp-mobile-device .editForm-design .horizontalStack-repeater {
  margin-right: 0;
}

.editForm-design .multilineRel {
  min-height: inherit;
}

.editForm-design .tabContainer {
  height: 100%;
  display: inline-block;
}

.editForm-design .editable-label-suffix {
  font-weight: lighter;
}

.sp-tablet-device .editForm-design .editable-label-suffix {
  display: none;
}

.editForm-design .relControl {
  min-width: 10em;
  min-height: 1em;
  word-break: break-all;
  white-space: nowrap;
}

.sp-mobile-device .editForm-design .relControl .edit-form-control-container .edit-form-value {
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.editForm-design .relControl .edit-form-control-container .edit-form-value > div {
  overflow: hidden;
  text-overflow: ellipsis;
}

.editForm-design .edit-form-control-container .edit-form-value input {
  margin-top: -7px;
}

.editForm-design .edit-form-control-container .edit-form-value input[type="checkbox"] {
  margin-top: -3px;
}

.editForm-design .edit-form-control-container .edit-form-value .image-uploader input {
  margin-top: 0;
}

.editForm-design .editForm-design_top {
  margin-bottom: 10px;
  clear: both;
  text-align: right;
}

.editForm-design .editForm-design_top button {
  height: 26px;
}

.editForm-design .resizing {
  background: radial-gradient(rgba(255, 255, 255, 0), #ffffff), url(data:image/gif;base64,R0lGODlhFAAUAIAAAMDAwP///yH5BAEAAAEALAAAAAAUABQAAAImhI+pwe3vAJxQ0hssnnq/7jVgmJGfGaGiyoyh68GbjNGXTeEcGxQAOw==);
}

.editForm-design .drag-drop {
  border: 3px solid green;
  z-index: 4;
}

.editForm-design .drag-handle {
  position: absolute;
  right: 1em;
  cursor: move;
  z-index: 2;
  width: 1.5em;
  height: 1.5em;
}

.editForm-design .configButton {
  position: absolute;
  right: 2.5em;
  z-index: 2;
  width: 1.5em;
  height: 1.5em;
}

.editForm-design .adornment-transclude {
  overflow: visible;
  height: 100%;
}

.editForm-design .adornment {
  height: 100%;
  position: relative;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  padding: 0.5em;
}

.editForm-design .adornment .adornment-content {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  opacity: 0;
  z-index: 1000;
  overflow: visible;
  margin-right: 3px;
  -webkit-transition: opacity 0.25s ease-in;
  transition: opacity 0.25s ease-in;
}

.editForm-design .adornment .adornment-content .adornment-icon {
  display: inline-block;
}

.editForm-design .adornment label {
  cursor: move;
}

.editForm-design .adornment .ui-resizable-handle {
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in;
  transition: opacity 0.25s ease-in;
}

.editForm-design .adornment:hover .adornment-content .ui-resizable-handle {
  -webkit-transition: opacity 0.25s ease-in;
  transition: opacity 0.25s ease-in;
}

.editForm-design .selected-adornment {
  background-color: whiteSmoke;
  cursor: move;
}

.editForm-design .structure-control-on-form-design {
  display: inline;
  position: relative;
}

.editForm-design .structure-control-on-form-design .ui-resizable-e {
  right: 0;
}

.editForm-design .structure-control-on-form-design .ui-resizable-s {
  bottom: 0;
}

.editForm-design .structure-control-on-form-design .verticalStackDesign-repeater {
  display: block;
  padding-bottom: 0;
}

.editForm-design .structure-control-on-form-design .verticalStackDesign-repeater .adornment {
  border-bottom: 1px dotted #ccc;
}

.editForm-design .structure-control-on-form-design .verticalStackDesign-repeater .adornment .adornment-icon-parent {
  margin-right: 16px;
}

.editForm-design .structure-control-on-form-design .verticalStackDesign-repeater input[type="checkbox"] {
  margin: 0;
  padding: 0;
  min-height: inherit;
}

.editForm-design .vertical-stack-container-control-design {
  display: inline;
  position: relative;
}

.editForm-design .vertical-stack-container-control-design .ui-resizable-e {
  right: 0;
}

.editForm-design .vertical-stack-container-control-design .ui-resizable-s {
  bottom: 0;
}

.editForm-design .vertical-stack-container-control-design .verticalStackDesign-repeater {
  display: block;
  padding-bottom: 0;
}

.editForm-design .vertical-stack-container-control-design .verticalStackDesign-repeater .adornment {
  border-bottom: 1px dotted #ccc;
}

.editForm-design .vertical-stack-container-control-design .verticalStackDesign-repeater .adornment .adornment-icon-parent {
  margin-right: 16px;
}

.editForm-design .vertical-stack-container-control-design .verticalStackDesign-repeater input[type="checkbox"] {
  margin: 0;
  padding: 0;
  min-height: inherit;
}

.editForm-design .horizontal-stack-container-control-design {
  display: inline;
  position: relative;
}

.editForm-design .horizontal-stack-container-control-design .ui-resizable-e {
  right: 0;
}

.editForm-design .horizontal-stack-container-control-design .ui-resizable-s {
  bottom: 0;
}

.editForm-design .horizontal-stack-container-control-design .verticalStackDesign-repeater {
  display: block;
  padding-bottom: 0;
}

.editForm-design .horizontal-stack-container-control-design .verticalStackDesign-repeater .adornment {
  border-bottom: 1px dotted #ccc;
}

.editForm-design .horizontal-stack-container-control-design .verticalStackDesign-repeater .adornment .adornment-icon-parent {
  margin-right: 16px;
}

.editForm-design .horizontal-stack-container-control-design .verticalStackDesign-repeater input[type="checkbox"] {
  margin: 0;
  padding: 0;
  min-height: inherit;
}

.tabInsertionIndicatorLine {
  border-radius: 4px;
  opacity: 0.75;
  position: absolute;
  z-index: 5000;
  background-color: #58adbc;
  border: none;
}

.editForm-modal .css-form input.ng-invalid,
.editForm-modal .css-form textarea.ng-invalid {
  background-color: #fee;
  border: 1px solid #e49292;
}

.editForm-modal .css-form input.ng-valid.ng-dirty,
.editForm-modal .css-form textarea.ng-valid.ng-dirty {
  background-color: #d9f2ff;
  border: 1px solid #a0c5e8;
}

.editForm-modal .auto-number {
  vertical-align: middle;
  margin-left: 2px;
  display: inline-block;
  margin-top: 5px;
}

.editForm-modal .edit-form-control-container .edit-form-value {
  padding: 0;
  padding-top: 3px;
  overflow: visible;
}

.screen .editForm-modal .edit-form-control-container .edit-form-value {
  padding: 3px 0 0;
}

.sp-mobile-device .editForm-modal .edit-form-control-container .edit-form-value sp-time-control,
.sp-mobile-device .editForm-modal .edit-form-control-container .edit-form-value sp-date-control,
.sp-tablet-device .editForm-modal .edit-form-control-container .edit-form-value sp-time-control,
.sp-tablet-device .editForm-modal .edit-form-control-container .edit-form-value sp-date-control {
  width: 100%;
}

.editForm-modal .edit-form-control-container .edit-form-value sp-date-and-time-control span {
  width: auto !important;
}

.editForm-modal .edit-form-control-container .edit-form-value sp-date-and-time-control sp-time-control,
.editForm-modal .edit-form-control-container .edit-form-value sp-date-and-time-control sp-date-control {
  width: 120px !important;
}

.editForm-modal .edit-form-control-container .edit-form-value .entityCheckBoxPickerContainer > .entityCheckBoxPicker-item {
  margin-bottom: 12px;
}

.editForm-modal .edit-form-control-container .edit-form-value .entityCheckBoxPickerContainer > .entityCheckBoxPicker-item:last-child {
  margin-bottom: 9px;
}

.editForm-modal .edit-form-control-container .edit-form-value .sp-decimal-control > span.prefix:empty,
.editForm-modal .edit-form-control-container .edit-form-value .sp-number-control > span.prefix:empty {
  display: none;
}

.editForm-modal .edit-form-control-container .edit-form-value .fieldValue,
.editForm-modal .edit-form-control-container .edit-form-value .multiLineTextField-read,
.editForm-modal .edit-form-control-container .edit-form-value .currency-read {
  display: inline-block;
  margin-top: 5px;
}

.editForm-modal .edit-form-control-container .edit-form-value > span.relControl {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.editForm-modal .edit-form-control-container .edit-form-value .imageviewer {
  margin-top: -1px;
  display: block;
}

.screen {
  height: calc(100% - 4px);
  font-size: 13px;
  /* Fields*/
  padding: 0;
  margin-right: -30px;
  width: 100%;
}

.screen a {
  color: #428bca;
  text-decoration: none;
}

.screen .form-title {
  font-size: 26px;
  display: block;
  font-weight: lighter;
  padding: 10px 0 15px;
  line-height: initial;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 100px;
}

.screen .form-title:empty {
  display: none;
}

.screen .editForm-Action {
  text-align: right;
  float: right;
  margin-top: 10px;
  right: 30px;
  top: 10px;
}

.screen .editForm-Action button {
  display: inline-block;
  border: none;
  margin-left: 2px;
  color: white;
  background-color: #31a89f;
  border-radius: 13px;
  height: 26px;
  font-size: 13px;
  cursor: pointer;
  padding: 0 15px 2px;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  overflow: hidden;
  margin-bottom: 1px;
}

.screen .editForm-Action button img {
  vertical-align: middle;
  display: inline-block;
  margin: 0 3px 0 -5px;
  width: 16px;
  height: 16px;
}

.screen .editForm-Action button span {
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 20px);
}

.screen .editForm-Action button:hover {
  background-color: #2b948c;
}

.screen .editForm-Action button:focus {
  outline: none;
}

.screen .editForm-Action button:disabled {
  pointer-events: none;
  opacity: 0.6;
}

.screen .editForm-config-panel {
  position: absolute;
  right: 30px;
  top: 0;
  display: inline-block;
  float: right;
  z-index: 1;
  font-size: 0;
  background-color: #1dd000;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}

.screen .editForm-config-panel .editForm-config-panel-button {
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 12px;
  line-height: 0;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
  background-color: transparent;
}

.screen .editForm-config-panel .editForm-config-panel-button img {
  margin: -2px !important;
  display: inline-block !important;
}

.screen .editForm-config-panel .editForm-config-panel-button-light {
  border-radius: 4px;
}

.screen .editForm-config-panel .editForm-config-panel-button-light:hover {
  margin-top: 0;
  background-color: #1bc100;
}

.screen .editForm-config-panel .editForm-config-panel-button-light img {
  display: inline-block !important;
}

.screen .action-panel {
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  padding: 0;
  text-align: right;
  overflow: hidden;
}

.screen .action-panel .sp-edit-save-cancel-desktop {
  margin-right: 20px;
}

.screen .action-panel .sp-edit-save-cancel {
  margin-top: 2px;
  margin-bottom: 2px;
  background-color: transparent;
}

.sp-mobile-device .screen .action-panel .sp-edit-save-cancel,
.sp-tablet-device .screen .action-panel .sp-edit-save-cancel {
  margin: 0;
}

.screen .action-panel .sp-edit-save-cancel .edit-save-button {
  margin-left: 1px;
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
}

.screen .action-panel .sp-edit-save-cancel .spEditSaveCancelBackButton {
  margin-left: 1px;
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  background-color: #444;
}

.screen .action-panel .sp-edit-save-cancel .spEditSaveCancelEditButton {
  margin-left: 1px;
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  background-color: #0e9c0e;
}

.screen .action-panel .sp-edit-save-cancel .spEditSaveCancelSaveButton {
  margin-left: 1px;
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  background-color: #0e9c0e;
}

.screen .action-panel .sp-edit-save-cancel .spEditSaveCancelSavePlusButton {
  margin-left: 1px;
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  background-color: #0e9c0e;
}

.screen .action-panel .sp-edit-save-cancel .spEditSaveCancelCancelButton {
  margin-left: 1px;
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  background-color: #e95e5e;
}

.screen .action-panel button {
  background-color: transparent;
  height: 28px;
  padding: 0 20px;
  min-width: 35px;
  border: none;
  opacity: 0.7;
  margin: 0;
  -webkit-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
}

.screen .action-panel button:hover,
.screen .action-panel button:focus,
.screen .action-panel button:active {
  opacity: 1;
  outline: none;
  border: none;
  -webkit-box-shadow: 0 0 0 0 #ccc inset;
          box-shadow: 0 0 0 0 #ccc inset;
  background-color: rgba(0, 0, 0, 0.03);
}

.screen .action-panel button img {
  margin-right: 4px;
}

.sp-mobile-device .screen .action-panel button img,
.sp-tablet-device .screen .action-panel button img {
  margin: 0;
  max-width: initial;
}

.screen .action-panel button img:focus {
  outline: none;
}

.screen .action-panel button[title="Back"] {
  width: auto;
}

.screen .action-panel button + button {
  margin: 0 0 0 -3px;
}

.sp-tablet-device .screen .action-panel {
  background-color: transparent;
  width: 100%;
  height: 100%;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-tablet-device .screen .action-panel .sp-edit-save-cancel {
  text-align: center;
  height: 40px;
  vertical-align: middle;
  font-size: 0.85em;
}

.sp-tablet-device .screen .action-panel .sp-edit-save-cancel img {
  background-color: none !important;
  padding: 0;
  margin: 0 !important;
  opacity: 1;
}

.sp-tablet-device .screen .action-panel .sp-edit-save-cancel .button-general {
  height: 40px;
  width: 40px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 0;
  opacity: 1;
}

.sp-tablet-device .screen .action-panel .sp-edit-save-cancel .button-general:hover,
.sp-tablet-device .screen .action-panel .sp-edit-save-cancel .button-general:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.sp-tablet-device .screen .action-panel .sp-edit-save-cancel .button-general:focus {
  background-color: transparent;
}

.sp-tablet-device .screen .action-panel .sp-edit-save-cancel .button-general span,
.sp-tablet-device .screen .action-panel .sp-edit-save-cancel .button-general img {
  display: none;
}

.sp-tablet-device .screen .action-panel .sp-edit-save-cancel button {
  height: 40px;
  width: 40px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 0;
  opacity: 1;
  float: right;
}

.sp-tablet-device .screen .action-panel .sp-edit-save-cancel button:hover,
.sp-tablet-device .screen .action-panel .sp-edit-save-cancel button:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.sp-tablet-device .screen .action-panel .sp-edit-save-cancel button:focus {
  background-color: transparent;
}

.sp-tablet-device .screen .action-panel .sp-edit-save-cancel button span,
.sp-tablet-device .screen .action-panel .sp-edit-save-cancel button img {
  display: none;
}

.sp-tablet-device .screen .action-panel .sp-edit-save-cancel button + button {
  margin-right: 0;
}

.sp-tablet-device .screen .action-panel .sp-edit-save-cancel button[title="Edit"] {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
}

.sp-tablet-device .screen .action-panel .sp-edit-save-cancel button[title="Save"] {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
}

.sp-tablet-device .screen .action-panel .sp-edit-save-cancel button[title="Back"] {
  float: left;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
}

.sp-tablet-device .screen .action-panel .sp-edit-save-cancel button[title="Cancel"] {
  float: left;
  background-color: inherit;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  margin-right: 3px;
}

.sp-tablet-device .screen .action-panel .sp-edit-save-cancel button[title="Cancel"]:hover,
.sp-tablet-device .screen .action-panel .sp-edit-save-cancel button[title="Cancel"]:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.sp-tablet-device .screen button {
  height: 30px;
}

.screen button [class^="icon-"],
.screen button [class*=" icon-"] {
  padding: 0;
  margin: 0;
  margin-top: -3px;
}

.screen .reportDataGridStyle .dataGrid-view .dataGridStyle .ngViewport {
  min-height: 50px !important;
}

.screen .container-contents {
  height: 100%;
  width: 100%;
}

.screen .container-contents-implicit {
  padding: 0;
}

.screen .structure-control-on-form {
  display: inline;
  position: relative;
}

.screen .repeater-wrapper {
  display: inline;
  height: 100%;
}

.screen .repeater-wrapper sp-report-render-control,
.screen .repeater-wrapper sp-chart-render-control,
.screen .repeater-wrapper sp-form-render-control {
  vertical-align: top;
}

.screen .repeater-wrapper sp-control-on-form > * {
  vertical-align: top;
}

.sp-mobile-device .screen .repeater-wrapper sp-control-on-form > * {
  width: 100% !important;
}

.screen .repeater-wrapper sp-control-on-form > * > div {
  height: 100%;
}

.screen .repeater-wrapper .horizontalStack-repeater {
  border-bottom: none;
}

.screen .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control {
  display: inline-block !important;
  min-height: 50px;
  /* containers should be excluded from padding above */
}

.sp-mobile-device .screen .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control {
  padding-right: 0 !important;
  margin-bottom: 0 !important;
  width: 100% !important;
  height: auto !important;
}

.screen .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-control-on-form > * {
  padding-right: 5px;
}

.sp-mobile-device .screen .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-control-on-form > * {
  padding-right: 0;
  width: 100% !important;
}

.sp-tablet-device .screen .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-control-on-form > * {
  padding-right: 5px;
}

.screen .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-control-on-form > sp-vertical-stack-container-control,
.screen .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-tab-container-control,
.screen .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-report-render-control,
.screen .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-tab-relationship-render-control,
.screen .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-header-column-container-control,
.screen .repeater-wrapper .horizontalStack-repeater > .ng-scope > sp-vertical-stack-container-control sp-horizontal-stack-container-control {
  padding-right: 0 !important;
  border: none !important;
}

.screen .repeater {
  padding: 0;
  background-color: transparent !important;
  display: inline;
}

.screen .repeater .edit-form-title,
.screen .repeater .edit-form-value {
  padding: 8px 0 2px 0;
}

.screen .repeater .edit-form-value .imageviewer {
  display: block;
  margin-top: -7px;
}

.screen .structure-control-header {
  padding: 10px 0 0 0;
  color: #31a89f;
  display: block;
  border-bottom: 1px #31a89f solid;
  word-break: break-all;
  text-transform: uppercase;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 600;
}

.screen .structure-control-header:empty {
  display: none;
}

.sp-tablet-device .screen .structure-control-header,
.sp-mobile-device .screen .structure-control-header {
  padding-top: 7px;
  vertical-align: bottom;
  font-size: 16px !important;
}

.sp-tablet-device .screen .structure-control-header span,
.sp-mobile-device .screen .structure-control-header span {
  vertical-align: bottom;
}

.sp-tablet-device .screen .structure-control-header:empty,
.sp-mobile-device .screen .structure-control-header:empty {
  height: 40px;
}

.sp-tablet-device .screen .structure-control-header {
  height: 40px;
}

.sp-mobile-device .screen .structure-control-header {
  height: auto;
}

.screen .edit-form-control-container {
  vertical-align: top;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  height: 100%;
}

.sp-tablet-device .screen .edit-form-control-container {
  display: block;
  padding-right: 0;
  border-bottom: none;
}

.screen .edit-form-control-container .edit-form-title {
  width: 140px;
  /* form-builder .field-title */
  min-width: 140px;
  vertical-align: top !important;
  color: #888;
  word-break: normal;
  font-size: 12px !important;
  letter-spacing: -0.04em;
}

.sp-tablet-device .screen .edit-form-control-container .edit-form-title {
  display: block;
  width: 100%;
  padding: 0;
  padding-left: 3px;
}

.screen .edit-form-control-container .edit-form-title .editable-label-readonly-container {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 130px;
}

.sp-mobile-device .screen .edit-form-control-container .edit-form-title .editable-label-readonly-container,
.sp-tablet-device .screen .edit-form-control-container .edit-form-title .editable-label-readonly-container {
  max-width: inherit;
}

.screen .edit-form-control-container .edit-form-value {
  vertical-align: top;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #000;
}

.sp-tablet-device .screen .edit-form-control-container .edit-form-value {
  width: 100%;
  padding-left: 3px;
  padding-top: 0;
  max-width: inherit;
}

.screen .edit-form-control-container .edit-form-value input {
  width: 100%;
  vertical-align: middle;
}

.screen .edit-form-control-container .edit-form-value input[type="checkbox"] {
  width: auto;
}

.sp-mobile-device .screen .edit-form-control-container .edit-form-value input[type="checkbox"],
.sp-tablet-device .screen .edit-form-control-container .edit-form-value input[type="checkbox"] {
  width: 25px;
  height: 25px;
  min-height: inherit !important;
}

.sp-mobile-device .screen .edit-form-control-container .edit-form-value input[type="checkbox"]:focus,
.sp-tablet-device .screen .edit-form-control-container .edit-form-value input[type="checkbox"]:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.screen .edit-form-control-container .edit-form-value input[type="password"][readonly] {
  border: none;
  min-height: 21px;
  background-color: transparent;
}

.screen .edit-form-control-container .edit-form-value select {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.screen .edit-form-control-container .edit-form-value .fieldValue {
  margin-top: 0;
  height: 100%;
}

.screen .inlineRelPicker {
  vertical-align: top;
}

.sp-tablet-device .screen .inlineRelPicker button.inlineRelPicker-button {
  margin-top: 0;
  height: 100%;
  width: 40px;
}

.screen .fieldControl .multiLineTextField-text-read > textarea:empty + img {
  display: none;
}

.screen .fieldControl .expand-textbox:hover,
.screen .fieldControl .expand-textbox:focus,
.screen .fieldControl .expand-textbox:active {
  cursor: pointer;
}

.screen .horizontalStack-repeater {
  vertical-align: top;
}

.sp-mobile-device .screen .horizontalStack-repeater {
  margin-right: 0;
}

.screen .multilineRel {
  min-height: inherit;
}

.screen .tabContainer {
  height: 100%;
  display: inline-block;
}

.screen .editable-label-suffix {
  font-weight: lighter;
}

.sp-tablet-device .screen .editable-label-suffix {
  display: none;
}

.screen .relControl {
  min-width: 10em;
  min-height: 1em;
  word-break: break-all;
  white-space: nowrap;
}

.sp-mobile-device .screen .relControl .edit-form-control-container .edit-form-value {
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.screen .relControl .edit-form-control-container .edit-form-value > div {
  overflow: hidden;
  text-overflow: ellipsis;
}

.screen .edit-form-control-container .edit-form-value input {
  margin-top: -7px;
}

.screen .edit-form-control-container .edit-form-value input[type="checkbox"] {
  margin-top: -3px;
}

.screen .edit-form-control-container .edit-form-value .image-uploader input {
  margin-top: 0;
}

.screen .repeater-wrapper .horizontalStack-repeater {
  display: inline !important;
}

.screen .form-title {
  font-weight: normal;
}

.screen .editForm-edit .edit-form-control-container .edit-form-value input {
  margin-top: 0;
}

.screen .editForm-edit .edit-form-control-container .edit-form-value input[type="checkbox"] {
  margin-top: 7px;
}

.screen > sp-custom-edit-form {
  display: inline !important;
}

.screen > sp-custom-edit-form > .custom-edit-form {
  height: inherit !important;
}

.screen > sp-custom-edit-form > .custom-edit-form > sp-vertical-stack-container-control {
  display: inline !important;
  padding: 0 !important;
}

.screen > sp-custom-edit-form > .custom-edit-form > sp-vertical-stack-container-control > .container-contents {
  height: calc(100% - 50px) !important;
}

.screen .custom-edit-form {
  height: 100%;
  background-color: inherit;
}

.screen .custom-edit-form > sp-vertical-stack-container-control {
  width: 100%;
}

.screen .custom-edit-form > sp-vertical-stack-container-control > .container-contents {
  padding: 0;
}

.sp-tablet-device .screen {
  padding: 2% 2% 0;
}

.screen .screen-title {
  font-size: 26px;
  padding-top: 0;
  display: inline-block;
  color: #000;
  line-height: normal;
  height: 60px;
  padding: 10px 0 15px;
  font-weight: lighter;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 100px;
  margin-bottom: -15px;
}

.sp-mobile-device .screen .screen-title {
  margin-bottom: 0;
}

.screen .screen-title:empty {
  display: none;
}

.screen .screen-desc {
  width: 100%;
  padding-left: 50px;
  font-size: 12px;
  color: #888;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.screen .screen-Action {
  display: inline-block;
  float: right;
  margin-right: 10px;
}

.screen .screen-Action button {
  display: inline-block;
  border: none;
  margin-left: 2px;
  color: white;
  background-color: #31a89f;
  border-radius: 13px;
  height: 26px;
  font-size: 13px;
  cursor: pointer;
  padding: 0 15px 2px;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  overflow: hidden;
  margin-bottom: 1px;
}

.screen .screen-Action button img {
  vertical-align: middle;
  display: inline-block;
  margin: 0 3px 0 -5px;
  width: 16px;
  height: 16px;
}

.screen .screen-Action button span {
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 20px);
}

.screen .screen-Action button:hover {
  background-color: #2b948c;
}

.screen .screen-Action button:focus {
  outline: none;
}

.screen .screen-Action button:disabled {
  pointer-events: none;
  opacity: 0.6;
}

.screen .screen-Action > div {
  display: inline-block;
}

.screen .screen-mobile-action {
  display: block;
  float: none;
}

.screen .screen-mobile-action button {
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  color: white;
  background-color: #31a89f;
  cursor: pointer;
  padding: 5px;
  line-height: 1em;
  font-size: 12px;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  margin-top: 5px;
}

.screen .screen-mobile-action button:hover {
  background-color: #206d67;
  border-color: white;
}

.screen .screen-mobile-action button:focus {
  outline: none;
}

.screen .screen-mobile-action button:disabled {
  pointer-events: none;
}

.screen .screen-mobile-action button img {
  display: inline-block;
  margin-right: 10px;
  width: 22px;
  height: 22px;
  border: 1px solid #ccc;
  padding: 1px 0 0 1px;
  border-radius: 50%;
}

.screen .screen-mobile-action button span {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}

.sp-mobile-device .screen .form-render-control .form-title {
  display: table;
  width: 100%;
  border-bottom: 1px solid #bbb;
}

.sp-mobile-device .screen .form-render-control .form-title > span {
  display: table-cell;
  width: 100%;
  border-bottom: 0;
  padding: 0;
  vertical-align: middle;
}

.sp-mobile-device .screen .form-render-control .form-title > span:empty {
  display: table-cell !important;
  width: 100%;
}

.sp-mobile-device .screen .form-render-control .form-title .sp-edit-save-cancel {
  display: table-cell;
  width: 40px;
  vertical-align: bottom;
  float: inherit;
  padding-bottom: 3px;
  text-align: right;
}

.screen .form-render-control {
  padding: 0 30px 0 0;
  vertical-align: top;
}

.sp-tablet-device .screen .form-render-control {
  padding-top: 10px;
}

.screen .form-render-control .form-title {
  padding: 10px 0 0 0;
  color: #31a89f;
  display: block;
  border-bottom: 1px #31a89f solid;
  word-break: break-all;
  text-transform: uppercase;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 600;
  margin: 0;
  padding: 0;
}

.screen .form-render-control .form-title:empty {
  display: none;
}

.sp-tablet-device .screen .form-render-control .form-title,
.sp-mobile-device .screen .form-render-control .form-title {
  padding-top: 7px;
  vertical-align: bottom;
  font-size: 16px !important;
}

.sp-tablet-device .screen .form-render-control .form-title span,
.sp-mobile-device .screen .form-render-control .form-title span {
  vertical-align: bottom;
}

.sp-tablet-device .screen .form-render-control .form-title:empty,
.sp-mobile-device .screen .form-render-control .form-title:empty {
  height: 40px;
}

.sp-tablet-device .screen .form-render-control .form-title {
  height: 40px;
}

.sp-mobile-device .screen .form-render-control .form-title {
  height: auto;
}

.screen .form-render-control .form-title > span {
  display: inline-block;
  padding: 10px 0 0 0;
}

.sp-tablet-device .screen .form-render-control .form-title > span {
  padding-top: 0;
}

.screen .form-render-control .form-title:empty {
  height: 27px;
  display: inline-block;
  padding: 0;
}

.screen .form-render-control .title1 {
  display: none;
}

.screen .form-render-control .sp-edit-save-cancel {
  float: right;
  display: inline-block;
}

.sp-mobile-device .screen .form-render-control .sp-edit-save-cancel {
  margin-top: 0;
  float: right;
  display: inline-block;
  width: auto;
  border-radius: 2px;
}

.sp-tablet-device .screen .form-render-control .sp-edit-save-cancel {
  margin-top: -20px;
}

.screen .form-render-control .sp-edit-save-cancel .sp-tool-box {
  /*box-shadow: 0 -2px 0 0px #eaeaea inset;*/
  text-align: left;
  margin-bottom: 0;
}

.sp-mobile-device .screen .form-render-control .sp-edit-save-cancel .sp-tool-box {
  text-align: right;
  margin-bottom: 0;
}

.sp-tablet-device .screen .form-render-control .sp-edit-save-cancel .sp-tool-box {
  margin-bottom: 0;
}

.screen .form-render-control .sp-edit-save-cancel .sp-tool-box:empty {
  border-bottom: 0 dotted #cdcdcd;
}

.screen .form-render-control .sp-edit-save-cancel .sp-tool-box button {
  background-color: transparent;
  border: none;
  height: 30px;
  padding: 3px 4px 0;
  color: #212121;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-transform: uppercase;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  font-size: 10px;
  line-height: 0;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
          box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
  outline: none;
  font-weight: bold;
  -webkit-appearance: inherit !important;
  display: inline-block;
  width: auto;
  height: 26px;
  padding-top: 0;
  border-radius: 0;
}

.screen .form-render-control .sp-edit-save-cancel .sp-tool-box button img {
  width: 16px;
  height: 16px;
  opacity: 0.9;
}

.sp-tablet-device .screen .form-render-control .sp-edit-save-cancel .sp-tool-box button img {
  width: 18px;
  height: 18px;
}

.screen .form-render-control .sp-edit-save-cancel .sp-tool-box button:hover,
.screen .form-render-control .sp-edit-save-cancel .sp-tool-box button:active,
.screen .form-render-control .sp-edit-save-cancel .sp-tool-box button:focus {
  outline: none;
  color: #212121;
  -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.5) inset;
          box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.5) inset;
  border: none;
  background-color: #fdfdfd;
  text-decoration: none;
}

.screen .form-render-control .sp-edit-save-cancel .sp-tool-box button:hover img,
.screen .form-render-control .sp-edit-save-cancel .sp-tool-box button:active img,
.screen .form-render-control .sp-edit-save-cancel .sp-tool-box button:focus img {
  opacity: 1;
}

.screen .form-render-control .sp-edit-save-cancel .sp-tool-box button:disabled {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 0.4;
}

.screen .form-render-control .sp-edit-save-cancel .sp-tool-box button:active,
.screen .form-render-control .sp-edit-save-cancel .sp-tool-box button:focus {
  background-color: #fafafa;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.screen .form-render-control .sp-edit-save-cancel .sp-tool-box button span {
  margin-left: 18px;
}

.screen .form-render-control .sp-edit-save-cancel .sp-tool-box button[title="Edit"] {
  background: url("assets/images/toolbar_edit.png") no-repeat 3px center transparent;
}

.screen .form-render-control .sp-edit-save-cancel .sp-tool-box button[title="Save"] {
  background: url("assets/images/toolbar_save.png") no-repeat 3px center transparent;
}

.screen .form-render-control .sp-edit-save-cancel .sp-tool-box button[title="Cancel"] {
  background: url("assets/images/toolbar_close.png") no-repeat 3px center transparent;
}

.screen .form-render-control .sp-edit-save-cancel .sp-tool-box button:hover,
.screen .form-render-control .sp-edit-save-cancel .sp-tool-box button:active {
  background-color: #fafafa;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-mobile-device .screen .form-render-control .sp-edit-save-cancel .sp-tool-box button {
  background-color: #f0f0f0;
  outline: none;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 1px 2px #eee;
          box-shadow: 0 1px 2px #eee;
  height: 40px;
  padding: 0 15px;
  margin-left: 3px;
  border-radius: 3px;
  color: #7d7d7d;
}

.sp-mobile-device .screen .form-render-control .sp-edit-save-cancel .sp-tool-box button:hover,
.sp-mobile-device .screen .form-render-control .sp-edit-save-cancel .sp-tool-box button:focus,
.sp-mobile-device .screen .form-render-control .sp-edit-save-cancel .sp-tool-box button:active {
  background-color: #f0f0f0;
  color: #333;
  outline: none;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 1px 2px #eee;
          box-shadow: 0 1px 2px #eee;
}

.screen .form-render-control .sp-edit-save-cancel .sp-tool-box button[disabled] {
  background-color: rgba(0, 0, 0, 0);
  opacity: 0.5;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.screen .form-render-control .sp-edit-save-cancel .sp-tool-box button img:focus {
  outline: none;
}

.screen .form-render-control .sp-edit-save-cancel .sp-tool-box button + button {
  margin: 0 0 0 -2px;
}

.screen .chart-render-control-container {
  height: 100%;
  padding: 0 30px 0 0;
}

.sp-mobile-device .screen .chart-render-control-container {
  padding: 0;
}

.screen .chart-render-control-container .form-title {
  padding: 10px 0 0 0;
  color: #31a89f;
  display: block;
  border-bottom: 1px #31a89f solid;
  word-break: break-all;
  text-transform: uppercase;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 600;
  margin: 0;
}

.screen .chart-render-control-container .form-title:empty {
  display: none;
}

.sp-tablet-device .screen .chart-render-control-container .form-title,
.sp-mobile-device .screen .chart-render-control-container .form-title {
  padding-top: 7px;
  vertical-align: bottom;
  font-size: 16px !important;
}

.sp-tablet-device .screen .chart-render-control-container .form-title span,
.sp-mobile-device .screen .chart-render-control-container .form-title span {
  vertical-align: bottom;
}

.sp-tablet-device .screen .chart-render-control-container .form-title:empty,
.sp-mobile-device .screen .chart-render-control-container .form-title:empty {
  height: 40px;
}

.sp-tablet-device .screen .chart-render-control-container .form-title {
  height: 40px;
}

.sp-mobile-device .screen .chart-render-control-container .form-title {
  height: auto;
}

.sp-mobile-device .screen .chart-render-control-container .form-title {
  word-break: break-word;
  white-space: normal;
}

.screen .chart-render-control-container .form-title:empty {
  height: 27px;
  display: inline-block;
  padding: 0;
}

.screen .chart-render-control-container .chart-render-control {
  vertical-align: top;
  margin: 0;
  padding: 2px 0 0 0;
  width: 100%;
  height: 100%;
}

.screen .report-render-control {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 100%;
  padding: 0 30px 0 0;
}

.sp-mobile-device .screen .report-render-control {
  padding: 0;
}

.screen .report-render-control .form-title {
  padding: 10px 0 0 0;
  color: #31a89f;
  display: block;
  border-bottom: 1px #31a89f solid;
  word-break: break-all;
  text-transform: uppercase;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 600;
  margin: 0;
}

.screen .report-render-control .form-title:empty {
  display: none;
}

.sp-tablet-device .screen .report-render-control .form-title,
.sp-mobile-device .screen .report-render-control .form-title {
  padding-top: 7px;
  vertical-align: bottom;
  font-size: 16px !important;
}

.sp-tablet-device .screen .report-render-control .form-title span,
.sp-mobile-device .screen .report-render-control .form-title span {
  vertical-align: bottom;
}

.sp-tablet-device .screen .report-render-control .form-title:empty,
.sp-mobile-device .screen .report-render-control .form-title:empty {
  height: 40px;
}

.sp-tablet-device .screen .report-render-control .form-title {
  height: 40px;
}

.sp-mobile-device .screen .report-render-control .form-title {
  height: auto;
}

.sp-mobile-device .screen .report-render-control .form-title {
  word-break: break-word;
  white-space: normal;
}

.screen .report-render-control .form-title:empty {
  height: 30px;
  display: inline-block;
  padding: 0;
}

.screen .report-render-control .spreport-view {
  height: 100%;
  min-height: 100px;
}

.sp-tablet-device .screen .report-render-control .spreport-view {
  height: calc(100% - 50px) !important;
}

.screen .screen-config-panel {
  position: relative;
  float: right;
  margin-top: 2px;
  margin-right: 30px;
  z-index: 1;
  display: inline-block;
  font-size: 0;
  background-color: #1dd000;
  border: none;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.screen .screen-config-panel .screen-config-panel-button {
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 12px;
  line-height: 0;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
  background-color: transparent;
}

.screen .screen-config-panel .screen-config-panel-button-light {
  border-radius: 4px;
}

.screen .screen-config-panel .screen-config-panel-button-light:hover {
  margin-top: 0;
  background-color: #169d00;
}

.screen .screen-config-panel .screen-config-panel-button-light img {
  display: inline-block !important;
}

.screen sp-tab-container-control {
  padding-right: 30px;
}

.screen .reportDataGridStyle .dataGrid-view .dataGridStyle .ngViewport {
  min-height: inherit !important;
}

.singleLineTextField-text-read {
  display: inline-block;
  width: 206px;
  max-height: 1.5em;
  line-height: inherit;
}

.map-iframe {
  width: 425px;
  height: 350px;
  border: 0;
}

.sp-Edit-Form {
  height: 100%;
  position: relative;
}

.sp-Edit-Form .sp-Edit-Form-Header {
  padding-top: 30px;
  height: 30px;
}

.sp-Edit-Form .sp-Edit-Form-Header .sp-Edit-Form-Heading {
  display: inline-block;
  font-weight: lighter;
  font-size: 26px;
  color: #000;
  line-height: initial;
}

.sp-Edit-Form .sp-Edit-Form-Header .sp-Edit-Form-Heading .editable-label .editable-label-edit-container .editable-label-edit {
  margin-top: -2px;
  margin-left: -3px;
  margin-bottom: 6px;
  font-weight: lighter;
}

.sp-Edit-Form .sp-Edit-Form-Header .sp-Edit-Form-Heading .editable-label .editable-label-readonly-container {
  text-overflow: ellipsis;
  max-width: 800px;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}

.sp-Edit-Form .sp-Edit-Form-Header .sp-Edit-Form-Heading .editable-label .editable-label-readonly-container .editable-label-readonly-editable {
  padding-bottom: 0;
}

.sp-Edit-Form .sp-Edit-Form-Header .sp-Edit-Form-Description {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 5px);
  font-size: 1em;
  color: #888;
  display: inline-block;
}

.sp-Edit-Form .sp-Edit-Form-Header .sp-Edit-Form-Description .editable-label .editable-label-edit-container .editable-label-edit {
  margin-top: -4px;
  margin-left: -3px;
}

.sp-Edit-Form .sp-Edit-Form-Header .sp-Edit-Form-Description .editable-label .editable-label-readonly-container .editable-label-readonly-editable {
  padding-bottom: 3px;
}

.sp-Edit-Form .sp-Edit-Form-Body {
  border-radius: 3px;
  background-color: #dfdfdf;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 15px inset;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 15px inset;
  background-image: url(assets/images/home_bg.png);
  vertical-align: top;
  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  padding: 8px;
  background-color: #d5d5d5;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 8px inset;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 8px inset;
}

.sp-Edit-Form .sp-Edit-Form-Body > .sp-form-builder-edit-form-control {
  display: inline !important;
  padding: 0 !important;
}

.sp-Edit-Form .sp-Edit-Form-Body > .sp-form-builder-edit-form-control > .sp-form-builder-padding-target > .sp-form-builder-container-content {
  background-color: transparent !important;
  border: none !important;
}

.sp-Edit-Form .sp-Edit-Form-Body > .sp-form-builder-edit-form-control > .sp-form-builder-padding-target > .sp-form-builder-container-content > .sp-form-builder-container-content-child {
  height: calc(100% - 5px) !important;
}

.edit-form-control-container .edit-form-value textarea {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 2px;
  background-color: white;
  resize: none;
  line-height: 1.26em;
  width: 100%;
  height: 100%;
}

.edit-form-control-container .edit-form-value textarea[readonly="readonly"] {
  background-color: transparent;
  padding: 0;
}

.sp-tablet-device .edit-form-control-container .edit-form-value textarea[readonly="readonly"] {
  padding: 0;
}

.sp-tablet-device .edit-form-control-container .edit-form-value textarea {
  font-weight: lighter;
}

textarea.multiLineTextField-text {
  min-height: 57px;
  background-color: transparent;
  display: inline-block;
  white-space: pre-wrap;
  cursor: auto;
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  resize: none;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  width: calc(100% - 20px) !important;
  padding-top: 4px;
}

textarea.multiLineTextField-text:empty {
  margin-bottom: 0;
}

.sp-mobile-device textarea.multiLineTextField-text,
.sp-tablet-device textarea.multiLineTextField-text {
  width: calc(100% - 39px) !important;
  height: 100%;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.modal-body textarea.multiLineTextField-text {
  width: calc(100% - 21px) !important;
}

.sp-mobile-device .modal-body textarea.multiLineTextField-text {
  width: calc(100% - 40px) !important;
  min-height: 81px;
}

textarea.multiLineTextField-text:disabled {
  border: none;
  background: inherit;
  cursor: text;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}

.multitext-expander {
  display: inline-block;
  padding: 0;
  width: 20px;
  max-height: 57px;
  cursor: pointer;
  vertical-align: top;
  background-color: #f5f5f5;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-left: none;
  margin-left: -4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.sp-mobile-device .multitext-expander,
.sp-tablet-device .multitext-expander {
  width: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-height: inherit;
}

.sp-mobile-device .multitext-expander img,
.sp-tablet-device .multitext-expander img {
  padding: 16px;
}

.modal-body .multitext-expander {
  margin-left: -3px;
}

.modal-body .multitext-expander img {
  padding: 5px;
}

.sp-new-type-dialog .multitext-expander {
  width: 21px;
  margin-left: -4px;
}

.multitext-expander:hover,
.multitext-expander:active {
  background-color: #e5e5e5;
}

.multitext-expander[disabled] {
  display: none;
}

.editForm-edit .multitext-expander img {
  display: inline-block;
  vertical-align: bottom;
  padding: 6px;
  margin-top: 37px !important;
}

.sp-mobile-device .editForm-edit .multitext-expander img,
.sp-tablet-device .editForm-edit .multitext-expander img {
  margin-top: 40px !important;
  padding: 16px;
}

sp-inline-edit-form .multitext-expander img {
  margin: 6px !important;
  bottom: 2px !important;
}

.sp-form-builder-container textarea.multiLineTextField-text {
  overflow-y: scroll;
  width: 100% !important;
}

.multiLineTextField-text-read {
  line-height: normal;
  height: 100%;
}

.sp-tablet-device .multiLineTextField-text-read {
  margin-bottom: 13px;
}

.multiLineTextField-text-read textarea {
  overflow: hidden;
  background-color: initial;
  white-space: pre-wrap;
  border: initial;
  margin: 0;
  resize: none;
  word-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  display: inline-block;
  text-overflow: ellipsis;
  width: calc(100% - 22px) !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.sp-mobile-device .multiLineTextField-text-read textarea,
.sp-tablet-device .multiLineTextField-text-read textarea {
  margin-bottom: 6px;
  padding: 0;
  width: calc(100% - 40px) !important;
}

.multiLineTextField-text-read textarea:empty {
  display: none;
  margin-bottom: 0;
}

.multiLineTextField-text-read textarea:empty + .multitext-expander {
  float: inherit !important;
  display: none;
}

.multiLineTextField-text-read textarea:empty + img {
  display: none;
}

.multiLineTextField-text-read textarea[readonly="readonly"] + .multitext-expander {
  height: auto !important;
  border: none;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}

.sp-mobile-device .multiLineTextField-text-read textarea[readonly="readonly"] + .multitext-expander,
.sp-tablet-device .multiLineTextField-text-read textarea[readonly="readonly"] + .multitext-expander {
  height: 40px;
}

.sp-mobile-device .multiLineTextField-text-read textarea[readonly="readonly"] + .multitext-expander img,
.sp-tablet-device .multiLineTextField-text-read textarea[readonly="readonly"] + .multitext-expander img {
  padding: 16px;
  margin: 0;
}

.multiLineTextField-text-read textarea[readonly="readonly"] + .multitext-expander img {
  margin-top: 0;
  padding: 4px;
  margin-left: 2px;
}

.multiLineTextField-modalText {
  width: 100%;
  min-height: 60px;
  height: 300px;
  cursor: auto;
  display: inline-block;
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  resize: none;
  overflow-x: hidden;
  padding: 4px;
}

.multiLineTextField-modalText[readonly] {
  background-color: rgba(0, 0, 0, 0.01);
  padding: 4px;
  border: none;
}

.multiLineTextField-modalText[readonly]:focus {
  outline: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.multiLineTextField-modalText:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #30c5c5;
  outline: none;
}

form > sp-custom-edit-form {
  display: block;
  height: 100%;
}

form > sp-custom-edit-form > .custom-edit-form {
  height: 100%;
}

.form-render-control {
  height: 100%;
}

.view > form > sp-custom-edit-form {
  display: inline !important;
}

.view > form > sp-custom-edit-form > .custom-edit-form {
  height: inherit !important;
}

.view > form > sp-custom-edit-form > .custom-edit-form > sp-vertical-stack-container-control {
  display: inline !important;
  padding: 0 !important;
}

.view > edit-form-view > form > sp-custom-edit-form {
  display: inline !important;
}

.view > edit-form-view > form > sp-custom-edit-form > .custom-edit-form {
  height: inherit !important;
}

.view > edit-form-view > form > sp-custom-edit-form > .custom-edit-form > sp-vertical-stack-container-control {
  display: inline !important;
  padding: 0 !important;
}

.sp-mobile-device .screen .custom-edit-form {
  height: 100% !important;
}

.sp-tablet-device .screen .custom-edit-form {
  height: 100% !important;
}

sp-tab-container-control:empty {
  min-height: 0 !important;
}

.sp-mobile-device sp-tab-container-control:empty {
  height: 0 !important;
  padding-bottom: 0 !important;
}

sp-tab-container-control {
  display: block;
  height: 100%;
}

sp-tab-container-control div#spTabSet {
  height: calc(100% - 3px) !important;
}

sp-tab-container-control div#spTabSet .tab-content {
  height: 100%;
  width: 100%;
  display: inline-block;
}

sp-tab-container-control div#spTabSet .tab-content .tab-pane {
  height: 100%;
}

sp-tab-container-control div#spTabSet .tab-content .tab-pane > span > span > sp-control-on-form > sp-vertical-stack-container-control {
  display: inline !important;
  border: none !important;
}

sp-tab-container-control div#spTabSet .tab-content .tab-pane > span > span > sp-control-on-form > sp-vertical-stack-container-control > .container-contents > div {
  height: calc(100% - 5px) !important;
}

sp-tab-container-control div#spTabSet .tab-content .tab-pane > span > span > sp-control-on-form > sp-tab-relationship-render-control > .spreport-view {
  height: calc(100% - 5px) !important;
}

sp-tab-container-control .spreport-view {
  min-height: 100px;
}

sp-header-column-container-control .structure-control-on-form:first-child {
  display: block;
}

sp-header-column-container-control,
sp-vertical-stack-container-control,
sp-horizontal-stack-container-control {
  vertical-align: top;
  font-size: 0;
}

sp-header-column-container-control .edit-form-title,
sp-vertical-stack-container-control .edit-form-title,
sp-horizontal-stack-container-control .edit-form-title,
sp-header-column-container-control .edit-form-value,
sp-vertical-stack-container-control .edit-form-value,
sp-horizontal-stack-container-control .edit-form-value,
sp-header-column-container-control .form-title,
sp-vertical-stack-container-control .form-title,
sp-horizontal-stack-container-control .form-title,
sp-header-column-container-control .structure-control-header,
sp-vertical-stack-container-control .structure-control-header,
sp-horizontal-stack-container-control .structure-control-header,
sp-header-column-container-control sp-chart-render-control,
sp-vertical-stack-container-control sp-chart-render-control,
sp-horizontal-stack-container-control sp-chart-render-control,
sp-header-column-container-control sp-form-render-control,
sp-vertical-stack-container-control sp-form-render-control,
sp-horizontal-stack-container-control sp-form-render-control,
sp-header-column-container-control sp-report-render-control,
sp-vertical-stack-container-control sp-report-render-control,
sp-horizontal-stack-container-control sp-report-render-control,
sp-header-column-container-control sp-tab-container-control,
sp-vertical-stack-container-control sp-tab-container-control,
sp-horizontal-stack-container-control sp-tab-container-control,
sp-header-column-container-control sp-tab-relationship-render-control,
sp-vertical-stack-container-control sp-tab-relationship-render-control,
sp-horizontal-stack-container-control sp-tab-relationship-render-control {
  font-size: 13px !important;
  line-height: 1.3em;
}

.sp-tablet-device sp-header-column-container-control .edit-form-title,
.sp-tablet-device sp-vertical-stack-container-control .edit-form-title,
.sp-tablet-device sp-horizontal-stack-container-control .edit-form-title,
.sp-tablet-device sp-header-column-container-control .edit-form-value,
.sp-tablet-device sp-vertical-stack-container-control .edit-form-value,
.sp-tablet-device sp-horizontal-stack-container-control .edit-form-value,
.sp-tablet-device sp-header-column-container-control .form-title,
.sp-tablet-device sp-vertical-stack-container-control .form-title,
.sp-tablet-device sp-horizontal-stack-container-control .form-title,
.sp-tablet-device sp-header-column-container-control .structure-control-header,
.sp-tablet-device sp-vertical-stack-container-control .structure-control-header,
.sp-tablet-device sp-horizontal-stack-container-control .structure-control-header,
.sp-tablet-device sp-header-column-container-control sp-chart-render-control,
.sp-tablet-device sp-vertical-stack-container-control sp-chart-render-control,
.sp-tablet-device sp-horizontal-stack-container-control sp-chart-render-control,
.sp-tablet-device sp-header-column-container-control sp-form-render-control,
.sp-tablet-device sp-vertical-stack-container-control sp-form-render-control,
.sp-tablet-device sp-horizontal-stack-container-control sp-form-render-control,
.sp-tablet-device sp-header-column-container-control sp-report-render-control,
.sp-tablet-device sp-vertical-stack-container-control sp-report-render-control,
.sp-tablet-device sp-horizontal-stack-container-control sp-report-render-control,
.sp-tablet-device sp-header-column-container-control sp-tab-container-control,
.sp-tablet-device sp-vertical-stack-container-control sp-tab-container-control,
.sp-tablet-device sp-horizontal-stack-container-control sp-tab-container-control,
.sp-tablet-device sp-header-column-container-control sp-tab-relationship-render-control,
.sp-tablet-device sp-vertical-stack-container-control sp-tab-relationship-render-control,
.sp-tablet-device sp-horizontal-stack-container-control sp-tab-relationship-render-control {
  font-size: 15px !important;
}

.sp-tablet-device sp-header-column-container-control .edit-form-value,
.sp-tablet-device sp-vertical-stack-container-control .edit-form-value,
.sp-tablet-device sp-horizontal-stack-container-control .edit-form-value {
  font-size: 19px !important;
}

.hideFormControl:not(.hideFormControlAnimate) {
  display: none !important;
}

.div_div_reportwatermark {
  position: absolute;
  left: 10px;
  top: 50%;
  letter-spacing: 2px;
  color: #999;
  font-weight: 600;
}

.btn__clearall {
  float: left;
  background: #ddd;
  border: none;
  color: black;
  outline: none;
}

sp-inline-edit-form {
  display: inline-block;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

sp-inline-edit-form .edit-form-title {
  display: none;
}

sp-inline-edit-form .sp-input,
sp-inline-edit-form .sp-textarea,
sp-inline-edit-form .sp-select,
sp-inline-edit-form .sp-checkbox,
sp-inline-edit-form .sp-radio {
  padding: 0 0 0 2px;
  margin: 0;
  min-height: 24px;
  width: 100%;
}

sp-inline-edit-form .sp-checkbox {
  margin: 0;
  min-height: 0;
}

sp-inline-edit-form .sp-input {
  display: inline-block;
  width: 100%;
}

sp-inline-edit-form .inlineRelPicker .inlineRelPicker-button {
  min-height: 24px;
  padding: 0;
}

sp-inline-edit-form .dropDownRelPicker .dropDownRelPicker-button {
  min-width: 10px;
}

sp-inline-edit-form .dropDownRelPicker .dropDownRelPicker-button[uib-popover="New"] {
  display: none;
}

sp-inline-edit-form .sp-date-control .date-input {
  width: 100% !important;
}

sp-inline-edit-form .sp-time-control .time-input {
  width: 100% !important;
}

sp-inline-edit-form button,
sp-inline-edit-form .sp-date-control button,
sp-inline-edit-form .sp-time-control .btn-time {
  height: 24px !important;
}

sp-inline-edit-form button,
sp-inline-edit-form .sp-dropdown-button {
  min-height: 24px;
  padding: 0;
}

sp-inline-edit-form .multiLineTextField-text {
  background-color: white;
}

sp-inline-edit-form .multiLineTextField-text,
sp-inline-edit-form .multitext-expander {
  min-height: 24px !important;
  max-height: none !important;
  height: 100%;
}

sp-inline-edit-form .multiLineTextField-text-read .sp-textarea {
  padding-top: 5px;
}

sp-inline-edit-form .multiLineTextField-text-read .sp-textarea[readonly="readonly"] + .multitext-expander {
  min-height: 24px;
}

sp-inline-edit-form .multiLineTextField-text-read .sp-textarea[readonly="readonly"] + .multitext-expander img {
  margin-top: 5px;
}

sp-inline-edit-form .sp-currency-control .sp-currency-control-prefix {
  top: 4px;
  line-height: initial;
}

sp-inline-edit-form .sp-checkbox-control .sp-checkbox-control-input {
  margin-top: 5px;
}

sp-inline-edit-form .edit-form-control-container {
  height: 100%;
}

sp-inline-edit-form .edit-form-control-container .edit-form-value {
  padding: 0 !important;
  margin: 0;
}

sp-inline-edit-form .edit-form-control-container .edit-form-value .auto-number {
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px;
}

.editForm-view sp-inline-edit-form .edit-form-control-container .edit-form-value .sp-input {
  margin-top: 0;
}

sp-inline-edit-form .fieldValue,
sp-inline-edit-form .sp-currency-control > span.currency-read {
  display: inline-block;
  margin-top: 3px;
}

sp-inline-edit-form .fieldValue {
  display: inline-block !important;
  width: 100%;
}

sp-inline-edit-form sp-choice-relationship-render-control .edit-form-value .relControl {
  min-width: 100%;
}

sp-inline-edit-form sp-checkbox-k-field-render-control .edit-form-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

sp-inline-edit-form sp-checkbox-k-field-render-control .edit-form-value > :first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

sp-inline-edit-form .currency-read {
  width: 100%;
}

sp-inline-edit-form .currency-read .fieldValue {
  width: calc(100% - 10px);
}

sp-inline-edit-form.align-right .sp-input {
  text-align: right;
  padding-right: 3px;
}

sp-inline-edit-form.align-right sp-checkbox-k-field-render-control .edit-form-value > :first-child,
sp-inline-edit-form.align-right .fieldValue {
  text-align: right;
}

sp-inline-edit-form.align-left .sp-input {
  text-align: left;
}

sp-inline-edit-form.align-left sp-checkbox-k-field-render-control .edit-form-value > :first-child,
sp-inline-edit-form.align-left .fieldValue {
  text-align: left;
}

sp-inline-edit-form.align-center .sp-input {
  text-align: center;
}

sp-inline-edit-form.align-center sp-checkbox-k-field-render-control .edit-form-value > :first-child,
sp-inline-edit-form.align-center .fieldValue {
  text-align: center;
}

.screen .repeater .rn-inline-changed sp-inline-edit-form .edit-form-value {
  padding: 2px 0 1px 0;
  font-size: 12px;
}

.screen sp-inline-edit-form .edit-form-control-container .edit-form-value .sp-input {
  margin-top: 0;
}

.screen sp-inline-edit-form .edit-form-control-container .edit-form-value .sp-checkbox {
  margin-top: 5px;
}

sp-inline-edit-form sp-custom-validation-message {
  position: absolute;
  top: 0;
  right: 1px;
  opacity: 0.5;
}

sp-inline-edit-form sp-custom-validation-message img {
  background-color: darkorange;
  margin-top: 1px;
  border-radius: 4px;
  padding: 0 0 1px;
  width: 12px;
  margin-right: 3px;
}

.sp-mobile-device sp-inline-edit-form sp-custom-validation-message {
  top: 4px;
  right: 6px;
}

.sp-mobile-device sp-inline-edit-form sp-custom-validation-message img {
  margin: 0;
  margin-top: 6px;
  width: 20px;
  padding: 0;
  border-radius: 50%;
}

sp-inline-edit-form sp-custom-validation-message.dateAndTimeKFieldRenderControl {
  right: 40px;
}

sp-inline-edit-form sp-custom-validation-message.dateKFieldRenderControl {
  right: 40px;
}

sp-inline-edit-form sp-custom-validation-message.timeKFieldRenderControl {
  right: 40px;
}

sp-inline-edit-form sp-custom-validation-message.inlineRelationshipRenderControl {
  right: 40px;
}

sp-inline-edit-form sp-custom-validation-message.choiceRelationshipRenderControl {
  right: 13px;
}

sp-inline-edit-form sp-custom-validation-message.dropDownRelationshipRenderControl {
  right: 13px;
}

.modal-body .tabarea .tab-container sp-numeric-k-field-render-control,
.modal-body .tabarea .tab-container sp-decimal-k-field-render-control,
.modal-body .tabarea .tab-container sp-single-line-text-control {
  width: 100% !important;
}

.modal-body .tabarea .tab-container sp-numeric-k-field-render-control input,
.modal-body .tabarea .tab-container sp-decimal-k-field-render-control input,
.modal-body .tabarea .tab-container sp-single-line-text-control input {
  width: 100%;
}

.modal-body .tabarea .tab-container sp-time-control,
.modal-body .tabarea .tab-container sp-date-control {
  display: inherit;
  width: 240px;
}

.modal-body .tabarea .tab-container sp-date-and-time-control span {
  width: auto !important;
}

.modal-body .tabarea .tab-container sp-date-and-time-control sp-time-control,
.modal-body .tabarea .tab-container sp-date-and-time-control sp-date-control {
  width: 120px !important;
}

.modal-body .repeater {
  width: 100% !important;
}

.modal-body .edit-form-control-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

.modal-body .edit-form-control-container .edit-form-title {
  max-width: 140px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  vertical-align: top;
  padding-top: 8px;
}

.modal-body .edit-form-control-container .edit-form-value {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  padding-top: 3px;
}

.modal-body .edit-form-control-container .edit-form-value input[type="checkbox"] {
  display: inline-block;
}

.modal-body .edit-form-control-container .edit-form-value input[type="checkbox"] + label {
  width: auto;
  margin-bottom: 0;
  vertical-align: middle;
  margin-top: 4px;
}

.modal-body .fieldValue {
  margin-top: 4px;
  display: inline-block;
  width: 100%;
}

.modal-body .multiLineTextField-text-read {
  padding-top: 3px;
}

.modal-body .repeater-wrapper sp-control-on-form > * {
  width: 100% !important;
}

.modal-body .repeater-wrapper sp-control-on-form > * input {
  width: 100%;
}

.modal-body .repeater-wrapper sp-control-on-form > * input[type="checkbox"] {
  width: auto;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.sp-mobile-device {
  margin-top: 0;
  height: 98%;
}

.sp-mobile-device .view form[name="form"].editForm {
  padding: 0 2% 0;
}

.sp-mobile-device .custom-edit-form .sp-page-container {
  height: 100%;
}

.sp-mobile-device .sp-new-type-dialog .custom-edit-form {
  height: auto;
}

.sp-mobile-device .sp-new-type-dialog .custom-edit-form .sp-page-container {
  height: auto;
}

.editForm .form-title {
  display: inline-block;
}

.mobileFormStyle .pager {
  width: 100%;
  text-align: center;
  background-color: #e6e6e6;
}

.mobileFormStyle .repeater {
  width: initial;
  min-width: initial;
  width: 100% !important;
}

.mobileFormStyle .repeater .horizontalStack-repeater {
  margin-right: inherit;
  width: 100% !important;
}

.mobileFormStyle .edit-form-control-container {
  vertical-align: top;
  display: block;
}

.mobileFormStyle .edit-form-control-container .edit-form-title {
  display: block;
  width: 100%;
  border-bottom: none;
  padding: 5px 0 0 3px;
  font-size: 15px !important;
  height: 24px;
  line-height: initial;
}

.mobileFormStyle .edit-form-control-container .edit-form-value {
  padding: 0 1px 0 3px;
  font-size: 17px !important;
  width: 100%;
  max-width: inherit;
}

.mobileFormStyle .edit-form-control-container .edit-form-value span {
  height: 100%;
}

.mobileFormStyle .edit-form-control-container .edit-form-value .entityCheckBoxPickerContainer {
  border-left: none;
}

.mobileFormStyle .edit-form-control-container .edit-form-value .entityCheckBoxPickerContainer > .entityCheckBoxPicker-item {
  padding: 0;
  border-bottom: 1px dotted #e5e5e5;
}

.mobileFormStyle .edit-form-control-container .edit-form-value .entityCheckBoxPickerContainer > .entityCheckBoxPicker-item:last-child {
  border-bottom: none;
}

.mobileFormStyle .edit-form-control-container .edit-form-value .entityCheckBoxPickerContainer > .entityCheckBoxPicker-item span {
  display: inline-block;
  font-size: 0.7em;
}

.mobileFormStyle .edit-form-control-container .edit-form-value input {
  margin: 0;
}

.mobileFormStyle .horizontalStack-repeater {
  display: block;
}

.mobileFormStyle .inlineRel {
  display: block;
}

.mobileFormStyle .multilineRel {
  display: block;
}

.mobileFormStyle .sp-currency-control {
  display: block;
}

.mobileFormStyle .sp-date-mobile-control {
  display: block;
}

.mobileFormStyle sp-date-and-time-control,
.mobileFormStyle sp-date-control {
  display: none;
}

.mobileFormStyle .sp-date-and-time-mobile-control {
  display: block;
}

.mobileFormStyle .sp-date-and-time-mobile-control span {
  display: block !important;
}

.mobileFormStyle .sp-decimal-control {
  display: block;
}

.mobileFormStyle .sp-number-control {
  display: block;
}

.mobileFormStyle .sp-time-control {
  width: 100%;
  display: block;
}

.mobileFormStyle .inlineRelPicker {
  display: block !important;
}

.mobileFormStyle .inlineRelPicker button {
  width: 40px;
  height: 40px;
}

.mobileFormStyle .mobile-footer {
  height: 30px;
  vertical-align: middle;
  text-align: center;
}

.mobileFormStyle .mobile-footer ul {
  padding: 0;
}

.mobileFormStyle .editable-label-suffix {
  padding-left: 1px;
  position: inherit;
}

.sp-mobile-device .editForm .pager {
  width: 100%;
  text-align: center;
  background-color: #e6e6e6;
}

.sp-mobile-device .editForm .repeater {
  width: initial;
  min-width: initial;
  width: 100% !important;
}

.sp-mobile-device .editForm .repeater .horizontalStack-repeater {
  margin-right: inherit;
  width: 100% !important;
}

.sp-mobile-device .editForm .edit-form-control-container {
  vertical-align: top;
  display: block;
}

.sp-mobile-device .editForm .edit-form-control-container .edit-form-title {
  display: block;
  width: 100%;
  border-bottom: none;
  padding: 5px 0 0 3px;
  font-size: 15px !important;
  height: 24px;
  line-height: initial;
}

.sp-mobile-device .editForm .edit-form-control-container .edit-form-value {
  padding: 0 1px 0 3px;
  font-size: 17px !important;
  width: 100%;
  max-width: inherit;
}

.sp-mobile-device .editForm .edit-form-control-container .edit-form-value span {
  height: 100%;
}

.sp-mobile-device .editForm .edit-form-control-container .edit-form-value .entityCheckBoxPickerContainer {
  border-left: none;
}

.sp-mobile-device .editForm .edit-form-control-container .edit-form-value .entityCheckBoxPickerContainer > .entityCheckBoxPicker-item {
  padding: 0;
  border-bottom: 1px dotted #e5e5e5;
}

.sp-mobile-device .editForm .edit-form-control-container .edit-form-value .entityCheckBoxPickerContainer > .entityCheckBoxPicker-item:last-child {
  border-bottom: none;
}

.sp-mobile-device .editForm .edit-form-control-container .edit-form-value .entityCheckBoxPickerContainer > .entityCheckBoxPicker-item span {
  display: inline-block;
  font-size: 0.7em;
}

.sp-mobile-device .editForm .edit-form-control-container .edit-form-value input {
  margin: 0;
}

.sp-mobile-device .editForm .horizontalStack-repeater {
  display: block;
}

.sp-mobile-device .editForm .inlineRel {
  display: block;
}

.sp-mobile-device .editForm .multilineRel {
  display: block;
}

.sp-mobile-device .editForm .sp-currency-control {
  display: block;
}

.sp-mobile-device .editForm .sp-date-mobile-control {
  display: block;
}

.sp-mobile-device .editForm sp-date-and-time-control,
.sp-mobile-device .editForm sp-date-control {
  display: none;
}

.sp-mobile-device .editForm .sp-date-and-time-mobile-control {
  display: block;
}

.sp-mobile-device .editForm .sp-date-and-time-mobile-control span {
  display: block !important;
}

.sp-mobile-device .editForm .sp-decimal-control {
  display: block;
}

.sp-mobile-device .editForm .sp-number-control {
  display: block;
}

.sp-mobile-device .editForm .sp-time-control {
  width: 100%;
  display: block;
}

.sp-mobile-device .editForm .inlineRelPicker {
  display: block !important;
}

.sp-mobile-device .editForm .inlineRelPicker button {
  width: 40px;
  height: 40px;
}

.sp-mobile-device .editForm .mobile-footer {
  height: 30px;
  vertical-align: middle;
  text-align: center;
}

.sp-mobile-device .editForm .mobile-footer ul {
  padding: 0;
}

.sp-mobile-device .editForm .editable-label-suffix {
  padding-left: 1px;
  position: inherit;
}

.sp-mobile-device .form-render-control .pager {
  width: 100%;
  text-align: center;
  background-color: #e6e6e6;
}

.sp-mobile-device .form-render-control .repeater {
  width: initial;
  min-width: initial;
  width: 100% !important;
}

.sp-mobile-device .form-render-control .repeater .horizontalStack-repeater {
  margin-right: inherit;
  width: 100% !important;
}

.sp-mobile-device .form-render-control .edit-form-control-container {
  vertical-align: top;
  display: block;
}

.sp-mobile-device .form-render-control .edit-form-control-container .edit-form-title {
  display: block;
  width: 100%;
  border-bottom: none;
  padding: 5px 0 0 3px;
  font-size: 15px !important;
  height: 24px;
  line-height: initial;
}

.sp-mobile-device .form-render-control .edit-form-control-container .edit-form-value {
  padding: 0 1px 0 3px;
  font-size: 17px !important;
  width: 100%;
  max-width: inherit;
}

.sp-mobile-device .form-render-control .edit-form-control-container .edit-form-value span {
  height: 100%;
}

.sp-mobile-device .form-render-control .edit-form-control-container .edit-form-value .entityCheckBoxPickerContainer {
  border-left: none;
}

.sp-mobile-device .form-render-control .edit-form-control-container .edit-form-value .entityCheckBoxPickerContainer > .entityCheckBoxPicker-item {
  padding: 0;
  border-bottom: 1px dotted #e5e5e5;
}

.sp-mobile-device .form-render-control .edit-form-control-container .edit-form-value .entityCheckBoxPickerContainer > .entityCheckBoxPicker-item:last-child {
  border-bottom: none;
}

.sp-mobile-device .form-render-control .edit-form-control-container .edit-form-value .entityCheckBoxPickerContainer > .entityCheckBoxPicker-item span {
  display: inline-block;
  font-size: 0.7em;
}

.sp-mobile-device .form-render-control .edit-form-control-container .edit-form-value input {
  margin: 0;
}

.sp-mobile-device .form-render-control .horizontalStack-repeater {
  display: block;
}

.sp-mobile-device .form-render-control .inlineRel {
  display: block;
}

.sp-mobile-device .form-render-control .multilineRel {
  display: block;
}

.sp-mobile-device .form-render-control .sp-currency-control {
  display: block;
}

.sp-mobile-device .form-render-control .sp-date-mobile-control {
  display: block;
}

.sp-mobile-device .form-render-control sp-date-and-time-control,
.sp-mobile-device .form-render-control sp-date-control {
  display: none;
}

.sp-mobile-device .form-render-control .sp-date-and-time-mobile-control {
  display: block;
}

.sp-mobile-device .form-render-control .sp-date-and-time-mobile-control span {
  display: block !important;
}

.sp-mobile-device .form-render-control .sp-decimal-control {
  display: block;
}

.sp-mobile-device .form-render-control .sp-number-control {
  display: block;
}

.sp-mobile-device .form-render-control .sp-time-control {
  width: 100%;
  display: block;
}

.sp-mobile-device .form-render-control .inlineRelPicker {
  display: block !important;
}

.sp-mobile-device .form-render-control .inlineRelPicker button {
  width: 40px;
  height: 40px;
}

.sp-mobile-device .form-render-control .mobile-footer {
  height: 30px;
  vertical-align: middle;
  text-align: center;
}

.sp-mobile-device .form-render-control .mobile-footer ul {
  padding: 0;
}

.sp-mobile-device .form-render-control .editable-label-suffix {
  padding-left: 1px;
  position: inherit;
}

@media screen and (orientation: portrait) {
  .sp-tablet-device .editForm .horizontalStack-repeater,
  .sp-tablet-device .screen .horizontalStack-repeater {
    width: calc(50% - 7.5px) !important;
  }

  .sp-tablet-device .editForm .horizontalStack-repeater:nth-child(even),
  .sp-tablet-device .screen .horizontalStack-repeater:nth-child(even) {
    margin-right: 0 !important;
  }

  .sp-tablet-device .available-height-layout-container .view form[name="form"].editForm {
    padding: 3% 2% 0;
  }
}

@media screen and (orientation: landscape) {
  .sp-tablet-device .editForm .horizontalStack-repeater,
  .sp-tablet-device .screen .horizontalStack-repeater {
    width: calc(50% - 7.5px) !important;
  }

  .sp-tablet-device .editForm .horizontalStack-repeater:nth-child(even),
  .sp-tablet-device .screen .horizontalStack-repeater:nth-child(even) {
    margin-right: 0 !important;
  }
}

.sp-mobile-device .action-panel {
  font-size: 1.8em;
}

.sp-mobile-device .action-panel button {
  height: 50px;
  width: 50px !important;
}

.sp-mobile-device .action-panel button[title="Back"],
.sp-mobile-device .action-panel button[title="Cancel"] {
  float: left;
  margin: 0;
  background-color: transparent;
}

.sp-mobile-device .sp-edit-save-cancel {
  width: 100%;
}

.sp-mobile-device .sp-edit-save-cancel .form-title {
  position: absolute;
  left: 50px;
  color: #fff;
  right: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  margin: 14px 0 0;
  padding: 0;
  height: inherit;
}

.sp-mobile-device .sp-edit-save-cancel button:hover,
.sp-mobile-device .sp-edit-save-cancel button[title="Cancel"]:hover {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-mobile-device .sp-edit-save-cancel button:focus {
  background-color: transparent;
}

.sp-tablet-device .structure-control-header {
  height: auto;
}

.sp-mobile-device .screen {
  height: 100%;
  padding: 5px;
}

.sp-mobile-device .screen .repeater {
  min-width: 0;
  width: 100%;
  height: auto !important;
}

.sp-mobile-device .screen .report-render-control .spmobile-report-view-container {
  height: 93.5%;
}

.sp-mobile-device .screen .report-render-control .spmobile-report-view-container .spreport-view .headerPanel {
  margin-top: 0;
  position: relative;
  height: 50px;
}

.sp-mobile-device .screen .report-render-control .rrc-full-report-button button {
  display: block;
  border-radius: 2px;
  border: none;
  color: #eee;
  background-color: #666;
  padding: 10px;
  width: 100%;
  height: auto;
}

.sp-mobile-device .screen .report-render-control .rrc-full-report-button button:empty {
  padding: 0;
  height: 0;
  display: none;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

sp-survey-sections-editor {
  overflow: hidden;
}

sp-survey-sections-editor .headerPanel-left > button {
  font-size: 10px !important;
}

.user-survey-section {
  width: 100% !important;
}

.user-survey-break {
  height: 40px;
}

.user-survey-break > hr {
  position: relative;
  top: 20px;
  border: 0;
  border-top: 1px solid #adadad;
  margin: 0;
}

.user-survey-break .user-survey-break-text {
  position: relative;
  top: 10px;
  left: calc(50% - 50px);
  padding: 0 5px;
  font-size: 10px;
  text-transform: uppercase;
  background-color: white;
  color: #adadad;
}

.user-survey-break .user-survey-break-button {
  position: relative;
  top: 10px;
  float: right;
}

.user-survey-break .user-survey-break-button > button {
  background-color: white;
  border: none;
  border-radius: 0;
  display: inline-block;
}

.user-survey-break .user-survey-break-button > button:hover,
.user-survey-break .user-survey-break-button > button:focus {
  background-color: #ffebe7;
  border: none;
  outline: none;
}

.user-survey-break .user-survey-break-button > button > img {
  width: 16px;
  height: 16px;
}

.ordered-form-cell {
  display: table-cell;
}

.ordered-form-cell > img {
  width: 16px;
  height: 16px;
}

.sp-mobile-device .ordered-form-cell {
  display: block;
}

.sp-mobile-device .ordered-form-cell img {
  width: 24px;
  height: 24px;
}

.ordered-form-rows {
  padding-bottom: 5px;
}

.ordered-form-rows-header {
  display: table;
  word-break: break-all;
  text-transform: uppercase;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  height: 31px;
  width: 100%;
}

.ordered-form-rows-header:hover {
  cursor: move;
}

.ordered-form-rows-header > div {
  display: table-cell;
}

.ordered-form-rows-header > div > img {
  width: 16px;
  height: 16px;
}

.sp-mobile-device .ordered-form-rows-header > div {
  display: block;
}

.sp-mobile-device .ordered-form-rows-header > div img {
  width: 24px;
  height: 24px;
}

.ordered-form-rows-header sp-editable-label div {
  margin-bottom: 0 !important;
}

.sp-mobile-device .ordered-form-rows-header {
  display: block;
  min-width: inherit;
}

.sp-mobile-device .ordered-form-rows-header > div {
  display: inline-block;
  min-width: inherit !important;
  max-width: inherit !important;
  width: auto !important;
}

.sp-mobile-device .ordered-form-rows-header > div:last-child {
  float: right;
}

.sp-mobile-device .ordered-form-rows-header sp-editable-label div {
  margin-bottom: -5px !important;
}

.ordered-form-rows-area {
  width: 100%;
  height: calc(100% - 50px);
  overflow: auto;
  margin: 0 !important;
}

.ordered-form-row {
  display: table;
  width: 100%;
  border-bottom: 1px dotted #d5d5d5;
  margin: 0;
  color: #404040;
  font-size: 13px;
  padding: 5px 0;
}

.sp-mobile-device .ordered-form-row {
  display: block;
  border-bottom: 1px dotted #aaa;
  padding-bottom: 15px;
}

.ordered-form-row:hover {
  cursor: move;
}

.ordered-form-row:last-child {
  border-bottom-width: 0;
}

.ordered-form-row > div {
  display: table-cell;
  vertical-align: top;
}

.ordered-form-row > div > img {
  width: 16px;
  height: 16px;
}

.sp-mobile-device .ordered-form-row > div {
  display: block;
}

.sp-mobile-device .ordered-form-row > div img {
  width: 24px;
  height: 24px;
}

.sp-mobile-device .ordered-form-row > div {
  margin-top: 5px;
}

.drag-source {
  display: none;
}

.drag-placeholder {
  min-height: 5px;
  background-color: lightgrey;
  opacity: 0.2;
  border-radius: 3px;
  pointer-events: none;
}

.survey-answer-extras-visibility-container {
  cursor: default;
  margin: 4px 0 4px 2px;
}

.survey-answer-extras-visibility-icon {
  width: 20px;
  height: 20px;
}

.survey-answer-script-name-container {
  display: block !important;
  font-size: 12px;
  color: #969696;
  font-style: italic;
  margin-top: 2px;
}

.expand-collapse-section {
  width: 32px;
  text-align: center;
  cursor: pointer;
}

.expand-collapse-section img:hover,
.expand-collapse-section img:focus {
  background-color: #e3e3e3;
}

.expand-collapse-all-sections {
  display: block;
  width: 32px;
  text-align: center;
  cursor: pointer;
  float: right;
}

.expand-collapse-all-sections img:hover,
.expand-collapse-all-sections img:focus {
  background-color: #e3e3e3;
}

sp-target-campaign-targets-editor {
  overflow: hidden;
  font-size: 13px;
}

.targets-grid {
  height: calc(100% - 30px);
  width: 100%;
  background-color: transparent;
}

.targets-grid .ngGrid {
  background-color: transparent;
}

.targets-grid .ngTopPanel {
  width: 100% !important;
}

.targets-grid .ngViewport {
  height: 100% !important;
  width: 100% !important;
}

.targets-grid .ngViewport .ngCanvas .ngRow {
  border-bottom: #fcfcfc;
  background-color: #fff;
  cursor: pointer;
}

.targets-grid .ngViewport .ngCanvas .ngRow .even,
.targets-grid .ngViewport .ngCanvas .ngRow .odd {
  background-color: #fff;
}

.targets-grid .ngViewport .ngCanvas .ngRow:hover {
  background-color: #f7f7f7;
}

.targets-grid .ngViewport .ngCanvas .ngRow.selected {
  background-color: rgba(0, 0, 0, 0.07);
}

.targets-grid .ngViewport .ngCanvas .ngRow.selected:hover {
  background-color: rgba(0, 0, 0, 0.07);
}

.targets-grid .ngViewport .ngCanvas .ngRow.canSelect {
  cursor: pointer;
}

.targets-grid .ngViewport .ngCanvas .ngCellText {
  font-size: 12px;
}

.targets-grid .ngVerticalBarVisible {
  background-color: transparent;
}

sp-choice-question-options-editor {
  font-size: 13px;
}

sp-choice-question-options-editor label {
  white-space: nowrap;
  min-width: 0 !important;
}

sp-choice-question-options-editor label input {
  width: auto !important;
}

.choice-question-options {
  text-align: left;
  vertical-align: top;
  margin: 1px;
}

.choice-question-options button {
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 3px 12px;
  font-size: 12px;
  line-height: 1em;
  cursor: pointer;
  background-color: #414141;
  color: #ededed;
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  border: 1px solid #3c3c3c;
  border-bottom-color: #343434;
  border-radius: 3px;
  background-color: #f0f0f0;
  border-color: #bdbdbd;
  border-bottom-color: #c0c0c0;
  color: #606060;
  padding: 0 5px;
}

.choice-question-options button:hover,
.choice-question-options button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.choice-question-options button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.choice-question-options button.active,
.choice-question-options button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.choice-question-options button.disabled,
.choice-question-options button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.choice-question-options button.disabled img,
.choice-question-options button[disabled] img {
  opacity: 0.4;
}

.choice-question-options button:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.choice-question-options button:hover,
.choice-question-options button:focus {
  color: #333;
  text-decoration: none;
}

.choice-question-options button:active,
.choice-question-options button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.choice-question-options button.disabled,
.choice-question-options button[disabled],
fieldset[disabled] .choice-question-options button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.choice-question-options button:hover,
.choice-question-options button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.choice-question-options button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.choice-question-options button.active,
.choice-question-options button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.choice-question-options button.disabled,
.choice-question-options button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.choice-question-options button.disabled img,
.choice-question-options button[disabled] img {
  opacity: 0.4;
}

.sp-mobile-device .choice-question-options button,
.sp-tablet-device .choice-question-options button {
  min-height: 40px;
  min-width: 40px;
  font-size: initial;
}

.choice-question-options button:hover,
.choice-question-options button:focus {
  color: #2b2b2b;
  text-decoration: none;
  background-color: #e3e3e3;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.choice-question-options button:focus {
  background-color: #f0f0f0;
  outline: none;
  border: 1px solid #bdbdbd;
}

.choice-question-options button.active,
.choice-question-options button:active {
  background-image: none;
  background-color: #e3e3e3;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
  box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
}

.choice-question-options button.disabled,
.choice-question-options button[disabled] {
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.choice-question-options button.disabled img,
.choice-question-options button[disabled] img {
  opacity: 0.4;
}

.choice-question-options .choice-question-options-grid {
  border: 1px solid #ccc;
  margin-top: 2px;
  margin-right: -1px;
  height: 180px;
}

sp-subject-navigation-access-editor {
  font-size: 13px;
}

.spSubjectUiAppAccessEditor-view {
  font-size: 13px;
  position: relative;
  height: 100%;
  width: 100%;
}

.spSubjectUiAppAccessEditor-view .verticalAlignMiddle {
  vertical-align: middle;
}

.spSubjectUiAppAccessEditor-view .displayInlineBlock {
  display: inline-block;
}

.spSubjectUiAppAccessEditor-view .centeredInlineBlock {
  vertical-align: middle;
  display: inline-block;
}

.spSubjectUiAppAccessEditor-view .labelBlockMedium {
  vertical-align: middle;
  display: inline-block;
  width: 120px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.spSubjectUiAppAccessEditor-view .securityGrid {
  height: 100%;
  width: 100%;
  border: 1px solid #d4d4d4;
}

.spSubjectUiAppAccessEditor-view .securityGrid .ngRow {
  border-bottom: none !important;
}

.spSubjectUiAppAccessEditor-view .securityGrid .valignMiddle {
  vertical-align: middle;
}

.spSubjectUiAppAccessEditor-view .securityGrid .securityUICheck {
  margin-top: 0 !important;
  vertical-align: middle;
}

.spSubjectUiAppAccessEditor-view .includeUsersCheckbox {
  vertical-align: middle;
  margin-left: 5px;
}

.spSubjectUiAppAccessEditor-view .spSubjectUiAppAccessEditor-content {
  position: absolute;
  top: 40px;
  bottom: 0;
  width: 100%;
}

.spSubjectUiAppAccessEditor-view .spSubjectUiAppAccessEditor-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}

.spSubjectUiAppAccessEditor-view .spSubjectUiAppAccessEditor-appSelection {
  position: absolute;
  top: 0;
  height: 30px;
  width: 100%;
}

sp-subject-record-access-editor {
  font-size: 13px;
}

sp-subject-record-access-summary {
  font-size: 13px;
}

.rasTitle {
  color: #888;
  font-weight: bold;
  margin-top: 0.5em;
}

.rasDesc {
  color: #888;
  margin-bottom: 0.5em;
}

.ras-refresh-area {
  background-color: #fff;
}

.rasSearch {
  width: 150px;
  float: right;
}

.rasAdvanced {
  color: #888;
  margin-left: 1.5em;
  float: right;
}

.rasAll {
  color: #888;
  margin-left: 1.5em;
  float: right;
}

.rasExportWrapper {
  display: inline-block;
}

.rasExportWrapper button {
  background-color: transparent;
  border: none;
  border-radius: 0;
  height: 30px;
  color: #212121;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-transform: uppercase;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  font-size: 10px;
  line-height: 0;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
          box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
  outline: none;
  font-weight: bold;
}

.rasExportWrapper button:hover {
  -webkit-box-shadow: 0 -2px 0 #bd5252 inset;
          box-shadow: 0 -2px 0 #bd5252 inset;
}

.rasExportWrapper button img {
  width: 16px;
  height: 16px;
}

.sp-cast-management-summary .sp-refresh-area {
  background-color: rgba(255, 255, 255, 0);
}

.sp-cast-management-summary .sp-refresh-area .sp-refresh {
  display: inline-block;
  height: 30px;
  border: solid 1px white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 6px;
}

.sp-cast-management-summary .sp-refresh-area .refreshButton {
  background-color: transparent;
  border: none;
  border-radius: 0;
  height: 28px;
  color: #212121;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 0.85em;
  font-weight: bold;
  line-height: 0;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
          box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
  opacity: 0.9;
  outline: none;
}

.sp-cast-management-summary__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
}

.sp-cast-management-summary__diagram {
  -webkit-box-flex: 3;
      -ms-flex: 3 3 0px;
          flex: 3 3 0;
  overflow: hidden;
}

.sp-cast-management-summary__refresh-area:hover .sp-cast-management-summary__refresh {
  opacity: 1;
}

.sp-cast-management-summary__refresh-area {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}

.sp-cast-management-summary__refresh-area .sp-cast-management-summary__refresh {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0;
}

.sp-cast-management-summary__svg-content {
  cursor: move;
}

.sp-cast-management-summary__svg-node {
  font: 10px sans-serif;
  cursor: pointer;
}

.sp-cast-management-summary__svg-selected {
  -webkit-filter: url(#glow);
          filter: url(#glow);
}

.sp-cast-management-summary__svg-link {
  fill: none;
  stroke: #ccc;
  stroke-width: 1px;
}

.sp-cast-management-summary__form {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  border: solid 1px #ccc;
  padding: 10px;
}

.sp-cast-management-summary__form .custom-edit-form {
  height: 100%;
}

.sp-oauth-login-popup-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.sp-oauth-login-popup-control a.oauth-grant-access {
  cursor: pointer;
}

.sp-oauth-login-popup-control > .edit-form-control-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: auto;
}

.sp-oauth-login-popup-control .edit-form-control-container div.edit-form-value.oauth-grant-button-container {
  padding-top: 0;
}

.sp-oauth-login-popup-control .edit-form-control-container div.edit-form-value.oauth-grant-button-container .rn-button {
  padding-top: 0;
}

sp-survey-question-visibility-calculation-editor {
  height: 100% !important;
}

.spIdentityProviderClaimMappingsControl {
  font-size: 13px;
}

.spIdentityProviderClaimMappingsControl__content {
  top: 1px;
  bottom: 5px;
}

.spIdentityProviderClaimMappingsControl__dataGridView {
  width: 100%;
  background-color: transparent;
}

.spIdentityProviderClaimMappingsControl__dataGridView .ngGrid {
  background-color: transparent;
}

.spIdentityProviderClaimMappingsControl__dataGridView .ngViewport .ngCanvas .ngRow {
  border-bottom: #fcfcfc;
  background-color: #fff;
  cursor: pointer;
}

.spIdentityProviderClaimMappingsControl__dataGridView .ngViewport .ngCanvas .ngRow .even,
.spIdentityProviderClaimMappingsControl__dataGridView .ngViewport .ngCanvas .ngRow .odd {
  background-color: #fff;
}

.spIdentityProviderClaimMappingsControl__dataGridView .ngViewport .ngCanvas .ngRow:hover {
  background-color: #f7f7f7;
}

.spIdentityProviderClaimMappingsControl__dataGridView .ngViewport .ngCanvas .ngRow.selected {
  background-color: rgba(0, 0, 0, 0.03);
}

.spIdentityProviderClaimMappingsControl__dataGridView .ngViewport .ngCanvas .ngRow.selected:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

.spIdentityProviderClaimMappingsControl__dataGridView .ngViewport .ngCanvas .ngRow.canSelect {
  cursor: pointer;
}

.spIdentityProviderClaimMappingsControl__dataGridView .ngVerticalBarVisible {
  background-color: transparent;
}

.spIdentityProviderClaimMappingsControl__dataGridAggregateRowContainer {
  width: 100%;
  height: 100%;
  background: #d4d4d4;
}

.spIdentityProviderClaimMappingsControl__dataGridAggregateRowTextContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
}

.spIdentityProviderClaimMappingsControl__dataGridAggregateRowContainer:hover .spIdentityProviderClaimMappingsControl__dataGridAggregateContextMenuButton {
  display: inherit;
}

.spIdentityProviderClaimMappingsControl__dataGridAggregateContextMenuButton {
  padding: 0;
  line-height: 0;
  height: 16px;
  width: 16px;
  min-height: inherit;
  display: none;
  background-color: #fff;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  margin-top: 1px;
}

.spIdentityProviderClaimMappingsControl__dataGridAggregateContextMenuButton:hover {
  border: 1px solid #999;
  background-color: #eee;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.spIdentityProviderClaimMappingsControl__dataGridAggregateContextMenuButton:focus {
  outline: none;
  border: 1px solid #aaa;
}

.spIdentityProviderClaimMappingsControl__dataGridAggregateTextLabel {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 11px;
  font-weight: bold;
}

.spIdentityProviderClaimMappingsControl__dataGridAggregateText {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 11px;
}

.spIdentityProviderClaimMappingsControl__dataGridAggregateContextMenuPanel {
  margin-left: 5px;
}

.spIdentityProviderClaimMappingsControl__dataGridAggregateDropDownIcon {
  padding: 0;
  display: inline-block;
  width: 15px;
  height: 16px;
  background-image: url("assets/images/16x16/DownArrow.png");
  background-position-x: -1px;
  vertical-align: middle;
}

.spIdentityProviderClaimMappingsControl__dataGridAggregateHeader--menuOpened .spIdentityProviderClaimMappingsControl__dataGridAggregateContextMenuButton {
  display: inherit;
}

.spIdentityProviderClaimMappingsControl__dataGridAggregateHeader:hover .spIdentityProviderClaimMappingsControl__dataGridAggregateContextMenuButton {
  display: inherit;
}

.spIdentityProviderClaimMappingsControl__dataGridAggregateValidationError {
  margin-left: 5px;
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url("assets/images/validationMessage.png");
  margin-top: 2px;
  background-color: darkorange;
  border-radius: 4px;
  cursor: pointer;
}

.spIdentityProviderClaimMappingsControl__dataGridAggregateValidationError:hover {
  background-color: #c87500;
}

.spIdentityProviderClaimMappingsControl__dataGridAggregateValidationError:focus {
  outline: none;
}

.flowContainer .top {
  width: 500px;
}

.sp-page-selector {
  white-space: nowrap;
  -webkit-box-shadow: 0 -5px 8px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 -5px 8px rgba(0, 0, 0, 0.1) inset;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sp-page-selector ul {
  display: inline;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}

.sp-page-selector li {
  display: inline-block;
  width: 40px;
  height: 40px;
  padding-top: 19px;
  margin: 4px;
  font-size: 1.2em;
  line-height: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
}

.sp-page-selector li.selected {
  background: #31a89f;
  color: #eee;
}

.sp-page-selector li.unselected {
  color: #999;
}

.sp-page-selector select.related-list {
  width: calc(100% - 84px);
  height: 48px;
  color: #333;
  border-radius: 0;
  border: none;
  font-size: 18px;
  -webkit-box-shadow: none;
          box-shadow: none;
  overflow: hidden;
  background: transparent url("assets/images/arrow_bottom_select.svg") no-repeat 5px center;
  background-size: 16px;
  text-overflow: ellipsis;
  padding-left: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sp-page-selector > button {
  border: 0;
  width: 38px;
  border-radius: 50%;
  height: 38px;
  background-color: #eee;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

.sp-page-selector > button:disabled {
  opacity: 0.3;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-page-selector > button img {
  width: 16px;
  height: 16px;
  margin-top: -3px;
}

.sp-page-selector > button.details-link {
  background-color: #626f77;
}

.sp-page-selector > button.details-link .selected {
  background-color: #31a89f;
}

.sp-page-selector > button.details-link:disabled {
  background-color: #e2e2e2;
}

.sp-page-selector > button.tasks-link {
  background-color: #e4a03a;
}

.sp-page-selector > button.tasks-link .selected {
  background-color: #31a89f;
}

.sp-page-selector > button.tasks-link:disabled {
  background-color: #e2e2e2;
}

.sp-page-selector .page-name {
  display: none;
}

.sp-page-selector .page-name.show {
  position: absolute;
  background-color: pink;
  padding-top: 10px;
  top: -30px;
  bottom: 50px;
  color: black;
  left: 25%;
  right: 25%;
}

.sp-page-selector .page-list {
  position: absolute;
  background-color: pink;
  padding-top: 10px;
  top: -200px;
  bottom: 50px;
  color: black;
  left: 50%;
  right: 0;
}

.sp-page-selector .page-list li {
  display: list-item;
  width: auto;
  height: 2rem;
  font-size: 1rem;
  padding: 0;
  margin: 2px 0 0 0;
  line-height: 1rem;
}

.sample-hero-text {
  background: white;
  border: solid 1px #ccc;
  padding: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sp-form-builder-container-content .sp-form-builder-hero-text-control {
  padding: 4px;
  border-radius: inherit;
  -webkit-box-shadow: inherit;
          box-shadow: inherit;
}

.hero-text-control {
  min-width: 50px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.hero-text-control .hero-title {
  font-size: 15px;
  color: #888;
}

.hero-text-control .hero-data {
  color: #404040;
  font-size: 3.5rem;
  cursor: pointer;
  line-height: normal;
}

.hero-text-control .hero-data:hover {
  color: #000;
  background-color: rgba(0, 0, 0, 0.02);
}

.hero-text-control.hero-text-style2 {
  border-left: 1px solid #ddd;
}

.hero-text-control.hero-text-style2 .hero-title {
  border-left: 5px solid currentcolor;
  margin: 0 -20px;
  padding: 0 20px;
}

.hero-text-control.hero-text-style3 {
  background-color: #fafafa;
  border: 1px solid #dfdfdf;
  border-radius: 3px;
  padding: 0 20px;
}

.hero-text-control.hero-text-style3 .hero-title {
  font-size: 13px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hero-text-control.hero-text-style4 {
  width: 100%;
  padding: 0;
  text-align: center;
}

.hero-text-control.hero-text-style4 > div {
  vertical-align: top;
  padding: 0 10px;
}

.hero-text-control.hero-text-style4 .hero-title {
  font-size: 12px;
  padding: 0;
  text-align: center;
  border-bottom: 1px solid #ddd;
}

.hero-text-control.hero-text-style5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.hero-text-control.hero-text-style5 .hero-title {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  border-top: 1px dotted #ddd;
}

.hero-text-control.hero-text-style5 .hero-data {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding-bottom: 5px;
  border: none;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.sp-mobile-device .image-upload {
  display: block !important;
}

.image-upload .image-preview {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  min-width: 50px;
  min-height: 150px;
  overflow: hidden;
  vertical-align: middle;
}

.editForm-edit .image-upload .image-preview {
  background-image: url(assets/images/imagepreviewBg.png);
}

.sp-mobile-device .image-upload .image-preview {
  min-height: 150px;
}

.image-upload .image-preview-background {
  background-image: none;
}

.image-upload .image-preview-readonly {
  background-image: url(assets/images/imagepreviewBg.png);
  -webkit-box-shadow: 0 0 0 1px #ddd inset;
          box-shadow: 0 0 0 1px #ddd inset;
  margin-bottom: 5px;
  overflow: hidden;
}

.image-upload sp-file-upload {
  width: inherit;
}

.image-upload .image-uploader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: 1px;
  width: auto !important;
}

.image-upload .image-uploader input {
  margin: 0;
  background-color: #f5f5f5;
  width: 100% !important;
  max-width: calc(100% - 100px);
}

.image-upload .image-uploader input.upload {
  max-width: inherit;
}

.image-upload .image-uploader button {
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 3px 12px;
  font-size: 12px;
  line-height: 1em;
  cursor: pointer;
  background-color: #414141;
  color: #ededed;
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  border: 1px solid #3c3c3c;
  border-bottom-color: #343434;
  border-radius: 3px;
  background-color: #f0f0f0;
  border-color: #bdbdbd;
  border-bottom-color: #c0c0c0;
  color: #606060;
  padding: 0 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  width: 100% !important;
  min-height: 27px;
}

.image-upload .image-uploader button:hover,
.image-upload .image-uploader button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.image-upload .image-uploader button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.image-upload .image-uploader button.active,
.image-upload .image-uploader button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.image-upload .image-uploader button.disabled,
.image-upload .image-uploader button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.image-upload .image-uploader button.disabled img,
.image-upload .image-uploader button[disabled] img {
  opacity: 0.4;
}

.image-upload .image-uploader button:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.image-upload .image-uploader button:hover,
.image-upload .image-uploader button:focus {
  color: #333;
  text-decoration: none;
}

.image-upload .image-uploader button:active,
.image-upload .image-uploader button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.image-upload .image-uploader button.disabled,
.image-upload .image-uploader button[disabled],
fieldset[disabled] .image-upload .image-uploader button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.image-upload .image-uploader button:hover,
.image-upload .image-uploader button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.image-upload .image-uploader button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.image-upload .image-uploader button.active,
.image-upload .image-uploader button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.image-upload .image-uploader button.disabled,
.image-upload .image-uploader button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.image-upload .image-uploader button.disabled img,
.image-upload .image-uploader button[disabled] img {
  opacity: 0.4;
}

.sp-mobile-device .image-upload .image-uploader button,
.sp-tablet-device .image-upload .image-uploader button {
  min-height: 40px;
  min-width: 40px;
  font-size: initial;
}

.image-upload .image-uploader button:hover,
.image-upload .image-uploader button:focus {
  color: #2b2b2b;
  text-decoration: none;
  background-color: #e3e3e3;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.image-upload .image-uploader button:focus {
  background-color: #f0f0f0;
  outline: none;
  border: 1px solid #bdbdbd;
}

.image-upload .image-uploader button.active,
.image-upload .image-uploader button:active {
  background-image: none;
  background-color: #e3e3e3;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
  box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
}

.image-upload .image-uploader button.disabled,
.image-upload .image-uploader button[disabled] {
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.image-upload .image-uploader button.disabled img,
.image-upload .image-uploader button[disabled] img {
  opacity: 0.4;
}

.sp-mobile-device .image-upload .image-uploader button {
  min-height: 40px !important;
}

.sp-tablet-device .image-upload .image-uploader button {
  min-height: inherit;
  height: 40px !important;
}

.image-upload .image-uploader button[name="contextMenuButton"] {
  padding: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-left: 0 solid #bdbdbd;
  width: 20px !important;
}

.sp-mobile-device .image-upload .image-uploader button[name="contextMenuButton"],
.sp-tablet-device .image-upload .image-uploader button[name="contextMenuButton"] {
  width: 30px !important;
}

.image-upload .image-uploader button[name="imagedownload"] {
  border-radius: 3px;
}

.image-upload .image-uploader button:focus {
  outline: none;
}

.image-upload .image-uploader .uploader-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 2px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.dropDownRelPicker .dropDownRelPicker-select {
  vertical-align: top;
  background-color: #fff;
  border-radius: 3px;
}

.dropDownRelPicker .dropDownRelPicker-select[disabled] {
  background-color: #eee;
}

.dropDownRelPicker .dropDownRelPicker-button {
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 3px 12px;
  font-size: 12px;
  line-height: 1em;
  cursor: pointer;
  background-color: #414141;
  color: #ededed;
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  border: 1px solid #3c3c3c;
  border-bottom-color: #343434;
  border-radius: 3px;
  background-color: #f0f0f0;
  border-color: #bdbdbd;
  border-bottom-color: #c0c0c0;
  color: #606060;
  vertical-align: top;
  padding: 0;
  height: 27px;
  min-width: 32px;
  margin-left: 3px;
}

.dropDownRelPicker .dropDownRelPicker-button:hover,
.dropDownRelPicker .dropDownRelPicker-button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.dropDownRelPicker .dropDownRelPicker-button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.dropDownRelPicker .dropDownRelPicker-button.active,
.dropDownRelPicker .dropDownRelPicker-button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.dropDownRelPicker .dropDownRelPicker-button.disabled,
.dropDownRelPicker .dropDownRelPicker-button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dropDownRelPicker .dropDownRelPicker-button.disabled img,
.dropDownRelPicker .dropDownRelPicker-button[disabled] img {
  opacity: 0.4;
}

.dropDownRelPicker .dropDownRelPicker-button:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.dropDownRelPicker .dropDownRelPicker-button:hover,
.dropDownRelPicker .dropDownRelPicker-button:focus {
  color: #333;
  text-decoration: none;
}

.dropDownRelPicker .dropDownRelPicker-button:active,
.dropDownRelPicker .dropDownRelPicker-button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.dropDownRelPicker .dropDownRelPicker-button.disabled,
.dropDownRelPicker .dropDownRelPicker-button[disabled],
fieldset[disabled] .dropDownRelPicker .dropDownRelPicker-button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dropDownRelPicker .dropDownRelPicker-button:hover,
.dropDownRelPicker .dropDownRelPicker-button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.dropDownRelPicker .dropDownRelPicker-button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.dropDownRelPicker .dropDownRelPicker-button.active,
.dropDownRelPicker .dropDownRelPicker-button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.dropDownRelPicker .dropDownRelPicker-button.disabled,
.dropDownRelPicker .dropDownRelPicker-button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dropDownRelPicker .dropDownRelPicker-button.disabled img,
.dropDownRelPicker .dropDownRelPicker-button[disabled] img {
  opacity: 0.4;
}

.sp-mobile-device .dropDownRelPicker .dropDownRelPicker-button,
.sp-tablet-device .dropDownRelPicker .dropDownRelPicker-button {
  min-height: 40px;
  min-width: 40px;
  font-size: initial;
}

.dropDownRelPicker .dropDownRelPicker-button:hover,
.dropDownRelPicker .dropDownRelPicker-button:focus {
  color: #2b2b2b;
  text-decoration: none;
  background-color: #e3e3e3;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.dropDownRelPicker .dropDownRelPicker-button:focus {
  background-color: #f0f0f0;
  outline: none;
  border: 1px solid #bdbdbd;
}

.dropDownRelPicker .dropDownRelPicker-button.active,
.dropDownRelPicker .dropDownRelPicker-button:active {
  background-image: none;
  background-color: #e3e3e3;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
  box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
}

.dropDownRelPicker .dropDownRelPicker-button.disabled,
.dropDownRelPicker .dropDownRelPicker-button[disabled] {
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dropDownRelPicker .dropDownRelPicker-button.disabled img,
.dropDownRelPicker .dropDownRelPicker-button[disabled] img {
  opacity: 0.4;
}

.dropDownRelPicker .dropDownRelPicker-button:focus {
  outline: none;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.inlineRelPicker {
  display: table;
  width: 100%;
}

.inlineRelPicker > div {
  display: table-cell;
  padding: 0;
  vertical-align: top;
}

.inlineRelPicker > div:nth-child(2),
.inlineRelPicker > div:nth-child(3) {
  width: 1%;
}

.inlineRelPicker input {
  min-width: inherit;
  width: 100%;
}

.inlineRelPicker .inlineRelPicker-button,
.inlineRelPicker .inlineRelPicker-select {
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 3px 12px;
  font-size: 12px;
  line-height: 1em;
  cursor: pointer;
  background-color: #414141;
  color: #ededed;
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  border: 1px solid #3c3c3c;
  border-bottom-color: #343434;
  border-radius: 3px;
  background-color: #f0f0f0;
  border-color: #bdbdbd;
  border-bottom-color: #c0c0c0;
  color: #606060;
  margin-left: 3px;
  padding: 0 7px;
  min-height: 27px;
}

.inlineRelPicker .inlineRelPicker-button:hover,
.inlineRelPicker .inlineRelPicker-select:hover,
.inlineRelPicker .inlineRelPicker-button:focus,
.inlineRelPicker .inlineRelPicker-select:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.inlineRelPicker .inlineRelPicker-button:focus,
.inlineRelPicker .inlineRelPicker-select:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.inlineRelPicker .inlineRelPicker-button.active,
.inlineRelPicker .inlineRelPicker-select.active,
.inlineRelPicker .inlineRelPicker-button:active,
.inlineRelPicker .inlineRelPicker-select:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.inlineRelPicker .inlineRelPicker-button.disabled,
.inlineRelPicker .inlineRelPicker-select.disabled,
.inlineRelPicker .inlineRelPicker-button[disabled],
.inlineRelPicker .inlineRelPicker-select[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.inlineRelPicker .inlineRelPicker-button.disabled img,
.inlineRelPicker .inlineRelPicker-select.disabled img,
.inlineRelPicker .inlineRelPicker-button[disabled] img,
.inlineRelPicker .inlineRelPicker-select[disabled] img {
  opacity: 0.4;
}

.inlineRelPicker .inlineRelPicker-button:focus,
.inlineRelPicker .inlineRelPicker-select:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.inlineRelPicker .inlineRelPicker-button:hover,
.inlineRelPicker .inlineRelPicker-select:hover,
.inlineRelPicker .inlineRelPicker-button:focus,
.inlineRelPicker .inlineRelPicker-select:focus {
  color: #333;
  text-decoration: none;
}

.inlineRelPicker .inlineRelPicker-button:active,
.inlineRelPicker .inlineRelPicker-select:active,
.inlineRelPicker .inlineRelPicker-button.active,
.inlineRelPicker .inlineRelPicker-select.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.inlineRelPicker .inlineRelPicker-button.disabled,
.inlineRelPicker .inlineRelPicker-select.disabled,
.inlineRelPicker .inlineRelPicker-button[disabled],
.inlineRelPicker .inlineRelPicker-select[disabled],
fieldset[disabled] .inlineRelPicker .inlineRelPicker-button,
fieldset[disabled] .inlineRelPicker .inlineRelPicker-select {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.inlineRelPicker .inlineRelPicker-button:hover,
.inlineRelPicker .inlineRelPicker-select:hover,
.inlineRelPicker .inlineRelPicker-button:focus,
.inlineRelPicker .inlineRelPicker-select:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.inlineRelPicker .inlineRelPicker-button:focus,
.inlineRelPicker .inlineRelPicker-select:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.inlineRelPicker .inlineRelPicker-button.active,
.inlineRelPicker .inlineRelPicker-select.active,
.inlineRelPicker .inlineRelPicker-button:active,
.inlineRelPicker .inlineRelPicker-select:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.inlineRelPicker .inlineRelPicker-button.disabled,
.inlineRelPicker .inlineRelPicker-select.disabled,
.inlineRelPicker .inlineRelPicker-button[disabled],
.inlineRelPicker .inlineRelPicker-select[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.inlineRelPicker .inlineRelPicker-button.disabled img,
.inlineRelPicker .inlineRelPicker-select.disabled img,
.inlineRelPicker .inlineRelPicker-button[disabled] img,
.inlineRelPicker .inlineRelPicker-select[disabled] img {
  opacity: 0.4;
}

.sp-mobile-device .inlineRelPicker .inlineRelPicker-button,
.sp-mobile-device .inlineRelPicker .inlineRelPicker-select,
.sp-tablet-device .inlineRelPicker .inlineRelPicker-button,
.sp-tablet-device .inlineRelPicker .inlineRelPicker-select {
  min-height: 40px;
  min-width: 40px;
  font-size: initial;
}

.inlineRelPicker .inlineRelPicker-button:hover,
.inlineRelPicker .inlineRelPicker-select:hover,
.inlineRelPicker .inlineRelPicker-button:focus,
.inlineRelPicker .inlineRelPicker-select:focus {
  color: #2b2b2b;
  text-decoration: none;
  background-color: #e3e3e3;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.inlineRelPicker .inlineRelPicker-button:focus,
.inlineRelPicker .inlineRelPicker-select:focus {
  background-color: #f0f0f0;
  outline: none;
  border: 1px solid #bdbdbd;
}

.inlineRelPicker .inlineRelPicker-button.active,
.inlineRelPicker .inlineRelPicker-select.active,
.inlineRelPicker .inlineRelPicker-button:active,
.inlineRelPicker .inlineRelPicker-select:active {
  background-image: none;
  background-color: #e3e3e3;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
  box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
}

.inlineRelPicker .inlineRelPicker-button.disabled,
.inlineRelPicker .inlineRelPicker-select.disabled,
.inlineRelPicker .inlineRelPicker-button[disabled],
.inlineRelPicker .inlineRelPicker-select[disabled] {
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.inlineRelPicker .inlineRelPicker-button.disabled img,
.inlineRelPicker .inlineRelPicker-select.disabled img,
.inlineRelPicker .inlineRelPicker-button[disabled] img,
.inlineRelPicker .inlineRelPicker-select[disabled] img {
  opacity: 0.4;
}

.inlineRelPicker .inlineRelPicker-button img,
.inlineRelPicker .inlineRelPicker-select img {
  min-width: 1rem;
}

.modal-body .tabarea .tab-container .inlineRelPicker input {
  width: 100% !important;
}

.rn-html-email-viewer li {
  list-style: unset !important;
}


@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.fb-toolbox .fb-toolbox-link-text {
  color: #ccc;
  cursor: pointer;
}

.fb-toolbox .fb-toolbox-link-text:hover {
  color: #f2f2f2;
  text-decoration: underline;
}

.fb-toolbox .fb-loading {
  text-align: center;
  margin-top: 10px;
}

.fb-toolbox .fb-loading .spinner {
  height: 25px;
  width: 25px;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}

.fb-toolbox .fb-toolbox-row {
  display: table-row;
}

.fb-toolbox .fb-toolbox-cell {
  display: table-cell;
  vertical-align: middle;
}

.fb-toolbox .fb-toolbox-header {
  height: 90px;
  text-align: center;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) inset;
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) inset;
  background-color: #63baca;
}

.fb-toolbox .fb-toolbox-header h1 {
  font-size: 26px;
  margin-top: 45px;
  color: #fff;
  display: inline-block;
  width: 100%;
  font-weight: lighter;
}

.fb-toolbox .fb-toolbox-header h2 {
  font-size: 0.85em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 11px 7px 7px 3px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  color: rgba(255, 255, 255, 0.75);
  font-weight: lighter;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.2);
}

.fb-toolbox .fb-toolbox-header h2 span {
  font-family: sans;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: initial;
}

.fb-toolbox .fb-toolbox-screen {
  height: 90px;
  text-align: center;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) inset;
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) inset;
  background-color: #6771a0;
}

.fb-toolbox .fb-toolbox-screen h1 {
  font-size: 26px;
  margin-top: 45px;
  color: #fff;
  display: inline-block;
  width: 100%;
  font-weight: lighter;
}

.fb-toolbox .fb-toolbox-screen h2 {
  font-size: 0.85em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 11px 7px 7px 3px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  color: rgba(255, 255, 255, 0.75);
  font-weight: lighter;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.2);
}

.fb-toolbox .fb-toolbox-screen h2 span {
  font-family: sans;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: initial;
}

.fb-toolbox .fb-toolbox-admin {
  height: 90px;
  text-align: center;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) inset;
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) inset;
  background-color: #0b705c;
}

.fb-toolbox .fb-toolbox-admin h1 {
  font-size: 26px;
  margin-top: 45px;
  color: #fff;
  display: inline-block;
  width: 100%;
  font-weight: lighter;
}

.fb-toolbox .fb-toolbox-admin h2 {
  font-size: 0.85em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 11px 7px 7px 3px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  color: rgba(255, 255, 255, 0.75);
  font-weight: lighter;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.2);
}

.fb-toolbox .fb-toolbox-admin h2 span {
  font-family: sans;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: initial;
}

.fb-toolbox .fb-toolbox-admin h2 {
  display: none;
}

.fb-toolbox .fb-toolbox-admin h1 {
  margin-top: 36px;
  font-size: 1.9em;
}

.fb-toolbox .fb-toolbox-toggle {
  height: 9px;
  width: 9px;
  margin-right: 3px;
  cursor: pointer;
  opacity: 0.5;
}

.fb-toolbox .fb-toolbox-toggle:hover {
  background-position: 0 -9px;
  opacity: 1;
}

.fb-toolbox .fb-toolbox-adornment {
  float: right;
  visibility: hidden;
}

.fb-toolbox .fb-toolbox-adornment-hover {
  vertical-align: middle;
}

.fb-toolbox .fb-toolbox-adornment-hover:hover .fb-toolbox-adornment {
  visibility: visible;
  cursor: pointer;
}

.fb-toolbox .fb-toolbox-adornment-light:hover {
  margin-top: 0;
  background-color: #b8b8b8;
}

.fb-toolbox .fb-toolbox-adornment-dark:hover {
  margin-top: 0;
  background-color: #2d2d2d;
}

.fb-toolbox .fb-toolbox-accordion .panel-group {
  background-color: #535353;
}

.fb-toolbox .fb-toolbox-accordion .panel-group .panel {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.fb-toolbox .fb-toolbox-accordion .panel-group .panel + .panel {
  margin-top: 0;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section {
  border: none;
  border-radius: inherit;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .panel-heading {
  background-color: #3a3a3a;
  padding: 0;
  border-radius: 0;
  cursor: pointer;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .panel-heading:hover {
  background-color: #343434;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .panel-heading + .panel-collapse .panel-body {
  border-top: 0 solid #ddd;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .panel-heading .accordion-toggle {
  display: block;
  padding: 10px;
  vertical-align: middle;
  color: #aaa;
  font-size: 14px;
  -webkit-box-shadow: 0 1px 0 0 rgba(47, 47, 47, 0) inset, 0 -1px 0 0 #2f2f2f inset;
          box-shadow: 0 1px 0 0 rgba(47, 47, 47, 0) inset, 0 -1px 0 0 #2f2f2f inset;
  font-weight: normal;
  text-decoration: none;
  background-color: #3a3a3a;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .panel-body {
  border: none;
  padding: 5px;
  background-color: #535353;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-controls {
  margin-bottom: 5px;
  text-align: right;
  display: block;
  line-height: 0;
  margin-bottom: 0;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-control {
  border: 1px solid #464646;
  background-color: #6d6d6d;
  -webkit-box-shadow: 0 0 0 1px #868686 inset;
          box-shadow: 0 0 0 1px #868686 inset;
  color: #ddd;
  display: inline-block;
  font-size: 11px;
  cursor: pointer;
  padding: 1px;
  vertical-align: middle;
  line-height: 0;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-control img {
  opacity: 0.5;
  margin: 0;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-control:hover {
  background-color: #868686;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-control:hover img {
  opacity: 1;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-control:focus {
  outline: none;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-control[title="fieldgroup"] {
  padding: 2px 5px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-control[title="fieldgroup"] .fb-inline {
  vertical-align: middle;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-item {
  background-color: #dedede;
  padding: 4px;
  cursor: move;
  margin-left: 15px;
  display: table;
  width: calc(100% - 15px);
  margin-left: 0;
  border-top: 0;
  border-bottom: 0;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-item:hover {
  background-color: #f2f2f2;
  -webkit-transition: background-color ease-out 0.15s;
  transition: background-color ease-out 0.15s;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-item .itemicon {
  display: table-cell;
  vertical-align: top;
  padding-right: 5px;
  width: 21px;
  line-height: 0;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-item .itemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-item .readonlyitemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
  font-style: italic;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-item .fieldcheckbox {
  display: table-cell;
  width: 0.1%;
  cursor: default;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-item > .itemname,
.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-item > .itemicon {
  display: table-cell;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-item > .itemname.fb-inline,
.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-item > .itemicon.fb-inline {
  padding: 5px 8px;
  border-radius: 2px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-item:before {
  content: url("assets/images/fielditem_child.png");
  margin-top: -5px;
  position: absolute;
  left: 12px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-item .itemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-item:before {
  content: none;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-item:hover {
  border-top: 0;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-item .editable-label-readonly-container {
  white-space: nowrap;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-item .editable-label-readonly-container .editable-label-readonly-editable {
  white-space: nowrap;
  max-width: 128px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-itemname {
  min-width: 0;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group {
  color: #aaa;
  font-size: 13px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .toggleButton {
  display: inline-block;
  background: transparent;
  border: none;
  outline: none;
  padding: 3px;
  vertical-align: middle;
  opacity: 0.5;
  border-radius: 2px;
  min-width: 15px;
  display: table-cell;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .toggleButton:hover,
.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .toggleButton:active {
  opacity: 1;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupname {
  color: #ccc;
  font-size: 13px;
  display: table-cell;
  width: 100%;
  padding-left: 3px;
  word-break: break-all;
  vertical-align: middle;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupname.chart-reportby {
  display: table;
  width: 100%;
  margin-bottom: 5px;
  padding: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupname.chart-reportby > span {
  display: table-cell;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupname.chart-reportby > span:first-child {
  width: 45px;
  font-size: x-small;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupname.chart-reportby > span:last-child {
  width: 20px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .toggleGroup {
  color: #ccc;
  font-size: 13px;
  display: table-cell;
  width: 100%;
  padding-left: 3px;
  word-break: break-all;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .toggleGroup.chart-reportby {
  display: table;
  width: 100%;
  margin-bottom: 5px;
  padding: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .toggleGroup.chart-reportby > span {
  display: table-cell;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .toggleGroup.chart-reportby > span:first-child {
  width: 45px;
  font-size: x-small;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .toggleGroup.chart-reportby > span:last-child {
  width: 20px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .readonlygroupname {
  color: #ccc;
  font-size: 13px;
  display: table-cell;
  width: 100%;
  padding-left: 3px;
  word-break: break-all;
  vertical-align: middle;
  font-style: italic;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .readonlygroupname.chart-reportby {
  display: table;
  width: 100%;
  margin-bottom: 5px;
  padding: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .readonlygroupname.chart-reportby > span {
  display: table-cell;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .readonlygroupname.chart-reportby > span:first-child {
  width: 45px;
  font-size: x-small;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .readonlygroupname.chart-reportby > span:last-child {
  width: 20px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupitems {
  margin-bottom: 10px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupitems .itemcontainer {
  display: table;
  width: 100%;
  margin-bottom: 3px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupitems .itemcontainer .isrequireimage {
  width: 2px;
  height: 17px;
  background: #f00;
  display: inline-block;
  vertical-align: top;
  margin-right: -2px;
  margin-left: -3px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupitems .subgroup {
  background-color: #424242;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-left: 15px;
  margin-top: 2px;
  margin-bottom: 1px;
  padding: 2px;
  cursor: pointer;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupitems .subgroup:before {
  content: "";
  margin-top: -5px;
  position: absolute;
  left: 12px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupitems .subgroup button {
  border: 1px solid #464646;
  background-color: #6d6d6d;
  -webkit-box-shadow: 0 0 0 1px #868686 inset;
          box-shadow: 0 0 0 1px #868686 inset;
  color: #ddd;
  display: inline-block;
  font-size: 11px;
  cursor: pointer;
  padding: 1px;
  vertical-align: middle;
  float: right;
  line-height: 0;
  height: 17px;
  width: 17px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupitems .subgroup button img {
  opacity: 0.5;
  margin: 0;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupitems .subgroup button:hover {
  background-color: #868686;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupitems .subgroup button:hover img {
  opacity: 1;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupitems .subgroup button:focus {
  outline: none;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupitems .subgroup button img {
  margin-top: -1px;
  margin-left: -1px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupitems .subgroup .subgroupname {
  color: #ababab;
  cursor: default;
  display: inline-block;
  text-overflow: ellipsis;
  min-width: 100px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupitems .item {
  background-color: #dedede;
  padding: 4px;
  cursor: move;
  margin-left: 15px;
  display: table;
  width: calc(100% - 15px);
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupitems .item:hover {
  background-color: #f2f2f2;
  -webkit-transition: background-color ease-out 0.15s;
  transition: background-color ease-out 0.15s;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupitems .item .itemicon {
  display: table-cell;
  vertical-align: top;
  padding-right: 5px;
  width: 21px;
  line-height: 0;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupitems .item .itemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupitems .item .readonlyitemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
  font-style: italic;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupitems .item .fieldcheckbox {
  display: table-cell;
  width: 0.1%;
  cursor: default;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupitems .item > .itemname,
.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupitems .item > .itemicon {
  display: table-cell;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupitems .item > .itemname.fb-inline,
.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupitems .item > .itemicon.fb-inline {
  padding: 5px 8px;
  border-radius: 2px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupitems .item:before {
  content: url("assets/images/fielditem_child.png");
  margin-top: -5px;
  position: absolute;
  left: 12px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupitems .item .itemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .groupitems .item.is-default .itemname:after {
  content: " *";
  color: darkblue;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-config img {
  width: 16px;
  height: 16px;
  display: inline-block;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group > div:first-child:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-group-drop {
  -webkit-transition: -webkit-box-shadow 0.2s ease-out;
  transition: -webkit-box-shadow 0.2s ease-out;
  transition: box-shadow 0.2s ease-out;
  transition: box-shadow 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems {
  margin-bottom: 10px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .itemcontainer {
  display: table;
  width: 100%;
  margin-bottom: 3px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .itemcontainer .isrequireimage {
  width: 2px;
  height: 17px;
  background: #f00;
  display: inline-block;
  vertical-align: top;
  margin-right: -2px;
  margin-left: -3px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .subgroup {
  background-color: #424242;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-left: 15px;
  margin-top: 2px;
  margin-bottom: 1px;
  padding: 2px;
  cursor: pointer;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .subgroup:before {
  content: "";
  margin-top: -5px;
  position: absolute;
  left: 12px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .subgroup button {
  border: 1px solid #464646;
  background-color: #6d6d6d;
  -webkit-box-shadow: 0 0 0 1px #868686 inset;
          box-shadow: 0 0 0 1px #868686 inset;
  color: #ddd;
  display: inline-block;
  font-size: 11px;
  cursor: pointer;
  padding: 1px;
  vertical-align: middle;
  float: right;
  line-height: 0;
  height: 17px;
  width: 17px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .subgroup button img {
  opacity: 0.5;
  margin: 0;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .subgroup button:hover {
  background-color: #868686;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .subgroup button:hover img {
  opacity: 1;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .subgroup button:focus {
  outline: none;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .subgroup button img {
  margin-top: -1px;
  margin-left: -1px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .subgroup .subgroupname {
  color: #ababab;
  cursor: default;
  display: inline-block;
  text-overflow: ellipsis;
  min-width: 100px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .item {
  background-color: #dedede;
  padding: 4px;
  cursor: move;
  margin-left: 15px;
  display: table;
  width: calc(100% - 15px);
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .item:hover {
  background-color: #f2f2f2;
  -webkit-transition: background-color ease-out 0.15s;
  transition: background-color ease-out 0.15s;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .item .itemicon {
  display: table-cell;
  vertical-align: top;
  padding-right: 5px;
  width: 21px;
  line-height: 0;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .item .itemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .item .readonlyitemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
  font-style: italic;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .item .fieldcheckbox {
  display: table-cell;
  width: 0.1%;
  cursor: default;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .item > .itemname,
.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .item > .itemicon {
  display: table-cell;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .item > .itemname.fb-inline,
.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .item > .itemicon.fb-inline {
  padding: 5px 8px;
  border-radius: 2px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .item:before {
  content: url("assets/images/fielditem_child.png");
  margin-top: -5px;
  position: absolute;
  left: 12px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .item .itemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .item.is-default .itemname:after {
  content: " *";
  color: darkblue;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-itemcontainer-nested {
  margin-left: 22px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item {
  background-color: #dedede;
  padding: 4px;
  cursor: move;
  margin-left: 15px;
  display: table;
  width: calc(100% - 15px);
  margin-left: 0;
  border-top: 0;
  border-bottom: 0;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item:hover {
  background-color: #f2f2f2;
  -webkit-transition: background-color ease-out 0.15s;
  transition: background-color ease-out 0.15s;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item .itemicon {
  display: table-cell;
  vertical-align: top;
  padding-right: 5px;
  width: 21px;
  line-height: 0;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item .itemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item .readonlyitemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
  font-style: italic;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item .fieldcheckbox {
  display: table-cell;
  width: 0.1%;
  cursor: default;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item > .itemname,
.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item > .itemicon {
  display: table-cell;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item > .itemname.fb-inline,
.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item > .itemicon.fb-inline {
  padding: 5px 8px;
  border-radius: 2px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item:before {
  content: url("assets/images/fielditem_child.png");
  margin-top: -5px;
  position: absolute;
  left: 12px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item .itemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item:before {
  content: none;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item .fb-draggable {
  cursor: move;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item .fb-toolbox-icon {
  float: none;
  margin-left: 3px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item .fb-toolbox-icon:hover {
  margin-top: 0;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item:hover {
  border-top: 0;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item .fb-toolbox-itemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
  min-width: 0;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item .fb-toolbox-itemname.fb-inline {
  padding: 5px 8px;
  border-radius: 2px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item .fb-toolbox-itemname .fb-draggable {
  cursor: move;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item .fb-toolbox-itemname-pad {
  margin-top: 3px;
  margin-bottom: 3px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item .fb-toolbox-itemname-light {
  vertical-align: initial !important;
  color: #ccc;
  margin: 0;
  margin-top: 2px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item .fb-toolbox-itemname-light .editable-label-edit-container .editable-label-edit {
  margin-bottom: -3px;
  margin-top: -2px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item-nested {
  background-color: #dedede;
  padding: 4px;
  cursor: move;
  margin-left: 15px;
  display: table;
  width: calc(100% - 15px);
  margin-left: 0;
  border-top: 0;
  border-bottom: 0;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item-nested:hover {
  background-color: #f2f2f2;
  -webkit-transition: background-color ease-out 0.15s;
  transition: background-color ease-out 0.15s;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item-nested .itemicon {
  display: table-cell;
  vertical-align: top;
  padding-right: 5px;
  width: 21px;
  line-height: 0;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item-nested .itemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item-nested .readonlyitemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
  font-style: italic;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item-nested .fieldcheckbox {
  display: table-cell;
  width: 0.1%;
  cursor: default;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item-nested > .itemname,
.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item-nested > .itemicon {
  display: table-cell;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item-nested > .itemname.fb-inline,
.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item-nested > .itemicon.fb-inline {
  padding: 5px 8px;
  border-radius: 2px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item-nested:before {
  content: url("assets/images/fielditem_child.png");
  margin-top: -5px;
  position: absolute;
  left: 12px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item-nested .itemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item-nested:before {
  content: none;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item-nested .fb-draggable {
  cursor: move;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item-nested .fb-toolbox-icon {
  float: none;
  margin-left: 3px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item-nested .fb-toolbox-icon:hover {
  margin-top: 0;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item-nested:hover {
  border-top: 0;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item-nested .fb-toolbox-itemname {
  display: table-cell;
  color: #333;
  text-overflow: ellipsis;
  padding-right: 3px;
  font-size: 12px;
  vertical-align: top;
  word-break: break-all;
  min-width: 0;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item-nested .fb-toolbox-itemname.fb-inline {
  padding: 5px 8px;
  border-radius: 2px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item-nested .fb-toolbox-itemname .fb-draggable {
  cursor: move;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item-nested .fb-toolbox-itemname-pad {
  margin-top: 3px;
  margin-bottom: 3px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item-nested .fb-toolbox-itemname-light {
  vertical-align: initial !important;
  color: #ccc;
  margin: 0;
  margin-top: 2px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item-nested .fb-toolbox-itemname-light .editable-label-edit-container .editable-label-edit {
  margin-bottom: -3px;
  margin-top: -2px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item-nested:before {
  left: 30px;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item-dark {
  background-color: #535353;
  border-top: 0;
  border-bottom: 0;
}

.fb-toolbox .fb-toolbox-accordion .fb-toolbox-section .fb-toolbox-group .fb-toolbox-groupitems .fb-toolbox-item-dark:hover {
  background-color: #797979;
}

.sp-search {
  width: 100%;
}

.sp-picker {
  display: table-cell;
}

.sp-picker .sp-combo-picker {
  width: calc(100% + 26px);
  margin: 3px 0;
  border: 1px solid #464646;
  -webkit-box-shadow: 0 0 0 1px #868686 inset;
          box-shadow: 0 0 0 1px #868686 inset;
  color: #eee;
  font-size: 11px;
  vertical-align: middle;
  padding: 2px;
  background: url("assets/images/arrow_navsection_active_closed.png") no-repeat center right 30px #777;
  background-position-x: right 30px;
  height: 24px;
}

.sp-picker .sp-combo-picker option {
  background-color: #404040;
  color: #ddd;
}

.sp-picker .sp-combo-picker option:hover {
  color: #ddd;
  background-color: #303030;
}

.fb-toolbox-objectsviewer .component-filter,
.fb-toolbox-objectsviewer .component-filter:focus,
.fb-toolbox-objectsviewer .component-filter:hover {
  outline: 0;
  color: #ccc;
  text-decoration: underline;
}

.fb-editable-definition-label .editable-label-readonly-container {
  margin-bottom: 0;
  line-height: 1em;
}

.fb-editable-definition-label .editable-label-readonly-container .editable-label-readonly-readonly {
  cursor: move;
}

.fb-editable-definition-label .editable-label-edit-container .editable-label-edit {
  color: #ccc;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-left: 0;
  margin-top: -1px;
  margin-bottom: -2px;
  background-color: transparent;
  width: inherit;
  display: inline-block;
}

.fb-readonly-definition-label .editable-label-readonly-container {
  margin-bottom: 0;
  line-height: 1em;
}

.fb-readonly-definition-label .editable-label-readonly-container .editable-label-readonly-readonly {
  cursor: default;
}

.fb-editable-field-label .editable-label-readonly-container {
  margin-bottom: 0;
  line-height: 1em;
}

.fb-editable-field-label .editable-label-readonly-container .editable-label-readonly-readonly {
  cursor: move;
}

.fb-editable-field-label .editable-label-readonly-container .editable-label-readonly-editable {
  margin-top: 0;
}

.fb-editable-field-label .editable-label-edit-container {
  margin-top: -3px;
}

.fb-editable-field-label .editable-label-edit-container .editable-label-edit {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-left: 0;
  margin-bottom: 0;
  background-color: transparent;
  padding-top: 0;
}

.fb-draggable {
  cursor: move;
}

.fb-inline {
  display: inline-block;
}

.fb-row {
  display: table-row;
}

.fb-cell {
  display: table-cell;
}

.fb-middle {
  vertical-align: middle;
}

.popover.right {
  margin-left: 13px;
}

.fb-popover-fields {
  min-height: 200px;
}

.fb-popover-fields .panel-group .panel {
  margin-top: 0;
  border-bottom: none;
  border-left: none;
  border-right: none;
}

.fb-popover-fields .panel-group .panel .panel-heading {
  padding: 8px 5px;
  cursor: pointer;
  border: none;
}

.fb-popover-fields .panel-group .panel .panel-heading .panel-title {
  font-size: small;
}

.fb-popover-fields .panel-group .panel .panel-heading .panel-title a {
  text-decoration: none;
}

.fb-popover-fields .panel-group .panel .panel-body {
  padding: 0;
}

.fb-popover-fields .panel-group .panel .panel-body .fb-field {
  margin: 5px;
  cursor: move;
}

.fb-popover-fields .panel-group .panel .panel-body .fb-field .fb-icon {
  height: 20px;
  width: 20px;
}

.fb-popover-fields .panel-group .panel .panel-body .fb-field:hover {
  background-color: #eee;
}

.fb-popover-relationships .fb-popover-header {
  padding: 8px;
  background-color: #f5f5f5;
  color: #333;
  border-color: #ddd;
  border-top: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  text-align: center;
}

.fb-popover-relationships .fb-popover-body {
  padding: 8px 15px;
  border: 1px solid #ddd;
}

.fb-popover-relationships .fb-popover-body .fb-popover-body-hover:hover {
  background-color: #ccc;
}

.fb-ui-icon {
  height: 16px;
  width: 16px;
}

.popover {
  border: 1px solid #969696;
  background-color: #f5f5f5;
  color: #6f7074;
  padding: 0;
}

.popover-content {
  padding: 0;
}

.fb-hilight {
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 8px #52a8ec;
          box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 8px #52a8ec;
}

.fb-child-background {
  width: 15px;
  background-image: url(assets/images/fielditem_child.png);
  background-repeat: no-repeat;
  background-position: 3px;
}

.fb-toolbox-config {
  cursor: pointer;
  background-color: #1dd000;
  border-radius: 2px;
  opacity: 1;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  vertical-align: middle;
  padding: 2px;
  line-height: 0;
  display: inline-block;
  min-width: 20px;
}

div > .fb-toolbox-config {
  opacity: 0;
}

div:hover > .fb-toolbox-config {
  opacity: 1;
}

.fb-screen-add-button {
  display: table-cell;
}

.fb-screen-add-button .add {
  border: 1px solid #464646;
  background-color: #6d6d6d;
  -webkit-box-shadow: 0 0 0 1px #868686 inset;
          box-shadow: 0 0 0 1px #868686 inset;
  display: inline-block;
  font-size: 11px;
  cursor: pointer;
  padding: 1px;
  vertical-align: middle;
  color: #ddd;
  line-height: 0;
  margin-top: 0;
  height: 27px;
  width: 26px;
}

.fb-screen-add-button .add img {
  opacity: 0.5;
  margin: 0;
}

.fb-screen-add-button .add:hover {
  background-color: #868686;
}

.fb-screen-add-button .add:hover img {
  opacity: 1;
}

.fb-screen-add-button .add:focus {
  outline: none;
}

.fb-screen-add-button .addButtonPlaceHolder {
  width: 27px;
  height: 27px;
  display: inline-block;
  vertical-align: middle;
  background-color: #464646;
}

.fb-screen-add-button .addButtonPlaceHolderLeftBorder {
  width: 1px;
  height: 25px;
  vertical-align: middle;
  background-color: #898989;
  display: inline-block;
  margin-top: 1px;
}

.sp-Form-Builder {
  height: 100%;
}

.sp-Form-Builder .sp-Form-Builder-ToolBar {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding-bottom: 0;
  text-align: right;
  height: 30px;
  overflow: hidden;
  z-index: 2;
  /*.sp-Form-Builder-Toolbar-Button {
            height: 22px;
            width: 25px;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            cursor: pointer;

            &:hover {
                background-color: darken(#f0efef, 5%);
            }
        }

        .sp-Form-Builder-Toolbar-Button-Cancel {
            .sp-Form-Builder-Toolbar-Button;
            background-color: #f8dcdb;
            width: 28px;

            img {
                opacity: .5;
            }

            &:hover {
                background-color: #f29590;
                opacity: 1;

                img {
                    opacity: 1;
                }
            }
        }

        .sp-Form-Builder-Toolbar-Right {
            float: right;
        }

        .sp-Form-Builder-Toolbar-Right + * {
                clear: right;
            }*/
}

.sp-Form-Builder .sp-Form-Builder-ToolBar button {
  background-color: transparent;
  height: 30px;
  min-width: 35px;
  border: none;
  opacity: 0.85;
  margin: 0;
  padding: 1px 6px;
  -webkit-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
}

.sp-Form-Builder .sp-Form-Builder-ToolBar button:hover,
.sp-Form-Builder .sp-Form-Builder-ToolBar button:focus,
.sp-Form-Builder .sp-Form-Builder-ToolBar button:active {
  opacity: 1;
  outline: none;
  border: none;
  background-color: rgba(0, 0, 0, 0.03);
}

.sp-Form-Builder .sp-Form-Builder-ToolBar button img {
  margin-right: 4px;
  width: 16px;
  height: 16px;
}

.sp-Form-Builder .sp-Form-Builder-ToolBar button img:focus {
  outline: none;
}

.sp-Form-Builder .sp-Form-Builder-ToolBar button span {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
  color: #404040;
}

.sp-Form-Builder .sp-Form-Builder-ToolBar button.builder-ToolBar-Close,
.sp-Form-Builder .sp-Form-Builder-ToolBar button[title="close"],
.sp-Form-Builder .sp-Form-Builder-ToolBar button[title="Close"] {
  background-color: #f8dcdb;
  width: 42px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-Form-Builder .sp-Form-Builder-ToolBar button.builder-ToolBar-Close:hover,
.sp-Form-Builder .sp-Form-Builder-ToolBar button[title="close"]:hover,
.sp-Form-Builder .sp-Form-Builder-ToolBar button[title="Close"]:hover {
  background-color: #f29590;
  opacity: 1;
}

.sp-Form-Builder .sp-Form-Builder-ToolBar button[tooltip="Properties"] img {
  margin-bottom: -2px;
  margin-top: -2px;
}

.sp-Form-Builder .sp-Form-Builder-ToolBar button + button {
  margin: 0 0 0 -3px;
}

.sp-Form-Builder .sp-Form-Builder-Action {
  position: absolute;
  display: inline-block;
  top: 60px;
  right: 30px;
  z-index: 3;
}

.sp-Form-Builder .sp-Form-Builder-Action button {
  display: inline-block;
  border: none;
  margin-left: 2px;
  color: white;
  background-color: #31a89f;
  border-radius: 13px;
  height: 26px;
  font-size: 13px;
  cursor: pointer;
  padding: 0 15px 2px;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.sp-Form-Builder .sp-Form-Builder-Action button span {
  vertical-align: middle;
  display: inline-block;
}

.sp-Form-Builder .sp-Form-Builder-Action button img {
  vertical-align: middle;
  display: inline-block;
  margin: 0 3px 0 -5px;
  width: 16px;
  height: 16px;
}

.sp-Form-Builder .sp-Form-Builder-Action button:hover {
  background-color: #2e9c94;
  border-color: white;
}

.sp-Form-Builder .sp-Form-Builder-Action button:focus {
  outline: none;
}

.sp-Form-Builder .sp-Form-Builder-Action button:disabled {
  pointer-events: none;
  opacity: 0.6;
}

.sp-Form-Builder .sp-Form-Builder-Action > div {
  display: inline-block;
}

.sp-Form-Builder .sp-Form-Builder-Action .configure-Builder-Action {
  display: none;
}

.sp-Form-Builder .sp-Screen-Builder-Action {
  position: absolute;
  display: inline-block;
  top: 60px;
  right: 30px;
  z-index: 3;
}

.sp-Form-Builder .sp-Screen-Builder-Action button {
  display: inline-block;
  border: none;
  margin-left: 2px;
  color: white;
  background-color: #31a89f;
  border-radius: 13px;
  height: 26px;
  min-width: 86.44px;
  font-size: 13px;
  cursor: pointer;
  padding: 0 15px 2px;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.sp-Form-Builder .sp-Screen-Builder-Action button span {
  vertical-align: middle;
  display: inline-block;
}

.sp-Form-Builder .sp-Screen-Builder-Action button img {
  vertical-align: middle;
  display: inline-block;
  margin: 0 3px 0 -5px;
  width: 16px;
  height: 16px;
}

.sp-Form-Builder .sp-Screen-Builder-Action button:hover {
  background-color: #2e9c94;
  border-color: white;
}

.sp-Form-Builder .sp-Screen-Builder-Action button:focus {
  outline: none;
}

.sp-Form-Builder .sp-Screen-Builder-Action button:disabled {
  pointer-events: none;
  opacity: 0.6;
}

.sp-Form-Builder .sp-Screen-Builder-Action > div {
  display: inline-block;
  position: relative;
}

.sp-Form-Builder .sp-Screen-Builder-Action > div:hover .configure-Builder-Action {
  opacity: 1;
}

.sp-Form-Builder .sp-Screen-Builder-Action .configure-Builder-Action {
  font-size: 0;
  position: absolute;
  right: 0;
  top: 7px;
  opacity: 0;
  z-index: 90;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  background-color: #1dd000;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.sp-Form-Builder .sp-Form-Builder-Canvas .sp-Form-Builder-Row {
  display: table-row;
}

.sp-Form-Builder .sp-Form-Builder-Canvas .sp-Form-Builder-Row .sp-Form-Builder-Cell {
  display: table-cell;
  vertical-align: middle;
}

.sp-Form-Builder .sp-Form-Builder-Canvas .sp-Form-Builder-Row .sp-Form-Builder-Cell-Left {
  display: table-cell;
  vertical-align: middle;
  width: 99%;
}

.sp-Form-Builder .sp-Form-Builder-Canvas .sp-Form-Builder-Row .sp-Form-Builder-Cell-Right {
  display: table-cell;
  vertical-align: middle;
  width: 1%;
}

.sp-Form-Builder .sp-Form-Builder-Canvas .sp-Form-Builder-Heading {
  font-size: large;
}

.sp-Form-Builder .sp-Form-Builder-Tool-Button {
  background-color: #63baca;
  position: relative;
  width: 22px;
  cursor: pointer;
}

.sp-Form-Builder .sp-Form-Builder-Tool-Button:hover {
  background-color: #afdce4;
}

.sp-Form-Builder .sp-Form-Builder-Tool-Button .sp-Form-Builder-Tool-Button-Content {
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 3px;
  left: 3px;
}

.sp-Form-Builder .editable-label-edit-container {
  margin-bottom: 0;
}

.sp-form-builder-container {
  overflow: auto;
  position: relative;
  display: block;
  line-height: normal;
  margin-bottom: 3px;
}

.sp-form-builder-container .child-container {
  display: inline;
}

.verticalStackContainer .sp-form-builder-container .child-container {
  display: inline-block;
}

.sp-form-builder-container .sp-form-builder-tabButton img {
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.sp-form-builder-container .sp-form-builder-toolbar {
  position: absolute;
  right: 0;
  top: 7px;
  opacity: 0;
  padding: 2px;
  z-index: 900;
  background-color: #fff;
  border: 2px solid #31a89f;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.sp-form-builder-container .sp-form-builder-toolbar img {
  cursor: pointer;
}

.sp-form-builder-container .sp-form-builder-toolbar .sp-form-builder-adornment {
  float: right;
  cursor: pointer;
  display: inline-block;
  padding: 1px;
  background-color: #31a89f;
  border-radius: 1px;
}

.sp-form-builder-container .sp-form-builder-toolbar .sp-form-builder-adornment:hover {
  background-color: #27978c;
}

.sp-form-builder-container .sp-form-builder-toolbar .sp-form-builder-adornment img {
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.sp-form-builder-container .sp-form-builder-toolbar > span {
  float: right;
  display: inline-block;
  margin-left: 2px;
}

.sp-form-builder-container .sp-form-builder-toolbar > span:last-child {
  margin: 0;
}

.sp-form-builder-container .sp-form-builder-container-content {
  overflow: auto;
  height: 100%;
  width: 100%;
  border-radius: 2px;
  background-color: transparent;
  overflow-x: hidden;
  font-size: 0.813rem;
}

.sp-form-builder-container .sp-form-builder-container-content sp-single-line-text-control {
  overflow: hidden;
}

.sp-form-builder-container .sp-form-builder-container-content .form-builder-form-render-control {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-form-builder-container .sp-form-builder-container-content .edit-form-control-container {
  vertical-align: top;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

.sp-form-builder-container .sp-form-builder-container-content .edit-form-control-container .edit-form-title {
  display: inline-block;
  vertical-align: top;
  color: #888;
  padding: 10px 0 0 3px;
}

.sp-form-builder-container .sp-form-builder-container-content .edit-form-control-container .edit-form-title .editable-label-readonly-container {
  white-space: nowrap;
}

.sp-form-builder-container .sp-form-builder-container-content .edit-form-control-container .edit-form-title .editable-label-readonly-container .editable-label-readonly-editable {
  white-space: nowrap;
  display: inline-block;
  max-width: 115px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sp-form-builder-container .sp-form-builder-container-content .edit-form-control-container .edit-form-title .editable-label-readonly-container .editable-label-suffix {
  font-weight: lighter;
}

.sp-form-builder-container .sp-form-builder-container-content .edit-form-control-container .edit-form-title .editable-label-edit-container {
  margin-top: -4px;
  vertical-align: top;
}

.sp-form-builder-container .sp-form-builder-container-content .edit-form-control-container .edit-form-title .editable-label-edit-container .editable-label-edit {
  min-height: inherit;
  height: 22px;
}

.sp-form-builder-container .sp-form-builder-container-content .edit-form-control-container .edit-form-value {
  display: inline-block;
  vertical-align: top;
  padding-top: 6px;
  width: calc(100% - 130px);
}

.sp-form-builder-container .sp-form-builder-container-content .edit-form-control-container .edit-form-value input,
.sp-form-builder-container .sp-form-builder-container-content .edit-form-control-container .edit-form-value select {
  width: 100%;
}

.sp-form-builder-container .sp-form-builder-container-content .edit-form-control-container .edit-form-value input[type="checkbox"],
.sp-form-builder-container .sp-form-builder-container-content .edit-form-control-container .edit-form-value select[type="checkbox"] {
  width: auto;
}

.sp-form-builder-container .sp-form-builder-container-content .edit-form-control-container .edit-form-value textarea {
  width: 100%;
  height: 100%;
}

.sp-form-builder-container .sp-form-builder-container-content .edit-form-control-container .edit-form-value sp-time-control,
.sp-form-builder-container .sp-form-builder-container-content .edit-form-control-container .edit-form-value sp-date-control {
  display: inline-block;
  width: 100%;
}

.sp-form-builder-container .sp-form-builder-container-content .edit-form-control-container .edit-form-value sp-date-and-time-control span {
  width: auto !important;
}

.sp-form-builder-container .sp-form-builder-container-content .edit-form-control-container .edit-form-value sp-date-and-time-control sp-time-control,
.sp-form-builder-container .sp-form-builder-container-content .edit-form-control-container .edit-form-value sp-date-and-time-control sp-date-control {
  width: 120px !important;
  padding-right: 5px !important;
}

.sp-form-builder-container .sp-form-builder-container-content .edit-form-control-container .edit-form-value sp-date-and-time-control sp-time-control input.date-input,
.sp-form-builder-container .sp-form-builder-container-content .edit-form-control-container .edit-form-value sp-date-and-time-control sp-date-control input.date-input,
.sp-form-builder-container .sp-form-builder-container-content .edit-form-control-container .edit-form-value sp-date-and-time-control sp-time-control input.time-input,
.sp-form-builder-container .sp-form-builder-container-content .edit-form-control-container .edit-form-value sp-date-and-time-control sp-date-control input.time-input {
  width: 73px;
}

.sp-form-builder-container .sp-form-builder-container-content .edit-form-control-container .edit-form-value .entityCheckBoxPickerContainer {
  color: #ccc;
}

.sp-form-builder-container .sp-form-builder-container-content .edit-form-control-container .edit-form-value .imageviewer {
  margin: 0;
  opacity: 0.5;
}

.sp-form-builder-container .sp-form-builder-container-content .edit-form-control-container .edit-form-value .imageviewer .image-preview-background {
  background-image: url(assets/images/imagepreviewBg.png);
  min-width: 224px;
}

.sp-form-builder-container .sp-form-builder-container-content .edit-form-control-container .edit-form-value .sp-checkbox-control {
  display: block;
  margin-top: 5px;
}

.sp-form-builder-container .sp-form-builder-container-content .spreport-view {
  min-height: 130px;
  height: 100%;
}

.sp-form-builder-container .sp-form-builder-container-content .spreport-view .reportDataGridStyle .dataGrid-view .dataGridStyle .ngViewport {
  min-height: 70px !important;
}

.sp-form-builder-container .sp-form-builder-container-content .nav-tabs li uib-tab-heading {
  padding-right: 12px;
}

.sp-form-builder-container .sp-form-builder-container-content-child {
  height: 100%;
  background-color: transparent;
  font-size: 0;
}

.sp-form-builder-container .sp-form-builder-container-content-child .edit-form-title,
.sp-form-builder-container .sp-form-builder-container-content-child .edit-form-value,
.sp-form-builder-container .sp-form-builder-container-content-child .form-title,
.sp-form-builder-container .sp-form-builder-container-content-child .structure-control-header,
.sp-form-builder-container .sp-form-builder-container-content-child .sp-form-builder-container-header,
.sp-form-builder-container .sp-form-builder-container-content-child sp-chart-render-control,
.sp-form-builder-container .sp-form-builder-container-content-child sp-form-render-control,
.sp-form-builder-container .sp-form-builder-container-content-child sp-report-render-control,
.sp-form-builder-container .sp-form-builder-container-content-child sp-tab-container-control,
.sp-form-builder-container .sp-form-builder-container-content-child sp-tab-relationship-render-control {
  font-size: 13px !important;
  line-height: 1.3em;
}

.sp-tablet-device .sp-form-builder-container .sp-form-builder-container-content-child .edit-form-title,
.sp-tablet-device .sp-form-builder-container .sp-form-builder-container-content-child .edit-form-value,
.sp-tablet-device .sp-form-builder-container .sp-form-builder-container-content-child .form-title,
.sp-tablet-device .sp-form-builder-container .sp-form-builder-container-content-child .structure-control-header,
.sp-tablet-device .sp-form-builder-container .sp-form-builder-container-content-child .sp-form-builder-container-header,
.sp-tablet-device .sp-form-builder-container .sp-form-builder-container-content-child sp-chart-render-control,
.sp-tablet-device .sp-form-builder-container .sp-form-builder-container-content-child sp-form-render-control,
.sp-tablet-device .sp-form-builder-container .sp-form-builder-container-content-child sp-report-render-control,
.sp-tablet-device .sp-form-builder-container .sp-form-builder-container-content-child sp-tab-container-control,
.sp-tablet-device .sp-form-builder-container .sp-form-builder-container-content-child sp-tab-relationship-render-control {
  font-size: 15px !important;
}

.sp-tablet-device .sp-form-builder-container .sp-form-builder-container-content-child .edit-form-value {
  font-size: 19px !important;
}

.sp-form-builder-container .ui-resizable-se {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.sp-form-builder-container .ui-resizable-se:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.sp-form-builder-container .ui-resizable-se:active,
.sp-form-builder-container .ui-resizable-se:focus {
  background-color: #688d94;
}

.sp-form-builder-container .ui-resizable-e {
  right: 0;
}

.sp-form-builder-container .ui-resizable-e:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.sp-form-builder-container .ui-resizable-e:active,
.sp-form-builder-container .ui-resizable-e:focus {
  background-color: #688d94;
}

.sp-form-builder-container .ui-resizable-s {
  bottom: 0;
}

.sp-form-builder-container .ui-resizable-s:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.sp-form-builder-container .ui-resizable-s:active,
.sp-form-builder-container .ui-resizable-s:focus {
  background-color: #688d94;
}

.sp-form-builder-container .field-title {
  width: 120px;
  vertical-align: top;
  word-wrap: break-word;
}

.sp-form-builder-container .structure-control-header {
  padding: 10px 0 0 0;
  color: #31a89f;
  display: block;
  border-bottom: 1px #91d1cc solid;
  word-break: break-all;
  text-transform: uppercase;
  height: 29px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
}

.sp-form-builder-container .structure-control-header:empty {
  display: none;
}

.sp-tablet-device .sp-form-builder-container .structure-control-header,
.sp-mobile-device .sp-form-builder-container .structure-control-header {
  height: 40px;
  padding-top: 20px;
}

.sp-tablet-device .sp-form-builder-container .structure-control-header:empty,
.sp-mobile-device .sp-form-builder-container .structure-control-header:empty {
  height: 40px;
}

.sp-form-builder-margined-control {
  margin-right: 3px;
}

.sp-form-builder-chart .sp-form-builder-padding-target .sp-form-builder-container-content {
  overflow: hidden;
}

.sp-form-builder-chart .sp-form-builder-padding-target > .sp-form-builder-toolbar {
  right: 8px;
}

.sp-form-builder-field-control {
  margin-bottom: 5px;
}

.sp-form-builder-margined-control .sp-form-builder-field-control,
.sp-form-builder-header-content-control .sp-form-builder-field-control,
.form-builder-form-render-control .sp-form-builder-field-control {
  margin-bottom: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  display: inline-block;
}

.sp-form-builder-field-control .sp-hero-text-control {
  min-height: 100px;
  min-width: 100px;
}

.sp-form-builder-hover {
  opacity: 1 !important;
}

.sp-form-builder-form-control {
  cursor: move;
  /*> .sp-form-builder-field-control{
         padding:0 !important;
         min-height:inherit !important;
         .sp-form-builder-container-content{
             box-shadow:none !important;
         }
     }*/
}

.sp-form-builder-form-control .field-title {
  cursor: move;
  word-wrap: break-word;
  width: 120px;
  font-size: 12px !important;
  letter-spacing: -0.04em;
}

.sp-form-builder-padding-target {
  height: 100%;
  background-color: transparent;
}

.sp-form-builder-chart-control {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.sp-form-builder-container-header {
  display: block;
  color: #31a89f;
  border-bottom: 1px #31a89f solid;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}

.sp-form-builder-container-header .editable-label-edit-container {
  padding: 2px 0 1px;
}

.sp-form-builder-container-header .editable-label-edit-container .editable-label-edit {
  vertical-align: top;
}

.sp-form-builder-container-header .editable-label-readonly-container {
  padding: 0;
}

.sp-form-builder-container-header .editable-label-readonly-container > span {
  padding: 7px 3px 0;
  display: inline-block;
  height: 30px;
}

.sp-form-builder-container-header .editable-label-readonly-container > span:empty {
  padding: 0;
  display: inline;
}

.sp-form-builder-container-selected {
  border: 1px dashed #0092ff;
}

.sp-form-builder-assign-parent div[title="field-title"] {
  min-width: 120px;
}

.sp-form-builder-assign-parent div[title="row"] {
  height: 26px;
}

.form-builder-form-render-control {
  border-radius: 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;
  height: 100%;
}

.form-builder-form-render-control .tabbable {
  padding: 0 !important;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -68px -228px;
  height: 8px;
  width: 8px;
}

.fieldGroup-title {
  margin: 5px 0 -3px;
  padding: 3px 0 3px 15px;
  border-bottom: 1px dotted #777;
  color: #aaa;
  font-size: 1em;
}

.fb-text-control textarea[disabled] {
  border: 1px solid #d3d3d3;
  cursor: default;
  background-color: #ebebe4;
  max-height: 57px;
}

.fb-text-control .multitext-expander {
  cursor: default;
}

sp-tab-render-control .sp-form-builder-container-content-child {
  height: calc(100% - 5px) !important;
}

.sp-form-builder-action-button__adornmentcontainerpadding {
  width: 100%;
  position: relative;
}

.sp-form-builder-action-button__adornmentcontainer {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  padding: 2px;
  z-index: 900;
  background-color: #fff;
  border: 2px solid #31a89f;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.sp-form-builder-action-button__adornment {
  float: right;
  cursor: pointer;
  display: inline-block;
  padding: 1px;
  background-color: #31a89f;
  border-radius: 1px;
}

.sp-form-builder-action-button__adornment:hover {
  background-color: #27978c;
}

.sp-form-builder-action-button__adornment img {
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.rn-configure-button-inline {
  background-color: #31a89f;
}

.rn-configure-button-inline:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.rn-configure-button-inline:hover {
  background-color: #27978c;
}

.rn-configure-button-inline[disabled] {
  cursor: default;
  opacity: 0.5;
  background-color: #31a89f;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.formSaveAsDialog .modal-body .nameLabel {
  width: 140px;
  vertical-align: top;
}

.formSaveAsDialog .modal-body .nameInput {
  padding: 0 0 0 2px;
  margin: 0;
  min-height: 27px;
  border: 1px solid #d3d3d3;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: left;
  width: 420px;
}

.formSaveAsDialog .modal-body .nameInput:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #30c5c5;
  outline: none;
}

.formSaveAsDialog .modal-body .nameInput[disabled] {
  cursor: default;
  opacity: 0.5;
  background-color: #ebebe4;
}

.formSaveAsDialog .modal-body .nameInput[disabled]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.formSaveAsDialog .modal-body .nameInput[readonly] {
  border: 1px solid #d3d3d3;
}

.formSaveAsDialog .modal-body .nameInput[readonly]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.formSaveAsDialog .modal-body .nameInput:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #30c5c5;
  outline: none;
}

.formSaveAsDialog .modal-body .sectionLabel {
  width: 140px;
  vertical-align: top;
  margin-top: 5px;
}

.formSaveAsDialog .modal-body .navSection-container {
  display: inline-block;
}

.formSaveAsDialog .modal-body .navSectionPicker {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 420px;
  display: inline-block;
}

.formSaveAsDialog .alerter {
  margin: 5px 5px 5px 0;
  position: static;
  height: auto;
  font-size: 1em;
  background-color: #ffe6e1;
  color: #f94945;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.home-view {
  color: #666;
}

.home-view .description {
  margin-top: 5px;
}

.home-left-panel {
  background-color: lightgrey;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.importspreadsheet-view {
  padding: 35px;
  padding-bottom: 0;
  font-size: 11px;
  color: #555;
}

.importspreadsheet-view .displayLabel align-content {
  cursor: pointer;
}

.importspreadsheet-view .importStepContainer {
  background-color: #f5f5f5;
  -webkit-box-shadow: 0 0 4px #e7e7e7 inset;
          box-shadow: 0 0 4px #e7e7e7 inset;
  border-radius: 6px;
  padding: 0 5px 0 0;
}

.importspreadsheet-view .importStepContainer .importstep {
  background-color: transparent;
  padding: 0 15px;
  display: inline-block;
  color: #999;
  vertical-align: middle;
}

.importspreadsheet-view .importStepContainer .importstep_selected {
  display: inline-block;
  padding: 7px 15px;
  background-color: #6b96d1;
  border-radius: 3px;
  color: #fff;
  font-weight: normal;
  font-size: 13px;
  margin-right: 10px;
  vertical-align: middle;
  line-height: none;
}

.importspreadsheet-view .importStepContainer .importstep_selected::after {
  content: url("assets/images/importselected.png");
  background-origin: content-box;
  margin: -7px -31px -11px 0;
  float: right;
}

.importspreadsheet-view .importStepContainer .btn {
  margin-top: 4px;
  height: 25px;
  padding: 4px 12px;
}

.importspreadsheet-view .container-fluid.page1,
.importspreadsheet-view .container-fluid.page2,
.importspreadsheet-view .container-fluid.page3,
.importspreadsheet-view .container-fluid.page4 {
  padding: 0;
}

.importspreadsheet-view .displayLabel {
  padding-top: 0.8em;
  display: block;
}

.importspreadsheet-view .displayLabel__input,
.importspreadsheet-view .displayLabel__label,
.importspreadsheet-view .displayLabel__div {
  display: inline-block;
}

.importspreadsheet-view .page1 .importfileUpload {
  border-bottom: 1px dotted #ccc;
  padding: 6px 0;
  margin-top: 20px;
}

.importspreadsheet-view .page1 .importfileUpload .sp-input {
  width: 225px;
}

.importspreadsheet-view .page1 .importfileUpload .fileUploadLabel {
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  color: #000;
  margin: 0;
  margin-right: 5px;
  vertical-align: middle;
}

.importspreadsheet-view .page1 .importfileUpload .importUploadState {
  display: inline-block;
  margin-left: 10px;
}

.importspreadsheet-view .page1 .importfileUpload .importUploadState .uploadMessageLabel {
  display: inline-block;
  color: #2eb100;
  margin: 0;
  cursor: default;
}

.importspreadsheet-view .page1 .control-group {
  vertical-align: top;
}

.importspreadsheet-view .page1 .control-group .import-settings {
  background-color: #f3f3f3;
  -webkit-box-shadow: 0 0 4px #e3e3e3 inset;
          box-shadow: 0 0 4px #e3e3e3 inset;
  border-radius: 6px;
  padding: 10px;
  vertical-align: top;
}

.importspreadsheet-view .page1 .control-group .import-settings .import-settings-item {
  margin-bottom: 3px;
}

.importspreadsheet-view .page1 .control-group .import-settings .import-settings-item:last-child {
  margin: 0;
}

.importspreadsheet-view .page1 .control-group .import-settings .import-settings__input,
.importspreadsheet-view .page1 .control-group .import-settings .import-settings__select {
  margin: 0;
  width: 225px;
}

.importspreadsheet-view .page1 .control-group .import-settings .import-settings__input.sp-checkbox,
.importspreadsheet-view .page1 .control-group .import-settings .import-settings__select.sp-checkbox,
.importspreadsheet-view .page1 .control-group .import-settings .import-settings__input.sp-radio,
.importspreadsheet-view .page1 .control-group .import-settings .import-settings__select.sp-radio {
  width: auto;
}

.importspreadsheet-view .page1 .control-group .import-settings .sheetSettingLabel {
  width: 230px;
  display: inline-block;
}

.importspreadsheet-view .page1 .control-group .import-settings .sp-button-lighten {
  border: 1px solid #999;
}

.importspreadsheet-view .page1 .control-group .importPreview {
  background-color: #cbdeff;
  padding: 5px;
  margin: 5px 0 1px;
  color: #0e35cb;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.importspreadsheet-view .page1 .control-group .importPreview--image {
  padding: 0 5px;
}

.importspreadsheet-view .page1 .control-group .previewTable {
  display: block;
  overflow-x: auto;
}

.importspreadsheet-view .page1 .control-group .table .tableName {
  width: 100%;
  background-color: lightgray;
}

.importspreadsheet-view .page1 .control-group--h2 {
  padding: 8px 0;
}

.importspreadsheet-view .page2 .displayLabel {
  width: 200px;
}

.importspreadsheet-view .page2 .displayLabel .sp-select {
  width: 200px;
}

.importspreadsheet-view .page3 .mappingGrid {
  min-height: 400px;
  display: block;
}

.importspreadsheet-view .page3 .mappingGrid .sourceOptions {
  float: right;
}

.importspreadsheet-view .page3 .mappingGrid .fieldDetails {
  text-align: right;
}

.importspreadsheet-view .page3 .mappingGrid .targetType {
  float: left;
}

.importspreadsheet-view .page3 .message {
  margin-top: 20px;
  display: block;
  font-size: small;
  color: brown;
  font-style: italic;
}

.importspreadsheet-view .page3 .disabled {
  color: lightgray;
}

.importspreadsheet-view .page5 .resultText {
  font-size: large;
  font-weight: bold;
}

.importspreadsheet-view .page5 .importResultText {
  width: 100%;
  min-height: 100px;
  cursor: auto;
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  resize: none;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: transparent;
}

.importspreadsheet-view .page5 .importResultText + .btn {
  margin-top: 5px;
}

.importspreadsheet-view .errorLabel {
  display: block;
  background-color: #f94945;
  color: white;
  margin: 5px 0;
  padding-left: 10px;
  border-radius: 3px;
}

.importspreadsheet-view__h1 {
  font-size: 26px;
  display: block;
  color: #000;
  font-weight: lighter;
  margin: 25px 0 32px;
  line-height: initial;
  min-height: 30px;
}

.importspreadsheetImportResultText__container {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 30px;
  top: 220px;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.importxml-view input {
  vertical-align: middle;
}

.importxml-view .further {
  margin-top: 2em;
}

.importxml-view .further__list {
  list-style: disc outside none;
}

.importxml-view .bg-success {
  background-color: #dff0d8;
  padding: 10px;
}

.importxml-view .rt-result,
.importxml-view .ng-binding {
  color: #468847;
}

.importxml-view .bg-danger {
  background-color: #f2dede;
  padding: 10px;
}

.importxml-view .bg-danger .rt-result,
.importxml-view .bg-danger p,
.importxml-view .bg-danger .ng-binding {
  color: #a94442;
}

.importxml-view .bg-danger .errorpoint {
  list-style-type: disc;
}

.importxml-view .bg-danger .rt-refstring {
  max-width: 700px;
  overflow-wrap: anywhere;
  color: #a94442;
}

.importxml-view .bg-danger .rt-refstring .rt-refstring-title {
  font-weight: bold;
  font-style: italic;
  margin-top: 20px;
  margin-bottom: 3px;
}

.importxml-view .bg-danger .rt-refstring .rt-refstring-value {
  cursor: pointer;
  border: 1px solid;
  border-radius: 5px;
  padding: 3px;
}

.record-type-detail-upper-element {
  margin-top: 10px;
}

img.record-type-nav-icon {
  display: inline-block;
  max-width: 1.4rem;
  margin-top: -0.2rem;
  background-color: red;
}

div.record-type-row-title {
  display: inline;
}

div.record-type-row-environment-selection {
  display: inline;
  margin-left: 10px;
  float: right;
}

div.record-type-row-environment-selection > label > input[type="radio"] {
  display: inline;
  margin-top: -4px;
}

div.record-type-row-busy {
  float: right;
}

div.record-type-row-busy img.record-type-row-busy-spinner {
  max-width: 10px;
}

div.record-type-detail-container {
  margin-top: 10px;
}

div.record-type-detail-form-actions {
  margin-top: 10px;
}

div.record-type-detail-sandbox-links-preview {
  margin-top: 10px;
}

div.record-type-detail-sandbox-links-published {
  margin-top: 10px;
}

div.record-type-detail-button-group {
  margin-top: 10px;
}

div.record-type-detail-members {
  margin-top: 10px;
}

div.record-type-detail-members > ul {
  margin-top: 10px;
}

.recordTypeDetailButton {
  --bg-opacity: 1;
  background-color: #00bca5;
  background-color: rgba(0, 188, 165, var(--bg-opacity));
  border-radius: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 0.25rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
  width: 8rem;
}

.recordTypeDetailButton:hover {
  --bg-opacity: 1;
  background-color: #047481;
  background-color: rgba(4, 116, 129, var(--bg-opacity));
}

.recordTypeDetailButton:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

div.record-type-section-title {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
  margin-top: 0.75rem;
  max-width: 28rem;
  color: #31a89f;
  border-bottom: 1px #31a89f solid;
}

.report-view {
  position: relative;
  height: 100%;
  width: 100%;
}

.report-view .action-panel {
  position: absolute;
  right: -30px;
  left: -30px;
  height: 30px;
  padding-right: 45px;
  padding-bottom: 0;
  text-align: right;
}

.report-view .action-panel button {
  width: 30px;
  height: 30px;
  padding: inherit;
  line-height: inherit;
  border: none;
  background-color: transparent;
  border-radius: 0;
}

.report-view .action-panel button:hover,
.report-view .action-panel button:active {
  color: #2b2b2b;
  text-decoration: none;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  background-color: #f0f0f0;
  border: none;
  outline: none;
  opacity: 1;
}

.report-view .action-panel button + button {
  margin-left: -2px;
}

.report-view .action-panel button[title="close"],
.report-view .action-panel button[title="cancel"] {
  width: 35px;
  height: 30px;
  background-color: #f8dcdb;
  border-radius: inherit;
  margin-right: -35px;
}

.report-view .action-panel button[title="close"]:hover,
.report-view .action-panel button[title="cancel"]:hover,
.report-view .action-panel button[title="close"]:active,
.report-view .action-panel button[title="cancel"]:active {
  background-color: #f29590;
  opacity: 1;
}

.report-view .report-config-panel {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 1;
  font-size: 0;
  background-color: #1dd000;
  border: none;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}

.report-view .report-config-panel .report-config-panel-button {
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 12px;
  line-height: 0;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
  border: none;
  border-radius: 4px;
  outline: none;
}

.report-view .report-config-panel .report-config-panel-button-light {
  border-radius: 4px;
}

.report-view .report-config-panel .report-config-panel-button-light:hover {
  margin-top: 0;
  background-color: #1bc100;
}

.report-view .report-config-panel .report-config-panel-button-light img {
  display: inline-block !important;
}

.report-view .report-header {
  position: absolute;
  min-height: 30px;
}

.sp-tablet-device .report-view .report-header {
  width: auto;
}

.sp-tablet-device .report-view .report-header h1 {
  font-size: 1.8em;
  margin-top: 1.5em;
  margin-left: 5px;
}

.report-view .report-header select.sp-combo-picker {
  height: 24px;
  font-size: 12px !important;
  vertical-align: top;
}

.report-view .spreport-view {
  min-height: 100px;
  position: absolute;
  top: 60px;
  bottom: 0;
  width: 100%;
  height: inherit;
}

.sp-mobile-device .report-view .spreport-view,
.sp-tablet-device .report-view .spreport-view {
  top: 0;
}

.report-view .gridStyle {
  border: 0 solid #d4d4d4;
  background: none;
}

.report-view .gridStyle.ngGrid {
  background-color: none;
}

.report-header-heading {
  text-overflow: ellipsis;
  max-width: 800px;
  white-space: nowrap;
  overflow: hidden;
}

.report-header-button {
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  height: 28px;
  padding: 0 20px;
  min-width: 35px;
  border: none;
  opacity: 0.7;
  margin: 2px;
  background-color: #31a89f;
  -webkit-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
  white-space: nowrap;
}

.report-header-button:hover,
.report-header-button:focus,
.report-header-button:active {
  opacity: 1;
  outline: none;
}

.report-header-button img {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.sp-mobile-device .report-header-button img,
.sp-tablet-device .report-header-button img {
  margin: 0;
}

.report-header-button img:focus {
  outline: none;
}

.report-header-button--back {
  background-color: #444;
}

.hosted-report-toolbar-container {
  padding-right: 5px;
  position: absolute;
  right: 0;
  top: 0;
  left: unset;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.deprecated-message {
  padding: 5px;
  background-color: #ff98008c;
  font-size: 14px;
  font-weight: 500;
}


@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.report-Builder-Page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #1f2937;
  font-family: Roboto, ui-sans-serif, system-ui, Helvetica Neue, Arial, Noto Sans, sans-serif;
}

.report-Builder-Page .report-Builder-ToolBar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 10px 0;
}

.report-Builder-Page .report-Builder-ToolBar button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  height: 25px;
  margin: 0;
  padding: 0 8px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #1f2937;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

.report-Builder-Page .report-Builder-ToolBar button span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: none;
}

.report-Builder-Page .report-Builder-ToolBar [title="Reload"],
.report-Builder-Page .report-Builder-ToolBar [title="Properties"],
.report-Builder-Page .report-Builder-ToolBar [title="Close"] {
  background: #eeeff2;
  width: auto;
}

.report-Builder-Page .report-Builder-ToolBar [title="Reload"]:hover,
.report-Builder-Page .report-Builder-ToolBar [title="Properties"]:hover,
.report-Builder-Page .report-Builder-ToolBar [title="Close"]:hover {
  background: #e5e7eb;
}

.report-Builder-Page .report-Builder-ToolBar [title="Save"],
.report-Builder-Page .report-Builder-ToolBar [title="Save As"] {
  background: #16a34a;
  color: white;
}

.report-Builder-Page .report-Builder-ToolBar [title="Save"]:hover,
.report-Builder-Page .report-Builder-ToolBar [title="Save As"]:hover {
  background: #15803d;
}

.report-Builder-Page .report-header {
  position: absolute;
  top: 36px;
  left: 0;
  width: 100%;
  height: 54px;
  padding: 0 10px 5px;
  border-bottom: 1px solid #d1d5db;
}

.report-Builder-Page .report-header h1 {
  height: 32px;
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  font-family: Roboto, ui-sans-serif, system-ui, Helvetica Neue, Arial, Noto Sans, sans-serif;
}

.report-Builder-Page .report-header .description {
  color: #999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.report-Builder-Page .report-header .description:empty {
  height: 0;
}

.report-Builder-Page .report-header .editable-label-readonly-container {
  text-overflow: ellipsis;
  max-width: 800px;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}

.report-Builder-Page .report-content {
  position: absolute;
  padding: 10px 10px 0;
  top: 90px;
  left: 0;
  right: 0;
  bottom: 0;
  margin-bottom: 0;
}

.report-Builder-Page .report-footer {
  position: absolute;
  height: 2px;
  bottom: 0;
}

.report-Builder-Page .reportDataGridStyle {
  position: absolute;
  top: 30px;
  bottom: 0;
  margin-top: auto;
  height: auto;
  width: 100%;
}

.report-Builder-Page .gridStyle {
  border: 0 solid #d4d4d4;
  background: none;
}

.report-Builder-Page .gridStyle.ngGrid {
  background-color: none;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.reportactionsdialog-view {
  height: 100%;
  width: 100%;
  position: relative;
}

.reportactionsdialog-view .tab-content .tab-pane > span.ng-scope {
  position: inherit !important;
}

.reportactionsdialog-view__body {
  height: calc(100% - 90px);
  position: relative;
}

.reportactionsdialog-view__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.reportactionsdialog-toolbar {
  text-align: right;
}

.reportactionsdialog-toolbar button {
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 3px 12px;
  font-size: 12px;
  line-height: 1em;
  cursor: pointer;
  background-color: #414141;
  color: #ededed;
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  border: 1px solid #3c3c3c;
  border-bottom-color: #343434;
  border-radius: 3px;
  background-color: #f0f0f0;
  border-color: #bdbdbd;
  border-bottom-color: #c0c0c0;
  color: #606060;
  padding: 0 5px;
}

.reportactionsdialog-toolbar button:hover,
.reportactionsdialog-toolbar button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.reportactionsdialog-toolbar button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.reportactionsdialog-toolbar button.active,
.reportactionsdialog-toolbar button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.reportactionsdialog-toolbar button.disabled,
.reportactionsdialog-toolbar button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.reportactionsdialog-toolbar button.disabled img,
.reportactionsdialog-toolbar button[disabled] img {
  opacity: 0.4;
}

.reportactionsdialog-toolbar button:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.reportactionsdialog-toolbar button:hover,
.reportactionsdialog-toolbar button:focus {
  color: #333;
  text-decoration: none;
}

.reportactionsdialog-toolbar button:active,
.reportactionsdialog-toolbar button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.reportactionsdialog-toolbar button.disabled,
.reportactionsdialog-toolbar button[disabled],
fieldset[disabled] .reportactionsdialog-toolbar button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.reportactionsdialog-toolbar button:hover,
.reportactionsdialog-toolbar button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.reportactionsdialog-toolbar button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.reportactionsdialog-toolbar button.active,
.reportactionsdialog-toolbar button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.reportactionsdialog-toolbar button.disabled,
.reportactionsdialog-toolbar button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.reportactionsdialog-toolbar button.disabled img,
.reportactionsdialog-toolbar button[disabled] img {
  opacity: 0.4;
}

.sp-mobile-device .reportactionsdialog-toolbar button,
.sp-tablet-device .reportactionsdialog-toolbar button {
  min-height: 40px;
  min-width: 40px;
  font-size: initial;
}

.reportactionsdialog-toolbar button:hover,
.reportactionsdialog-toolbar button:focus {
  color: #2b2b2b;
  text-decoration: none;
  background-color: #e3e3e3;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.reportactionsdialog-toolbar button:focus {
  background-color: #f0f0f0;
  outline: none;
  border: 1px solid #bdbdbd;
}

.reportactionsdialog-toolbar button.active,
.reportactionsdialog-toolbar button:active {
  background-image: none;
  background-color: #e3e3e3;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
  box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
}

.reportactionsdialog-toolbar button.disabled,
.reportactionsdialog-toolbar button[disabled] {
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.reportactionsdialog-toolbar button.disabled img,
.reportactionsdialog-toolbar button[disabled] img {
  opacity: 0.4;
}

.ngRow .ngCell input[type="checkbox"] {
  margin-top: 8px;
}

.ngRow .ngCell .action-icon {
  text-align: center;
  margin-top: 8px;
  width: 16px;
  height: 16px;
  margin-left: 30%;
  background-position: center center;
  background-size: contain;
}

.reportactionsdialog-detail {
  min-height: 200px;
}

.action-icon {
  height: 16px;
  width: 16px;
}

.action-divider {
  height: 10px;
}

.reportpropertydialog-view .modal-body .edit-name-ctrl {
  width: 100%;
}

.reportpropertydialog-view .modal-body label {
  width: 140px;
  vertical-align: top;
}

.reportpropertydialog-view .modal-body table {
  width: 100%;
}

.reportpropertydialog-view .modal-body .td {
  vertical-align: top;
}

.reportpropertydialog-view .modal-body .alerter {
  margin-top: 15px;
  margin-bottom: 10px;
  position: static;
  height: auto;
}

.reportpropertydialog-view .modal-body input,
.reportpropertydialog-view .modal-body select {
  width: 100%;
}

.reportpropertydialog-view .modal-body textarea {
  min-height: 57px;
}

.reportpropertydialog-view .modal-body input[type="checkbox"] {
  width: inherit;
  margin-left: 114px;
  vertical-align: middle;
}

.sp-mobile-device .reportpropertydialog-view .modal-body input[type="checkbox"],
.sp-tablet-device .reportpropertydialog-view .modal-body input[type="checkbox"] {
  width: 25px;
  height: 25px;
}

.reportpropertydialog-view .modal-body .inlineRelPicker input {
  width: 100%;
  margin-bottom: 0;
}

.reportpropertydialog-view .modal-body .inlineRelPicker button {
  margin-left: 2px;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.reportSaveAsDialog-view .modal-body .nameLabel {
  width: 140px;
  vertical-align: top;
}

.reportSaveAsDialog-view .modal-body .sectionLabel {
  width: 140px;
  vertical-align: top;
  margin-top: 5px;
}

.reportSaveAsDialog-view .modal-body .nameInput {
  padding: 0 0 0 2px;
  margin: 0;
  min-height: 27px;
  border: 1px solid #d3d3d3;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: left;
  width: 420px;
}

.reportSaveAsDialog-view .modal-body .nameInput:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #30c5c5;
  outline: none;
}

.reportSaveAsDialog-view .modal-body .nameInput[disabled] {
  cursor: default;
  opacity: 0.5;
  background-color: #ebebe4;
}

.reportSaveAsDialog-view .modal-body .nameInput[disabled]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.reportSaveAsDialog-view .modal-body .nameInput[readonly] {
  border: 1px solid #d3d3d3;
}

.reportSaveAsDialog-view .modal-body .nameInput[readonly]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.reportSaveAsDialog-view .modal-body .navSection-container {
  display: inline-block;
}

.reportSaveAsDialog-view .modal-body .navSectionPicker {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 420px;
  display: inline-block;
}

.reportSaveAsDialog-view .alerter {
  margin: 5px 5px 5px 0;
  position: static;
  height: auto;
  font-size: 1em;
  background-color: #ffe6e1;
  color: #f94945;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.rptTemplate-view {
  position: relative;
  height: 100%;
  width: 100%;
}

.rptTemplate-view .rptTemplate-header {
  position: absolute;
  height: 40px;
  top: 0;
  width: 100%;
}

.rptTemplate-view .rptTemplate-content {
  position: absolute;
  top: 40px;
  bottom: 24px;
  width: 100%;
  margin-bottom: 2px;
}

.rptTemplate-view .rptTemplate-gridStyle {
  position: absolute;
  top: 0;
  bottom: 0;
}

.spSecurityCustomiseUI-view {
  position: relative;
  height: 100%;
  width: 100%;
}

.spSecurityCustomiseUI-view .action-panel {
  position: absolute;
  right: -30px;
  left: -30px;
  height: 30px;
  padding-right: 30px;
  padding-bottom: 0;
  text-align: right;
}

.spSecurityCustomiseUI-view .action-panel button {
  width: auto;
  min-width: 30px;
  height: 30px;
  padding: 0 5px 0;
  line-height: inherit;
  border: none;
  background-color: transparent;
  border-radius: 0;
}

.spSecurityCustomiseUI-view .action-panel button span {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
  color: #404040;
}

.spSecurityCustomiseUI-view .action-panel button:hover,
.spSecurityCustomiseUI-view .action-panel button:active {
  color: #2b2b2b;
  text-decoration: none;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  background-color: #f0f0f0;
  border: none;
  outline: none;
  opacity: 1;
}

.spSecurityCustomiseUI-view .action-panel button + button {
  margin-left: -2px;
}

.spSecurityCustomiseUI-view .action-panel button[title="Close"],
.spSecurityCustomiseUI-view .action-panel button[title="Cancel"] {
  width: auto;
  height: 30px;
  background-color: #f8dcdb;
  border-radius: inherit;
  margin-right: -30px;
}

.spSecurityCustomiseUI-view .action-panel button[title="Close"] span,
.spSecurityCustomiseUI-view .action-panel button[title="Cancel"] span {
  display: none;
}

.spSecurityCustomiseUI-view .action-panel button[title="Close"]:hover,
.spSecurityCustomiseUI-view .action-panel button[title="Cancel"]:hover,
.spSecurityCustomiseUI-view .action-panel button[title="Close"]:active,
.spSecurityCustomiseUI-view .action-panel button[title="Cancel"]:active {
  background-color: #f29590;
  opacity: 1;
}

.spSecurityCustomiseUI-view .securityUI-header {
  position: absolute;
  top: 30px;
  width: 100%;
  height: 30px;
}

.spSecurityCustomiseUI-view .securityUI-content {
  position: absolute;
  top: 90px;
  bottom: 5px;
  width: 100%;
}

.securityUI-dataGrid-view {
  width: 100%;
  background-color: transparent;
}

.securityUI-dataGrid-view .ngGrid {
  background-color: transparent;
}

.securityUI-dataGrid-view .ngViewport .ngCanvas .ngRow {
  border-bottom: #fcfcfc;
  background-color: #fff;
  cursor: pointer;
}

.securityUI-dataGrid-view .ngViewport .ngCanvas .ngRow .even,
.securityUI-dataGrid-view .ngViewport .ngCanvas .ngRow .odd {
  background-color: #fff;
}

.securityUI-dataGrid-view .ngViewport .ngCanvas .ngRow:hover {
  background-color: #f7f7f7;
}

.securityUI-dataGrid-view .ngViewport .ngCanvas .ngRow.selected {
  background-color: rgba(0, 0, 0, 0.07);
}

.securityUI-dataGrid-view .ngViewport .ngCanvas .ngRow.selected:hover {
  background-color: rgba(0, 0, 0, 0.07);
}

.securityUI-dataGrid-view .ngViewport .ngCanvas .ngRow.canSelect {
  cursor: pointer;
}

.securityUI-dataGrid-view .ngVerticalBarVisible {
  background-color: transparent;
}

.spSecurityAllowDisplay-view {
  position: relative;
  height: 100%;
  width: 100%;
}

.spSecurityAllowDisplay-view .verticalAlignMiddle {
  vertical-align: middle;
}

.spSecurityAllowDisplay-view .displayInlineBlock {
  display: inline-block;
}

.spSecurityAllowDisplay-view .displayInlinePickerBlock {
  display: inline-block;
  width: 300px;
  vertical-align: middle;
}

.spSecurityAllowDisplay-view .centeredInlineBlock {
  vertical-align: middle;
  display: inline-block;
}

.spSecurityAllowDisplay-view .labelBlockMedium {
  vertical-align: middle;
  display: inline-block;
  width: 120px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.spSecurityAllowDisplay-view .centeredDropDown {
  vertical-align: middle;
}

.spSecurityAllowDisplay-view .securityOptionsDropdown {
  width: 200px;
}

.spSecurityAllowDisplay-view .securityAllowDisplay-appSelection {
  position: absolute;
  top: 0;
  height: 30px;
  width: 100%;
}

.spSecurityAllowDisplay-view .securityAllowDisplay-subjectSelection {
  position: absolute;
  top: 30px;
  height: 30px;
  width: 100%;
}

.spSecurityAllowDisplay-view .securityAllowDisplay-content {
  position: absolute;
  top: 70px;
  bottom: 0;
  width: 100%;
}

.spSecurityAllowDisplay-view .securityAllowDisplay-contentAppOnly {
  position: absolute;
  top: 40px;
  bottom: 0;
  width: 100%;
}

.spSecurityAllowDisplay-view .securityAllowDisplay-contentOnly {
  position: absolute;
  top: 10px;
  bottom: 0;
  width: 100%;
}

.spSecurityAllowDisplay-view .securityGrid {
  height: 100%;
  width: 100%;
  border: 1px solid #d4d4d4;
}

.spSecurityAllowDisplay-view .securityGrid .ngRow {
  border-bottom: none !important;
}

.spSecurityAllowDisplay-view .securityGrid .valignMiddle {
  vertical-align: middle;
}

.spSecurityAllowDisplay-view .securityGrid .securityUICheck {
  margin-top: 0 !important;
  vertical-align: middle;
}

.spSecurityAllowDisplay-view .includeUsersCheckbox {
  vertical-align: middle;
  margin-left: 5px;
}

.spSecurityAllowDisplay-view__allowDisplayLink {
  cursor: pointer;
}


.offlineProfilesHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.offlineProfilesHeader > * {
  margin-right: 5px;
}

.offlineSettings i.fa {
  color: black;
}


@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.query-header-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.query-header-actions .sp-task-buttons {
  font-size: 0;
}

.query-header-button,
.query-header-actions .sp-task-button > button {
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  height: 28px;
  padding: 0 20px;
  min-width: 35px;
  border: none;
  opacity: 0.7;
  margin: 2px;
  background-color: #31a89f;
  -webkit-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
  white-space: nowrap;
}

.query-header-button:hover,
.query-header-actions .sp-task-button > button:hover,
.query-header-button:focus,
.query-header-actions .sp-task-button > button:focus,
.query-header-button:active,
.query-header-actions .sp-task-button > button:active {
  opacity: 1;
  outline: none;
}

.query-header-button[disabled],
.query-header-actions .sp-task-button > button[disabled] {
  opacity: 0.5;
  outline: none;
}

.query-header-button[disabled]:hover,
.query-header-actions .sp-task-button > button[disabled]:hover,
.query-header-button[disabled]:focus,
.query-header-actions .sp-task-button > button[disabled]:focus,
.query-header-button[disabled]:active,
.query-header-actions .sp-task-button > button[disabled]:active {
  opacity: 0.5;
  outline: none;
}

.query-header-button img,
.query-header-actions .sp-task-button > button img {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.sp-mobile-device .query-header-button img,
.sp-mobile-device .query-header-actions .sp-task-button > button img,
.sp-tablet-device .query-header-button img,
.sp-tablet-device .query-header-actions .sp-task-button > button img {
  margin: 0;
}

.query-header-button img:focus,
.query-header-actions .sp-task-button > button img:focus {
  outline: none;
}

.query-header-button--back {
  background-color: #444;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.survey-view {
  position: relative;
  width: 100%;
  min-width: 320px;
}

.sp-mobile-device .survey-view,
.sp-tablet-device .survey-view {
  padding: 10px;
}

.survey-view .user-survey-body,
.survey-view .user-survey-section {
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 13px;
}

.survey-view .user-survey-section-heading {
  margin-top: 20px;
  margin-bottom: 5px;
  min-height: inherit;
}

.survey-view .progress {
  margin: 0;
  border-radius: 2px;
  height: 18px;
  background-color: #cacaca;
  min-width: 180px;
}

.survey-view .progress b {
  font-weight: normal;
  line-height: initial;
}

.survey-view .progress .progress-bar-success {
  background-color: #02a2ff;
}

.survey-view__targetLink {
  cursor: pointer;
}

.survey-view-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.survey-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.survey-actions .sp-task-buttons {
  font-size: 0;
}

.survey-title {
  width: 100%;
  min-height: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.survey-title .headertype[title="formheadertype"] {
  background-color: #31a89f;
}

.survey-title rn-info-button {
  margin-left: 3px;
}

.sp-mobile-device .survey-title h1,
.sp-tablet-device .survey-title h1 {
  font-size: 1.4em;
  margin-top: 10px;
  margin-left: 0;
  font-weight: normal;
}

.sp-mobile-device .survey-title .headertype,
.sp-tablet-device .survey-title .headertype {
  display: none;
}

.survey-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  place-content: stretch flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.survey-intro-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 320px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.survey-intro-item-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  color: #888;
  width: 110px;
}

.survey-intro-item-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: 30px;
  color: #000;
}

.survey-intro-spacer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.survey-button,
.survey-actions .sp-task-button > button,
.user-survey-q-notes .user-survey-question-notes button,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload {
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  height: 28px;
  padding: 0 20px;
  min-width: 35px;
  border: none;
  opacity: 0.7;
  margin: 2px;
  background-color: #31a89f;
  -webkit-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
  white-space: nowrap;
}

.survey-button:hover,
.survey-actions .sp-task-button > button:hover,
.user-survey-q-notes .user-survey-question-notes button:hover,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload:hover,
.survey-button:focus,
.survey-actions .sp-task-button > button:focus,
.user-survey-q-notes .user-survey-question-notes button:focus,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload:focus,
.survey-button:active,
.survey-actions .sp-task-button > button:active,
.user-survey-q-notes .user-survey-question-notes button:active,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload:active {
  opacity: 1;
  outline: none;
}

.survey-button[disabled],
.survey-actions .sp-task-button > button[disabled],
.user-survey-q-notes .user-survey-question-notes button[disabled],
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload[disabled] {
  opacity: 0.5;
  outline: none;
}

.survey-button[disabled]:hover,
.survey-actions .sp-task-button > button[disabled]:hover,
.user-survey-q-notes .user-survey-question-notes button[disabled]:hover,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload[disabled]:hover,
.survey-button[disabled]:focus,
.survey-actions .sp-task-button > button[disabled]:focus,
.user-survey-q-notes .user-survey-question-notes button[disabled]:focus,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload[disabled]:focus,
.survey-button[disabled]:active,
.survey-actions .sp-task-button > button[disabled]:active,
.user-survey-q-notes .user-survey-question-notes button[disabled]:active,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload[disabled]:active {
  opacity: 0.5;
  outline: none;
}

.survey-button img,
.survey-actions .sp-task-button > button img,
.user-survey-q-notes .user-survey-question-notes button img,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload img {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.sp-mobile-device .survey-button img,
.sp-mobile-device .survey-actions .sp-task-button > button img,
.sp-mobile-device .user-survey-q-notes .user-survey-question-notes button img,
.sp-mobile-device .user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload img,
.sp-tablet-device .survey-button img,
.sp-tablet-device .survey-actions .sp-task-button > button img,
.sp-tablet-device .user-survey-q-notes .user-survey-question-notes button img,
.sp-tablet-device .user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload img {
  margin: 0;
}

.survey-button img:focus,
.survey-actions .sp-task-button > button img:focus,
.user-survey-q-notes .user-survey-question-notes button img:focus,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload img:focus {
  outline: none;
}

.survey-button--back {
  background-color: #444;
}

.survey-button--paging {
  background-color: #000;
  margin-top: 5px;
}

.survey-button--extras,
.user-survey-q-notes .user-survey-question-notes button,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload {
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 3px 12px;
  font-size: 12px;
  line-height: 1em;
  cursor: pointer;
  background-color: #414141;
  color: #ededed;
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  border: 1px solid #3c3c3c;
  border-bottom-color: #343434;
  border-radius: 3px;
  background-color: #f0f0f0;
  border-color: #bdbdbd;
  border-bottom-color: #c0c0c0;
  color: #606060;
  border-color: #d6d6d6;
  min-height: 27px;
  padding: 0 7px;
  margin: 0 2px 2px 0;
}

.survey-button--extras:hover,
.user-survey-q-notes .user-survey-question-notes button:hover,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload:hover,
.survey-button--extras:focus,
.user-survey-q-notes .user-survey-question-notes button:focus,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.survey-button--extras:focus,
.user-survey-q-notes .user-survey-question-notes button:focus,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.survey-button--extras.active,
.user-survey-q-notes .user-survey-question-notes button.active,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload.active,
.survey-button--extras:active,
.user-survey-q-notes .user-survey-question-notes button:active,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.survey-button--extras.disabled,
.user-survey-q-notes .user-survey-question-notes button.disabled,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload.disabled,
.survey-button--extras[disabled],
.user-survey-q-notes .user-survey-question-notes button[disabled],
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.survey-button--extras.disabled img,
.user-survey-q-notes .user-survey-question-notes button.disabled img,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload.disabled img,
.survey-button--extras[disabled] img,
.user-survey-q-notes .user-survey-question-notes button[disabled] img,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload[disabled] img {
  opacity: 0.4;
}

.survey-button--extras:focus,
.user-survey-q-notes .user-survey-question-notes button:focus,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.survey-button--extras:hover,
.user-survey-q-notes .user-survey-question-notes button:hover,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload:hover,
.survey-button--extras:focus,
.user-survey-q-notes .user-survey-question-notes button:focus,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload:focus {
  color: #333;
  text-decoration: none;
}

.survey-button--extras:active,
.user-survey-q-notes .user-survey-question-notes button:active,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload:active,
.survey-button--extras.active,
.user-survey-q-notes .user-survey-question-notes button.active,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.survey-button--extras.disabled,
.user-survey-q-notes .user-survey-question-notes button.disabled,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload.disabled,
.survey-button--extras[disabled],
.user-survey-q-notes .user-survey-question-notes button[disabled],
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload[disabled],
fieldset[disabled] .survey-button--extras,
fieldset[disabled] .user-survey-q-notes .user-survey-question-notes button,
fieldset[disabled] .user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.survey-button--extras:hover,
.user-survey-q-notes .user-survey-question-notes button:hover,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload:hover,
.survey-button--extras:focus,
.user-survey-q-notes .user-survey-question-notes button:focus,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.survey-button--extras:focus,
.user-survey-q-notes .user-survey-question-notes button:focus,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.survey-button--extras.active,
.user-survey-q-notes .user-survey-question-notes button.active,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload.active,
.survey-button--extras:active,
.user-survey-q-notes .user-survey-question-notes button:active,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.survey-button--extras.disabled,
.user-survey-q-notes .user-survey-question-notes button.disabled,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload.disabled,
.survey-button--extras[disabled],
.user-survey-q-notes .user-survey-question-notes button[disabled],
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.survey-button--extras.disabled img,
.user-survey-q-notes .user-survey-question-notes button.disabled img,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload.disabled img,
.survey-button--extras[disabled] img,
.user-survey-q-notes .user-survey-question-notes button[disabled] img,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload[disabled] img {
  opacity: 0.4;
}

.sp-mobile-device .survey-button--extras,
.sp-mobile-device .user-survey-q-notes .user-survey-question-notes button,
.sp-mobile-device .user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload,
.sp-tablet-device .survey-button--extras,
.sp-tablet-device .user-survey-q-notes .user-survey-question-notes button,
.sp-tablet-device .user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload {
  min-height: 40px;
  min-width: 40px;
  font-size: initial;
}

.survey-button--extras:hover,
.user-survey-q-notes .user-survey-question-notes button:hover,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload:hover,
.survey-button--extras:focus,
.user-survey-q-notes .user-survey-question-notes button:focus,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload:focus {
  color: #2b2b2b;
  text-decoration: none;
  background-color: #e3e3e3;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.survey-button--extras:focus,
.user-survey-q-notes .user-survey-question-notes button:focus,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload:focus {
  background-color: #f0f0f0;
  outline: none;
  border: 1px solid #bdbdbd;
}

.survey-button--extras.active,
.user-survey-q-notes .user-survey-question-notes button.active,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload.active,
.survey-button--extras:active,
.user-survey-q-notes .user-survey-question-notes button:active,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload:active {
  background-image: none;
  background-color: #e3e3e3;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
  box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
}

.survey-button--extras.disabled,
.user-survey-q-notes .user-survey-question-notes button.disabled,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload.disabled,
.survey-button--extras[disabled],
.user-survey-q-notes .user-survey-question-notes button[disabled],
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload[disabled] {
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.survey-button--extras.disabled img,
.user-survey-q-notes .user-survey-question-notes button.disabled img,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload.disabled img,
.survey-button--extras[disabled] img,
.user-survey-q-notes .user-survey-question-notes button[disabled] img,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload[disabled] img {
  opacity: 0.4;
}

.survey-button--extras img,
.user-survey-q-notes .user-survey-question-notes button img,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload img {
  width: 16px;
  height: 16px;
  opacity: 0.8;
}

.survey-button--extras:hover img,
.user-survey-q-notes .user-survey-question-notes button:hover img,
.user-survey-q-attachments .user-survey-question-attach-add button.fakeUpload:hover img {
  opacity: 1;
}

.user-survey-q-attachments .user-survey-question-attach-add .fileUpload input.upload {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.user-survey-q-attachments .user-survey-question-attach-add .fileUpload:hover button.fakeUpload,
.user-survey-q-attachments .user-survey-question-attach-add .fileUpload:focus button.fakeUpload,
.user-survey-q-attachments .user-survey-question-attach-add .fileUpload:active button.fakeUpload {
  opacity: 1;
}

.survey-comments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-top: 10px;
}

.survey-comments__text {
  width: 100%;
}

.sp-mobile-device .survey-comments__text textarea {
  height: 5em;
  font-size: 16px;
}

.survey-content {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-bottom: 30px;
}

.survey-paging {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-top: 2px double #adadad;
  margin: 0 20px;
  padding-bottom: 10px;
}

.sp-tablet-device .survey-paging {
  height: 60px;
  border: 0;
  margin: 0;
  padding: 10px;
}

.sp-tablet-device .survey-paging .survey-button--paging {
  height: 40px;
  font-size: 16px;
  font-weight: normal;
  margin: 0 5px 0 0;
}

.sp-mobile-device .survey-paging {
  height: 48px;
  border: 0;
  margin: 0;
  padding: 10px;
}

.sp-mobile-device .survey-paging .survey-button--paging {
  height: 30px;
  font-size: 14px;
  font-weight: normal;
  margin: 0 5px 0 0;
}

.survey-answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.survey-answer-input {
  min-width: 235px;
  width: 235px;
  margin: 0 2px 2px 0;
}

.survey-answer-extras {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  min-width: 235px;
  width: 235px;
}

.survey-answer-extras .survey-button--extras.toggle--on {
  opacity: 1;
}

.survey-answer-extras .survey-button--extras.toggle--off {
  opacity: 0.3;
}

.user-survey-body {
  width: 100%;
  color: #666;
}

.user-survey-body table {
  width: 100%;
}

.user-survey-body table tr {
  border-bottom: 1px dotted #c0c0c0;
}

.user-survey-body table tr:last-child {
  border-bottom: none;
}

.user-survey-body table td {
  padding: 5px 0;
  vertical-align: top;
}

.sp-mobile-device .user-survey-body table td {
  display: block;
  padding: 0;
  width: auto !important;
  padding-bottom: 5px;
}

.sp-mobile-device .user-survey-body table td:empty {
  padding-bottom: 0;
}

.user-survey-body table thead {
  color: #839a98;
  font-weight: bold;
  background-color: #f7fcfc;
  display: none;
}

.user-survey-body table thead td {
  border-color: #abd6d3;
}

.editForm-edit .user-survey-body {
  margin: 30px 0;
  padding: 10px 10px 0;
  background-color: #ddd;
}

.sp-mobile-device .user-survey-body,
.sp-tablet-device .user-survey-body {
  margin: 0;
}

.user-survey-section-heading {
  color: #31a89f;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  min-height: 32px;
}

.user-survey-section-heading > * {
  display: table-cell;
  vertical-align: middle;
}

.user-survey-section-heading button {
  background-color: transparent;
  border: none;
  border-radius: 0;
  display: inline-block;
}

.sp-mobile-device .user-survey-section-heading button {
  width: 40px;
  height: 40px;
}

.user-survey-section-heading button img {
  width: 16px;
  height: 16px;
}

.user-survey-section-heading button:hover,
.user-survey-section-heading button:focus {
  background-color: #ffebe7;
  border: none;
  outline: none;
}

.sp-tablet-device .user-survey-section-heading {
  font-size: 16px;
}

.sp-mobile-device .user-survey-section-heading {
  font-size: 16px;
  min-height: inherit;
  height: auto;
}

.sp-mobile-device .user-survey-section-heading > div {
  min-width: inherit !important;
}

.sp-mobile-device .user-survey-section-heading sp-editable-label {
  display: inline-block;
  line-height: 36px;
  margin: 4px 0 0;
}

.sp-mobile-device .user-survey-section-heading sp-editable-label .editable-label-edit-container input.editable-label-edit {
  min-height: inherit;
  line-height: 30px;
  margin-top: -5px;
}

.user-survey-question-attach-filearea {
  display: inline-block;
  white-space: nowrap;
  text-align: right;
  margin-left: auto;
  min-width: 200px;
}

.user-survey-question-attach-filearea .user-survey-question-attach-file {
  display: block;
}

.user-survey-question-attach-filearea .user-survey-question-attach-file a,
.user-survey-question-attach-filearea .user-survey-question-attach-file span {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.user-survey-question-attach-filearea .user-survey-question-attach-file a {
  cursor: pointer;
}

.user-survey-question-attach-filearea .user-survey-question-attach-file button {
  background-color: transparent;
  border: none;
  min-height: inherit;
  border-radius: 50%;
}

.user-survey-question-attach-filearea .user-survey-question-attach-file button:focus {
  outline: none;
  border: none;
}

.user-survey-question-attach-filearea .user-survey-question-attach-file button img {
  opacity: 0.5;
}

.user-survey-question-attach-filearea .user-survey-question-attach-file button:hover img {
  opacity: 1;
}

.user-survey-section {
  width: auto;
}

.user-survey-section img {
  max-width: unset;
}

.editForm-edit .user-survey-section {
  background-color: white;
  padding: 20px 20px 5px;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  display: inline-block;
}

.sp-mobile-device .user-survey-section {
  margin-bottom: 30px;
  width: 100%;
}

.sp-mobile-device .user-survey-section table,
.sp-mobile-device .user-survey-section tbody,
.sp-mobile-device .user-survey-section tr {
  display: block;
}

.sp-mobile-device .user-survey-section tr {
  padding-top: 10px;
}

.user-survey-section .user-survey-q-id-and-text {
  width: 60%;
  padding-top: 6px;
  padding-right: 10px;
}

.sp-mobile-device .user-survey-section .user-survey-q-id-and-text {
  width: inherit;
}

.user-survey-section .user-survey-q-id-and-text > div {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.user-survey-section .user-survey-q-id-and-text .user-survey-q-id {
  color: #888;
  margin-right: 10px;
}

.user-survey-section .user-survey-q-id-and-text .user-survey-q-id:empty {
  margin-right: 0;
}

.sp-mobile-device .user-survey-section .user-survey-q-id-and-text .user-survey-q-id {
  font-size: larger;
  float: left;
}

.user-survey-section .user-survey-q-id-and-text .user-survey-q-text {
  word-break: break-word;
}

.sp-mobile-device .user-survey-section .user-survey-q-id-and-text .user-survey-q-text {
  font-size: larger;
  text-align: left;
  line-height: normal;
  width: calc(100% - 25px) !important;
  min-width: inherit !important;
  max-width: inherit !important;
}

.sp-tablet-device .user-survey-section .user-survey-q-id-and-text .user-survey-q-text {
  min-width: 450px;
}

.user-survey-section .user-survey-q-answer {
  font-size: 11px;
  width: calc(40% - 75px);
  word-wrap: break-word;
}

.sp-mobile-device .user-survey-section .user-survey-q-answer {
  width: inherit;
  max-width: inherit;
  font-weight: normal;
  font-size: 14px;
}

.sp-mobile-device .user-survey-section .user-survey-q-answer > div {
  display: block;
  vertical-align: top;
  padding-left: 0 !important;
}

.sp-mobile-device .user-survey-section .user-survey-q-answer > div:first-child {
  width: auto;
}

.sp-mobile-device .user-survey-section .user-survey-q-answer > span {
  vertical-align: top;
}

.sp-tablet-device .user-survey-section .user-survey-q-answer {
  max-width: inherit;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
}

.user-survey-section .user-survey-q-answer input[type="text"],
.user-survey-section .user-survey-q-answer select {
  width: 100%;
}

.user-survey-section .user-survey-q-answer .user-survey-text-question textarea {
  min-height: 60px;
}

.sp-mobile-device .user-survey-section .user-survey-q-answer .user-survey-text-question textarea,
.sp-tablet-device .user-survey-section .user-survey-q-answer .user-survey-text-question textarea {
  height: 80px;
}

.user-survey-section .user-survey-q-answer .user-survey-date-question {
  font-size: inherit;
}

.user-survey-section .user-survey-q-answer .user-survey-multi-choice-question,
.user-survey-section .user-survey-q-answer .user-survey-choice-question {
  font-size: inherit;
  font-weight: bold;
}

.user-survey-section .user-survey-q-answer .user-survey-multi-choice-question select,
.user-survey-section .user-survey-q-answer .user-survey-choice-question select {
  font-size: 13px;
}

.user-survey-section .user-survey-q-answer .user-survey-multi-choice-question > div,
.user-survey-section .user-survey-q-answer .entityPickers-view > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

.user-survey-section .user-survey-q-answer .user-survey-multi-choice-question .entityRadioLabels,
.user-survey-section .user-survey-q-answer .entityPickers-view .entityRadioLabels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  min-width: 200px;
  padding-left: 5px;
}

.user-survey-section .user-survey-q-answer .user-survey-multi-choice-question .entityRadioLabels .entityDescription,
.user-survey-section .user-survey-q-answer .entityPickers-view .entityRadioLabels .entityDescription {
  font-size: smaller;
  font-weight: normal;
  font-style: italic;
}

.user-survey-section .user-survey-q-answer input[type="radio"].entityRadioInput,
.user-survey-section .user-survey-q-answer input[type="checkbox"] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.user-survey-section .user-survey-q-property {
  font-size: 0;
  width: 75px;
  text-align: right;
}

.user-survey-section .user-survey-q-property button {
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 3px 12px;
  font-size: 12px;
  line-height: 1em;
  cursor: pointer;
  background-color: #414141;
  color: #ededed;
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  border: 1px solid #3c3c3c;
  border-bottom-color: #343434;
  border-radius: 3px;
  background-color: #f0f0f0;
  border-color: #bdbdbd;
  border-bottom-color: #c0c0c0;
  color: #606060;
  border-color: #d6d6d6;
  min-height: 27px;
  padding: 0 7px;
  width: 32px;
  margin: 0 2px 2px 0;
}

.user-survey-section .user-survey-q-property button:hover,
.user-survey-section .user-survey-q-property button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.user-survey-section .user-survey-q-property button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.user-survey-section .user-survey-q-property button.active,
.user-survey-section .user-survey-q-property button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.user-survey-section .user-survey-q-property button.disabled,
.user-survey-section .user-survey-q-property button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.user-survey-section .user-survey-q-property button.disabled img,
.user-survey-section .user-survey-q-property button[disabled] img {
  opacity: 0.4;
}

.user-survey-section .user-survey-q-property button:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.user-survey-section .user-survey-q-property button:hover,
.user-survey-section .user-survey-q-property button:focus {
  color: #333;
  text-decoration: none;
}

.user-survey-section .user-survey-q-property button:active,
.user-survey-section .user-survey-q-property button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.user-survey-section .user-survey-q-property button.disabled,
.user-survey-section .user-survey-q-property button[disabled],
fieldset[disabled] .user-survey-section .user-survey-q-property button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.user-survey-section .user-survey-q-property button:hover,
.user-survey-section .user-survey-q-property button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.user-survey-section .user-survey-q-property button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.user-survey-section .user-survey-q-property button.active,
.user-survey-section .user-survey-q-property button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.user-survey-section .user-survey-q-property button.disabled,
.user-survey-section .user-survey-q-property button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.user-survey-section .user-survey-q-property button.disabled img,
.user-survey-section .user-survey-q-property button[disabled] img {
  opacity: 0.4;
}

.sp-mobile-device .user-survey-section .user-survey-q-property button,
.sp-tablet-device .user-survey-section .user-survey-q-property button {
  min-height: 40px;
  min-width: 40px;
  font-size: initial;
}

.user-survey-section .user-survey-q-property button:hover,
.user-survey-section .user-survey-q-property button:focus {
  color: #2b2b2b;
  text-decoration: none;
  background-color: #e3e3e3;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.user-survey-section .user-survey-q-property button:focus {
  background-color: #f0f0f0;
  outline: none;
  border: 1px solid #bdbdbd;
}

.user-survey-section .user-survey-q-property button.active,
.user-survey-section .user-survey-q-property button:active {
  background-image: none;
  background-color: #e3e3e3;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
  box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
}

.user-survey-section .user-survey-q-property button.disabled,
.user-survey-section .user-survey-q-property button[disabled] {
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.user-survey-section .user-survey-q-property button.disabled img,
.user-survey-section .user-survey-q-property button[disabled] img {
  opacity: 0.4;
}

.user-survey-section .user-survey-q-property button img {
  width: 16px;
  height: 16px;
  opacity: 0.8;
}

.user-survey-section .user-survey-q-property button:hover img {
  opacity: 1;
}

.sp-mobile-device .user-survey-section .user-survey-q-property {
  width: 100%;
}

.sp-mobile-device .user-survey-section .user-survey-q-property button {
  width: calc(50% - 3px);
}

.sp-mobile-device .user-survey-section .user-survey-q-property button:last-child {
  margin-right: 1px;
}

.user-survey-question-notes-dialog .notebody {
  padding: 10px;
}

.user-survey-question-notes-dialog .notebody textarea {
  width: 100%;
}

.sp-tablet-device  .survey-footer {
  height: 60px;
}

.sp-mobile-device  .alerts-control-box {
  width: 100%;
}

.sp-mobile-device  .alerts-control-box ul > li {
  vertical-align: middle;
}

.sp-mobile-device  .survey-intro {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.sp-mobile-device  .survey-intro-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: auto;
  width: auto;
}

.sp-mobile-device  .survey-intro-item .survey-intro-item-label {
  font-size: smaller;
  margin-right: auto;
}

.sp-mobile-device  .survey-intro-item .survey-intro-item-value {
  margin-right: auto;
  width: 100%;
  min-height: 40px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.sp-mobile-device  .survey-intro-item .survey-intro-item-value .progress {
  width: 100%;
  height: 25px;
}

.sp-mobile-device  .survey-intro-item .survey-intro-item-value .progress .progress-bar {
  font-size: large;
}

.sp-mobile-device  .survey-content {
  padding-bottom: 0;
}

.sp-mobile-device  .survey-answer-input {
  width: auto;
}

.sp-mobile-device  .survey-answer-extras {
  width: auto;
}

.sp-mobile-device  .survey-footer {
  height: 48px;
}

.survey-header-actions--device {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
}

.survey-header-actions--device .survey-title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #fff;
  font-size: larger;
  height: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: lighter;
  min-width: 100px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  pointer-events: none;
}

.survey-header-actions--device .survey-title rn-info-button {
  pointer-events: initial;
}

.sp-mobile-device .survey-header-actions--device .survey-title {
  height: 50px;
}

.sp-mobile-device .survey-header-actions--device .survey-title > span {
  max-width: 150px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.survey-header-actions--device .survey-button {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  height: 40px;
  width: 40px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 0;
  opacity: 1;
  background-color: transparent;
  min-width: 35px;
  border: none;
  margin: 0;
  padding: 0;
  -webkit-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
}

.survey-header-actions--device .survey-button[disabled] {
  opacity: 0.5;
  outline: none;
}

.survey-header-actions--device .survey-button[disabled]:hover,
.survey-header-actions--device .survey-button[disabled]:focus,
.survey-header-actions--device .survey-button[disabled]:active {
  opacity: 0.5;
  outline: none;
}

.survey-header-actions--device .survey-button img {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  opacity: 1;
  vertical-align: middle;
}

.survey-header-actions--device .survey-actions-spacer {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.survey-actions--mobile,
.survey-actions--tablet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  min-height: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}

.survey-actions--mobile .sp-task-button > button,
.survey-actions--tablet .sp-task-button > button {
  font-size: initial;
  font-weight: normal;
  min-height: 40px;
  min-width: 40px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 3px 12px;
  white-space: nowrap;
  line-height: normal;
  letter-spacing: 0.02em;
  border-radius: 14px;
  color: #606060;
  background-color: #f0f0f0;
  border: 1px solid #bdbdbd;
}

.sp-question {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
}

.sp-question__mandatory-container {
  margin-right: 2px;
}

.sp-question__question-container {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.survey-answer__highlighted {
  background-color: lightyellow;
}

.tenantRollback {
  color: gray;
}

.tenantRollback .tenantRollback-desc {
  font-size: 1.1em;
  max-width: 1060px;
}

.tenantRollback .tenantRollback-desc ul {
  list-style-type: disc;
  list-style-position: inside;
  margin-left: 10px;
}

.tenantRollback .tenantRollback-warn {
  color: #638ab7;
  font-size: 1.1em;
  max-width: 1060px;
}

.tenantRollback .tenantRollback-status {
  max-width: 1060px;
}

.tenantRollback .section-title {
  font-size: 18px;
  font-weight: bold;
  padding: 4px 0 4px 0;
}

.tenantRollback .restorePoints-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 10px 0 10px 0;
}

.tenantRollback .restorePoints-section-restorePoints {
  padding: 0 20px 0 0;
}

.tenantRollback .restorePoints-section-restorePoints-list {
  border: solid silver 1px;
  height: 500px;
  min-width: 600px;
  overflow: auto;
}

.tenantRollback .restorePoints-section-restorePoints-list table tr:hover {
  background-color: #ddd;
}

.tenantRollback .restorePoints-section-transactions {
  padding: 5px;
}

.tenantRollback .restorePoints-section-transactions-list {
  border: solid silver 1px;
  height: 500px;
  min-width: 600px;
  overflow: auto;
}

.tenantRollback .restorePoints-section-button-group {
  padding: 5px 0 5px 0;
}

.tenantRollback .restorePoints-section-button-group button {
  height: 30px;
  padding: 0 10px 0 10px;
}

.tenantRollback .rollbackLog-section-table table {
  width: 100%;
}

.tenantRollback .rollbackLog-section-table table th,
.tenantRollback .rollbackLog-section-table table td {
  padding: 5px;
  width: 33%;
}

.tenantRollback .rollbackLog-section-table table th {
  border-bottom: 1px solid #d0d0d0;
  font-weight: 600;
}

.tenantRollback-createRestorePoint .modal-dialog {
  width: 450px;
}

.tenantRollback-createRestorePoint .modal-body {
  height: 100px;
  overflow: auto;
}

.tenantRollback-createRestorePoint .btn-primary[disabled] {
  background-color: black;
}

.tenantRollback-confirmRestorePoint .modal-dialog {
  width: 650px;
}

.tenantRollback-confirmRestorePoint .modal-body {
  min-height: 200px;
}

.tenantRollback-confirmRestorePoint .modal-footer .spinner {
  float: left;
  margin-top: 2px;
  margin-left: 15px;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0.08);
  border-top-color: #31a89f;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}

.tenantRollback-confirmRestorePoint .modal-footer .rollingback-message {
  float: left;
  color: #555;
  font-weight: bold;
  margin-top: 4px;
}

.tenantRollback-confirmRestorePoint .btn-primary[disabled] {
  background-color: black;
}

.tenantRollback-confirmRestorePoint .rollback-confirm-dialog .message {
  font-size: 15px;
  padding: 5px 0 5px 0;
}

.tenantRollback-confirmRestorePoint .rollback-confirm-dialog .rn-app-alert {
  margin-top: 5px;
}

.tenantRollback-confirmRestorePoint .rollback-confirm-dialog .rn-app-alert__text {
  padding: 5px;
}

.tenantRollback-confirmRestorePoint .rollback-confirm-dialog .confirm-proceed label {
  font-weight: bold;
}

.tenantRollback-confirmRestorePoint .restorePoints-details-transactions-list {
  border: solid silver 1px;
  height: 400px;
  width: 800px;
  overflow: auto;
}

.tenantRollback-confirmRestorePoint .rollback-title {
  padding: 5px 0 5px 0;
  font-size: 20px;
}

.tenantRollback-std-table {
  width: 100%;
}

.tenantRollback-std-table thead th {
  font-weight: bold;
  background-color: #777;
  color: #eee;
  padding: 5px 6px 5px 6px;
}

.tenantRollback-std-table tr:nth-child(even) {
  background-color: #eee;
}

.tenantRollback-std-table tr:nth-child(odd) {
  background-color: FFF8DC;
}

.tenantRollback-std-table td {
  padding: 3px 6px 3px 6px;
}

.tenantRollback-std-table .user-column {
  white-space: nowrap;
}

.tenantRollback-std-table .date-column {
  white-space: nowrap;
}

.tenantRollback-std-table .selected td {
  background-color: #21a2e5;
  color: white;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

.workflow-run-view {
  padding: 0 30px 0;
}

.workflow-run-view .header .title {
  display: inline-block;
  vertical-align: middle;
}

.workflow-run-view .header .title.dirty:after {
  content: "*";
}

.workflow-run-view .header .title input {
  height: inherit;
  font-size: 20px;
  margin: -5px -2px;
}

.workflow-run-view .header .title hi {
  padding: 0;
  margin: 0;
  height: auto;
  line-height: 26px;
}

.workflow-run-view .header button.btn-run {
  padding-right: 20px;
  margin-left: 10px;
  background-color: #b38e61;
  border: 1px solid #a98251;
  border-radius: 3px;
  color: #fff;
  background-image: url("assets/images/arrow_folder_active_closed.png");
  background-position: right 10px center;
  background-repeat: no-repeat;
  height: 26px;
  min-width: 70px;
  text-transform: uppercase;
  font-weight: 600;
}

.workflow-run-view .header button.btn-run:hover {
  background-color: #bb9a72;
}

.workflow-run-view .header button.btn-run:focus {
  background-color: #a98251;
  border-color: #a98251;
}

.workflow-run-view .body {
  overflow: auto;
  position: relative;
  color: #666;
}

.workflow-run-view .body .selectResourceId {
  padding: 8px 0;
  border-bottom: 2px solid #777;
}

.workflow-run-view .body .selectResourceId ul.form-sections {
  padding: 5px 0 3px;
  font-size: 0.95em;
  vertical-align: top;
  margin-bottom: 0;
}

.workflow-run-view .body .selectResourceId ul.form-sections li {
  list-style: none;
  white-space: nowrap;
}

.workflow-run-view .body .selectResourceId ul.form-sections ul.form-section-controls {
  padding: 0;
  padding-top: 5px;
  margin-top: 5px;
  border-top: 1px dotted #ccc;
  color: #666;
  font-size: 1.2em;
}

.workflow-run-view .body .selectResourceId ul.form-sections ul.form-section-controls li {
  list-style: none;
  white-space: nowrap;
}

.workflow-run-view .body .selectResourceId ul.form-sections .run-argument-label {
  min-width: 10em;
}

.workflow-run-view .body .selectResourceId input,
.workflow-run-view .body .selectResourceId select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1em;
}

.workflow-run-view .body .selectResourceId .run-options input {
  width: inherit;
  vertical-align: middle;
}

.workflow-run-view .body .selectResourceId .run-options input + span {
  margin-right: 10px;
}

.workflow-run-view .body .selectResourceId .run-options label {
  vertical-align: middle;
  margin-bottom: 0;
  margin-right: 7px;
}

.workflow-run-view .body .validation-section .validation-messages {
  margin-top: 10px;
  color: red;
}

.workflow-run-view .body .validation-section .validation-messages li {
  list-style-type: square;
}

.workflow-run-view .workflow-run-results .form-search {
  height: 30px;
  padding-top: 2px;
}

.workflow-run-view .workflow-run-results .form-search span {
  color: #f94945;
  vertical-align: middle;
  display: inline-block;
}

.workflow-run-view .workflow-run-results .form-search .refreshButton {
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 3px 12px;
  font-size: 12px;
  line-height: 1em;
  cursor: pointer;
  background-color: #414141;
  color: #ededed;
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  border: 1px solid #3c3c3c;
  border-bottom-color: #343434;
  border-radius: 3px;
  background-color: #f0f0f0;
  border-color: #bdbdbd;
  border-bottom-color: #c0c0c0;
  color: #606060;
  height: 26px;
  padding: 0 7px;
  line-height: initial;
  color: #7d7d7d;
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.workflow-run-view .workflow-run-results .form-search .refreshButton:hover,
.workflow-run-view .workflow-run-results .form-search .refreshButton:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.workflow-run-view .workflow-run-results .form-search .refreshButton:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.workflow-run-view .workflow-run-results .form-search .refreshButton.active,
.workflow-run-view .workflow-run-results .form-search .refreshButton:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.workflow-run-view .workflow-run-results .form-search .refreshButton.disabled,
.workflow-run-view .workflow-run-results .form-search .refreshButton[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.workflow-run-view .workflow-run-results .form-search .refreshButton.disabled img,
.workflow-run-view .workflow-run-results .form-search .refreshButton[disabled] img {
  opacity: 0.4;
}

.workflow-run-view .workflow-run-results .form-search .refreshButton:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.workflow-run-view .workflow-run-results .form-search .refreshButton:hover,
.workflow-run-view .workflow-run-results .form-search .refreshButton:focus {
  color: #333;
  text-decoration: none;
}

.workflow-run-view .workflow-run-results .form-search .refreshButton:active,
.workflow-run-view .workflow-run-results .form-search .refreshButton.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.workflow-run-view .workflow-run-results .form-search .refreshButton.disabled,
.workflow-run-view .workflow-run-results .form-search .refreshButton[disabled],
fieldset[disabled] .workflow-run-view .workflow-run-results .form-search .refreshButton {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.workflow-run-view .workflow-run-results .form-search .refreshButton:hover,
.workflow-run-view .workflow-run-results .form-search .refreshButton:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.workflow-run-view .workflow-run-results .form-search .refreshButton:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.workflow-run-view .workflow-run-results .form-search .refreshButton.active,
.workflow-run-view .workflow-run-results .form-search .refreshButton:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.workflow-run-view .workflow-run-results .form-search .refreshButton.disabled,
.workflow-run-view .workflow-run-results .form-search .refreshButton[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.workflow-run-view .workflow-run-results .form-search .refreshButton.disabled img,
.workflow-run-view .workflow-run-results .form-search .refreshButton[disabled] img {
  opacity: 0.4;
}

.sp-mobile-device .workflow-run-view .workflow-run-results .form-search .refreshButton,
.sp-tablet-device .workflow-run-view .workflow-run-results .form-search .refreshButton {
  min-height: 40px;
  min-width: 40px;
  font-size: initial;
}

.workflow-run-view .workflow-run-results .form-search .refreshButton:hover,
.workflow-run-view .workflow-run-results .form-search .refreshButton:focus {
  color: #2b2b2b;
  text-decoration: none;
  background-color: #e3e3e3;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.workflow-run-view .workflow-run-results .form-search .refreshButton:focus {
  background-color: #f0f0f0;
  outline: none;
  border: 1px solid #bdbdbd;
}

.workflow-run-view .workflow-run-results .form-search .refreshButton.active,
.workflow-run-view .workflow-run-results .form-search .refreshButton:active {
  background-image: none;
  background-color: #e3e3e3;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
  box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
}

.workflow-run-view .workflow-run-results .form-search .refreshButton.disabled,
.workflow-run-view .workflow-run-results .form-search .refreshButton[disabled] {
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.workflow-run-view .workflow-run-results .form-search .refreshButton.disabled img,
.workflow-run-view .workflow-run-results .form-search .refreshButton[disabled] img {
  opacity: 0.4;
}

.workflow-run-view .workflow-run-results .form-search .refreshButton img {
  margin-top: -3px;
}

.workflow-run-view .workflow-run-results table {
  background-color: #eee;
}

.workflow-run-view .workflow-run-results table thead tr > th {
  border-right: 1px solid #ddd;
  font-weight: normal;
  border-bottom: 0;
}

.workflow-list-view {
  overflow: auto;
  position: relative;
}

.wf-activity-inputs-form {
  padding: 0 5px 2px 5px;
}

.workflow-input-title {
  width: 100%;
  min-height: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.workflow-input-title .headertype[title="formheadertype"] {
  background-color: #4847a9;
}

.workflow-input-title rn-info-button {
  margin-left: 3px;
}

.sp-mobile-device .workflow-input-title h1,
.sp-tablet-device .workflow-input-title h1 {
  font-size: 1.4em;
  margin-top: 10px;
  margin-left: 0;
  font-weight: normal;
}

.sp-mobile-device .workflow-input-title .headertype,
.sp-tablet-device .workflow-input-title .headertype {
  display: none;
}

.workflow-input-header .workflow-input-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.workflow-input-header .workflow-input-button {
  border-radius: 2px;
  font-size: 12px;
  color: white;
  font-weight: 600;
  height: 28px;
  padding: 0 20px;
  min-width: 35px;
  border: none;
  opacity: 0.7;
  margin: 2px;
  background-color: #31a89f;
  -webkit-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
  white-space: nowrap;
}

.workflow-input-header .workflow-input-button:hover,
.workflow-input-header .workflow-input-button:focus,
.workflow-input-header .workflow-input-button:active {
  opacity: 1;
  outline: none;
}

.workflow-input-header .workflow-input-button[disabled] {
  opacity: 0.5;
  outline: none;
}

.workflow-input-header .workflow-input-button[disabled]:hover,
.workflow-input-header .workflow-input-button[disabled]:focus,
.workflow-input-header .workflow-input-button[disabled]:active {
  opacity: 0.5;
  outline: none;
}

.workflow-input-header .workflow-input-button img {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.sp-mobile-device .workflow-input-header .workflow-input-button img,
.sp-tablet-device .workflow-input-header .workflow-input-button img {
  margin: 0;
}

.workflow-input-header .workflow-input-button img:focus {
  outline: none;
}

.workflow-input-header .workflow-input-button--saveforlater {
  background-color: #444;
}

.workflow-input-header .workflow-input-button--cancel {
  background-color: #e95e5e;
}

.workflow-input-header .workflow-input-header-actions--device {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
}

.workflow-input-header .workflow-input-header-actions--device .workflow-input-title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #fff;
  font-size: larger;
  height: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: lighter;
  min-width: 100px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  pointer-events: none;
}

.workflow-input-header .workflow-input-header-actions--device .workflow-input-title rn-info-button {
  pointer-events: initial;
}

.sp-mobile-device .workflow-input-header .workflow-input-header-actions--device .workflow-input-title {
  height: 50px;
}

.sp-mobile-device .workflow-input-header .workflow-input-header-actions--device .workflow-input-title > span {
  max-width: 150px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.workflow-input-header .workflow-input-header-actions--device .workflow-input-button {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  height: 40px;
  width: 40px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 0;
  opacity: 1;
  background-color: transparent;
  min-width: 35px;
  border: none;
  margin: 0;
  padding: 0;
  -webkit-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
}

.sp-mobile-device .workflow-input-header .workflow-input-header-actions--device .workflow-input-button {
  height: 50px;
  width: 50px;
}

.workflow-input-header .workflow-input-header-actions--device .workflow-input-button[disabled] {
  opacity: 0.5;
  outline: none;
}

.workflow-input-header .workflow-input-header-actions--device .workflow-input-button[disabled]:hover,
.workflow-input-header .workflow-input-header-actions--device .workflow-input-button[disabled]:focus,
.workflow-input-header .workflow-input-header-actions--device .workflow-input-button[disabled]:active {
  opacity: 0.5;
  outline: none;
}

.workflow-input-header .workflow-input-header-actions--device .workflow-input-button img {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  opacity: 1;
  vertical-align: middle;
}

.workflow-input-header .workflow-input-header-actions--device .workflow-input-actions-spacer {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.workflow-input {
  padding-bottom: 20px;
}

.sp-tablet-device .workflow-input,
.sp-mobile-device .workflow-input {
  padding: 20px;
}

.workflow-input .workflow-input-prompt h2 {
  font-size: 1.1em;
}

.workflow-input .workflow-input-prompt span {
  display: inline-block;
  padding: 10px 0;
}

.workflow-input .workflow-input-prompt span:empty {
  padding: 0;
}

.workflow-input .workflow-input-container {
  min-width: 350px;
  width: 100%;
  margin-left: 0;
  margin-right: auto;
  padding: 0;
  min-width: 450px;
  display: inline-block;
  width: 50%;
  padding: 10px;
  background-color: #fafafa;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
}

.sp-tablet-device .workflow-input .workflow-input-container,
.sp-mobile-device .workflow-input .workflow-input-container {
  width: 100%;
  padding: 0;
  border: 0;
  background-color: transparent;
}

.workflow-input .workflow-input-container:empty {
  padding: 0;
  border: none;
}

.workflow-input .workflow-input-row {
  display: table-row;
  height: 30px;
  display: block !important;
  margin-bottom: 7px;
  height: auto;
  min-height: 30px;
}

.sp-tablet-device .workflow-input .workflow-input-row,
.sp-mobile-device .workflow-input .workflow-input-row {
  height: 45px;
}

.sp-tablet-device .workflow-input .workflow-input-row,
.sp-mobile-device .workflow-input .workflow-input-row {
  min-height: 60px;
}

.workflow-input .workflow-input-label {
  width: 120px;
  float: left;
  padding-top: 6px;
  color: #888;
  font-size: 12px;
  display: inline-block;
  float: inherit;
  width: 140px;
  vertical-align: top;
}

.sp-tablet-device .workflow-input .workflow-input-label,
.sp-mobile-device .workflow-input .workflow-input-label {
  font-size: 13px;
}

.workflow-input .workflow-input-label .title-plus-markers {
  padding-right: 0;
}

.sp-mobile-device .workflow-input .workflow-input-label .title-plus-markers sp-custom-validation-message {
  left: 315px;
}

.workflow-input .workflow-input-label-colon {
  margin-right: 2px;
  display: none;
  float: right;
}

.workflow-input .workflow-input-label-colon-after {
  display: none;
  display: inline-block;
}

.workflow-input .workflow-input-mandatory {
  float: left;
  width: 4px;
  height: 18px;
  margin-top: 4px;
  display: inline-block;
  float: inherit;
  vertical-align: top;
  width: 2px;
  margin-right: -2px;
}

.workflow-input .workflow-input-mandatory > img {
  width: 2px;
  height: 100%;
}

.sp-tablet-device .workflow-input .workflow-input-mandatory,
.sp-mobile-device .workflow-input .workflow-input-mandatory {
  height: 25px;
}

.sp-tablet-device .workflow-input .workflow-input-mandatory,
.sp-mobile-device .workflow-input .workflow-input-mandatory {
  height: 32px;
}

.workflow-input .workflow-input-field {
  min-width: 225px;
  width: calc(100% - 125px);
  float: left;
  display: inline-block;
  float: inherit;
  width: calc(100% - 151px);
}

.workflow-input .workflow-input-field input[type="text"],
.workflow-input .workflow-input-field input[type="date"],
.workflow-input .workflow-input-field input[type="time"],
.workflow-input .workflow-input-field input[type="number"] {
  width: 100% !important;
}

.workflow-input .workflow-input-accept {
  text-align: right;
  border-top: 1px solid #ddd;
  padding-top: 10px;
  margin-top: 10px;
}

.workflow-input .workflow-input-accept button {
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 3px 12px;
  font-size: 12px;
  line-height: 1em;
  cursor: pointer;
  background-color: #414141;
  color: #ededed;
  /*.buttonBackground(@btnBackground, @btnBackgroundHighlight, @textTitle, 0 1px 1px rgba(255,255,255,0));*/
  border: 1px solid #3c3c3c;
  border-bottom-color: #343434;
  border-radius: 3px;
  background-color: #f0f0f0;
  border-color: #bdbdbd;
  border-bottom-color: #c0c0c0;
  color: #606060;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
}

.workflow-input .workflow-input-accept button:hover,
.workflow-input .workflow-input-accept button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.workflow-input .workflow-input-accept button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.workflow-input .workflow-input-accept button.active,
.workflow-input .workflow-input-accept button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.workflow-input .workflow-input-accept button.disabled,
.workflow-input .workflow-input-accept button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.workflow-input .workflow-input-accept button.disabled img,
.workflow-input .workflow-input-accept button[disabled] img {
  opacity: 0.4;
}

.workflow-input .workflow-input-accept button:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.workflow-input .workflow-input-accept button:hover,
.workflow-input .workflow-input-accept button:focus {
  color: #333;
  text-decoration: none;
}

.workflow-input .workflow-input-accept button:active,
.workflow-input .workflow-input-accept button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.workflow-input .workflow-input-accept button.disabled,
.workflow-input .workflow-input-accept button[disabled],
fieldset[disabled] .workflow-input .workflow-input-accept button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.workflow-input .workflow-input-accept button:hover,
.workflow-input .workflow-input-accept button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #343434;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  outline: none;
}

.workflow-input .workflow-input-accept button:focus {
  outline: none;
  border: 1px solid #52a7ee;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.workflow-input .workflow-input-accept button.active,
.workflow-input .workflow-input-accept button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.workflow-input .workflow-input-accept button.disabled,
.workflow-input .workflow-input-accept button[disabled] {
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  color: #878787;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.workflow-input .workflow-input-accept button.disabled img,
.workflow-input .workflow-input-accept button[disabled] img {
  opacity: 0.4;
}

.sp-mobile-device .workflow-input .workflow-input-accept button,
.sp-tablet-device .workflow-input .workflow-input-accept button {
  min-height: 40px;
  min-width: 40px;
  font-size: initial;
}

.workflow-input .workflow-input-accept button:hover,
.workflow-input .workflow-input-accept button:focus {
  color: #2b2b2b;
  text-decoration: none;
  background-color: #e3e3e3;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.workflow-input .workflow-input-accept button:focus {
  background-color: #f0f0f0;
  outline: none;
  border: 1px solid #bdbdbd;
}

.workflow-input .workflow-input-accept button.active,
.workflow-input .workflow-input-accept button:active {
  background-image: none;
  background-color: #e3e3e3;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
  box-shadow: inset 0 0px 2px rgba(0,0,0,.15), 0 0 0 rgba(0,0,0,1);
}

.workflow-input .workflow-input-accept button.disabled,
.workflow-input .workflow-input-accept button[disabled] {
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.workflow-input .workflow-input-accept button.disabled img,
.workflow-input .workflow-input-accept button[disabled] img {
  opacity: 0.4;
}

.workflow-input .workflow-input-accept-button {
  height: 26px;
}

@media (max-width: 349px) {
  .workflow-input .workflow-input-header {
    display: none;
  }

  .workflow-input .workflow-input-prompt {
    margin-top: 10px;
    margin-left: 5px;
  }

  .workflow-input .workflow-input-prompt > h2 {
    font-size: 20px;
  }

  .workflow-input .workflow-input-accept {
    float: none;
  }

  .workflow-input .workflow-input-accept-button {
    width: 100%;
  }
}

.sp-default-content-header.workflow-input-header-mobile {
  display: none;
}

.sp-tablet-device .sp-default-content-header.workflow-input-header-mobile,
.sp-mobile-device .sp-default-content-header.workflow-input-header-mobile {
  display: block;
}

.sp-tablet-device .sp-default-content-header.workflow-input-header-mobile .layout-thumb img {
  -webkit-transform: none;
          transform: none;
  padding: 5px;
}

.modal-content .workflow-input {
  height: 100%;
  padding: 0;
}

.modal-content .workflow-input > .workflow-input-prompt {
  padding: 0 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modal-content .workflow-input .workflow-input-container {
  padding: 0;
  width: 100%;
  background-color: transparent;
  border: none;
  overflow-y: auto;
}

.sp-tablet-device .modal-content .workflow-input .workflow-input-container,
.sp-mobile-device .modal-content .workflow-input .workflow-input-container {
  max-height: calc(100% - 40px);
}

.sp-tablet-device .modal-content .workflow-input .workflow-input-row,
.sp-mobile-device .modal-content .workflow-input .workflow-input-row {
  width: calc(100% - 20px);
}

.modal-content .workflow-input .has-error ul {
  padding-left: 20px;
}

.modal-content .workflow-input .modal-body.entityReportPickerDialog {
  height: calc(100% - 90px);
}

.sp-mobile-device .modal-content .workflow-input .modal-body.entityReportPickerDialog .modal-header {
  display: none;
}

.sp-mobile-device .modal-content .workflow-input .modal-footer.footer-3 button.btn {
  width: calc(33% - 4px);
}

@media (max-width: 349px) {
  .workflow-input {
    padding: 5px;
  }
}

.rnWorkflowDependencyVisualizer {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 5px;
  color: gray;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.rnWorkflowDependencyVisualizer__header {
  height: 30px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.rnWorkflowDependencyVisualizer__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.rnWorkflowDependencyVisualizer__network-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
}

.rnWorkflowDependencyVisualizer__network-container-abs {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.rnWorkflowDependencyVisualizerToolbox__options-container {
  padding: 3px;
  margin: 3px;
  background: white;
  white-space: nowrap;
  overflow: hidden;
}

.rnWorkflowDependencyVisualizerToolbox__options-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 10px 0;
  background: white;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.rnWorkflowDependencyVisualizerToolbox__generateMapHelpText {
  font-style: italic;
  white-space: normal;
}

.rnWorkflowDependencyVisualizerToolbox__label {
  color: #808080;
}

.rnWorkflowDependencyVisualizerToolbox__row-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rnWorkflowDependencyVisualizerToolbox__cycleOptions {
  width: 100%;
}

.rnWorkflowDependencyVisualizerToolbox__label--checkbox {
  color: #808080;
  min-width: 110px;
}

.rnWorkflowDependencyVisualizerToolbox__value--checkbox {
  margin-left: 5px;
}

.wf-builder-view {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  font-family: Roboto, ui-sans-serif, system-ui, Helvetica Neue, Arial, Noto Sans, sans-serif;
}

.wf-builder-view__header {
  background: white;
}

.wf-builder-view .workflow-design-surface {
  overflow: scroll;
  height: 100%;
  background-color: rgba(13, 128, 221, 0.03);
}

.wf-builder-view .workflow-debug-pane {
  background-color: grey;
  color: white;
  display: block;
  font-weight: lighter;
  font-size: 0.8em;
  font-weight: normal;
  height: 80%;
  line-height: 1.2em;
  max-width: 30%;
  opacity: 0.9;
  overflow-y: auto;
  padding: 2px 2px;
  position: fixed;
  right: 20px;
  top: 100px;
  z-index: 1000;
}

.wf-builder-view .workflow-debug-pane ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wf-builder-view .workflow-debug-pane ul li {
  padding: 0 0 0 5px;
  line-height: 1.2em;
}

.wf-builder-view .workflow-debug-pane ul li.list-section-header {
  font-style: italic;
  font-weight: bolder;
  padding: 0;
}

.wf-builder-view .workflow-debug-pane div.btn-link {
  color: white;
  cursor: pointer;
  display: inline;
}

.wf-builder-view .workflow-debug-pane div.btn-link:hover {
  text-decoration: underline;
}

.wf-builder-view .rn-error-indicator {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 32px;
  height: 25px;
  background: #dc2626;
  border-radius: 4px;
  color: white;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: "Font Awesome 7 Pro";
  font-size: 16px;
  cursor: pointer;
}

.wf-builder-view .rn-error-indicator:hover {
  background: #b91c1c;
}

.wf-builder-view .rn-error-indicator::before {
  content: "\21";
}

.wf-builder-view .rn-error-indicator img {
  display: none;
}

.wf-builder-header {
  position: relative;
  background-color: #fff;
  padding: 10px;
}

.wf-builder-header__toolbars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wf-builder-header__toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wf-builder-header__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}

.wf-builder-header__superseded {
  margin-right: 2px;
}

.wf-builder-header__dirty-marker {
  color: #dc2626;
  font-weight: bold;
  margin: 2px;
}

.wf-builder-header__dirty-marker.dirty-false {
  display: none;
}

.wf-builder-header__edit {
  max-width: 90%;
}

.wf-builder-header__edit .sp-input {
  padding: 0;
  border-color: #009e96;
}

.wf-builder-header .wf-builder-validation-messages-toolbar-item {
  position: relative;
  margin: 0;
}

.wf-builder-header .wf-button {
  display: inline-grid;
  grid-template-columns: auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0 8px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  min-width: auto;
}

.wf-builder-header .wf-button span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wf-builder-header .wf-button--undo,
.wf-builder-header .wf-button--redo,
.wf-builder-header .wf-button--properties,
.wf-builder-header .wf-button--close {
  background: #eeeff2;
  color: #1f2937;
}

.wf-builder-header .wf-button--undo:hover,
.wf-builder-header .wf-button--redo:hover,
.wf-builder-header .wf-button--properties:hover,
.wf-builder-header .wf-button--close:hover {
  background: #e5e7eb;
}

.wf-builder-header .wf-button--type-run {
  background: #0565c4;
  color: white;
}

.wf-builder-header .wf-button--type-run:hover {
  background: #0445a0;
}

.wf-builder-header .wf-button--delete {
  background: #fee2e2;
  color: #7f1d1d;
}

.wf-builder-header .wf-button--delete:hover {
  background: #fecaca;
}

.wf-builder-header .wf-button--save,
.wf-builder-header .wf-button--save-as {
  background: #16a34a;
  color: white;
}

.wf-builder-header .wf-button--save:hover,
.wf-builder-header .wf-button--save-as:hover {
  background: #15803d;
}

.wf-builder-zoom {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  height: 25px;
  padding: 0 5px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  color: #1f2937;
  font-size: 14px;
}

.wf-builder-zoom__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 18px;
  height: 18px;
  background: #eeeff2;
  border-radius: 4px;
  font-size: 12px;
}

.wf-builder-view .layout-container {
  overflow: hidden;
}

.wf-toolbox {
  overflow-x: hidden;
  background: #eeeff2;
  font-family: Roboto, ui-sans-serif, system-ui, Helvetica Neue, Arial, Noto Sans, sans-serif;
}

.wf-toolbox .toolbox-header {
  color: white;
  background-color: #009e96;
  background-image: url("assets/images/workflow_background.png");
}

.layout-open .wf-toolbox .toolbox-header__title,
.layout-open .wf-toolbox .toolbox-header__subtitle {
  opacity: 1;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.wf-toolbox__list {
  padding: 0 4px;
}

.wf-toolbox__item {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  min-height: 36px;
  padding: 4px;
  background: white;
  border-radius: 4px;
  color: #1f2937;
  font-size: 14px;
  white-space: nowrap;
  cursor: pointer;
}

.wf-toolbox__item + .wf-toolbox__item {
  margin-top: 4px;
}

.wf-toolbox__item:hover {
  background: #f9fafb;
}

.wf-toolbox__group {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 40px;
  padding: 4px;
  background: #eeeff2;
  color: #1f2937;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}

.wf-toolbox__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 4px;
}

.wf-new-item-btn {
  padding: 3px 8px;
  border: 1px solid #374151;
  border-radius: 4px;
}

.wf-new-item-btn:hover {
  background: #f3f4f6;
}

.wf-properties-form .rn-parameter-container {
  margin-top: 10px;
  border-color: #e5e7eb;
}

.wf-properties-form .rn-parameter-container__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px;
  background-color: #e5e7eb;
  font-size: 14px;
  font-weight: 500;
}

.wf-properties-form .rn-parameter-container__heading label {
  margin: 0;
}

.wf-properties-form .rn-parameter-container__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.wf-properties-form .wf-activity-up-btn,
.wf-properties-form .rn-parameter-container__delete-btn {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 20px;
  height: 20px;
  background: #d1d5db;
  border-radius: 4px;
}

.wf-properties-form .wf-activity-up-btn:hover,
.wf-properties-form .rn-parameter-container__delete-btn:hover {
  background: #9ca3af;
}

.wf-properties-form .wf-parameter-row {
  margin: 0;
  padding: 5px 0;
}

.wf-properties-form .wf-parameter-row__label {
  font-weight: 500;
}

.wf-properties-form .rn-mandatory-indicator-true .rn-mandatory-marker,
.wf-properties-form [mandatory="true"] .rn-mandatory-marker {
  padding: 1px 0;
  width: auto;
  height: 100%;
}

.wf-properties-form .rn-mandatory-indicator-true .rn-mandatory-marker::before,
.wf-properties-form [mandatory="true"] .rn-mandatory-marker::before {
  content: "";
  display: block;
  background-color: #dc2626;
  width: 2px;
  height: 100%;
}

.wf-properties-form .rn-mandatory-indicator-true .rn-mandatory-marker img,
.wf-properties-form [mandatory="true"] .rn-mandatory-marker img {
  display: none;
}

.wf-properties-form .wf-parameter-row__input-control {
  background-color: white;
  border-color: #e5e7eb;
}

.wf-properties-form .wf-parameter-contextMenu-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24px;
  height: 24px;
  margin-top: 2px;
  margin-left: 3px;
  padding: 0;
  background: #eeeff2;
  border-radius: 4px;
  color: #374151;
  font-family: "Font Awesome 7 Pro";
}

.wf-properties-form .wf-parameter-contextMenu-btn:hover {
  background-color: #e5e7eb;
}

.wf-properties-form .wf-parameter-contextMenu-btn::before {
  content: "\f013";
}

.wf-properties-form .wf-parameter-contextMenu-btn img {
  display: none;
}

.wf-properties-form .wf-parameter-row__icon-button {
  padding-top: 2px;
  color: #374151;
}

.wf-properties-form .wf-parameter-new {
  margin-top: 10px;
}