@font-face {
  font-family: 'Appian Open Sans';
  src: url(./opensans-light-appian-83c3deca5df9e979b477.cache.woff2) format('woff2'),
    url(./opensans-light-appian-3afbb2a57bf45e649851.cache.woff) format('woff'),
    url(./opensans-light-appian-177cc92d2e8027712a8c.cache.ttf) format('truetype'),
    url("./opensans-light-appian-27ef0b062b2e221df16f.cache.svg#Open Sanslight") format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Appian Open Sans';
  src: url(./opensans-regular-appian-81d0487ba73afd292730.cache.woff2) format('woff2'),
    url(./opensans-regular-appian-2b6f63fce9104d1223d8.cache.woff) format('woff'),
    url(./opensans-regular-appian-500cf2c3bec2322e6e4a.cache.ttf) format('truetype'),
    url("./opensans-regular-appian-a6a7ef8be91ba188992a.cache.svg#Open Sansregular") format('svg');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Appian Open Sans';
  src: url(./opensans-semibold-appian-0dd0a359a053b2b5bb85.cache.woff2) format('woff2'),
    url(./opensans-semibold-appian-d90dc5001b28fd92491e.cache.woff) format('woff'),
    url(./opensans-semibold-appian-6774292983f31fe96042.cache.ttf) format('truetype'),
    url("./opensans-semibold-appian-3de65949b5a323f2e728.cache.svg#Open Sanssemibold")
      format('svg');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Appian Open Sans';
  src: url(./opensans-bold-appian-15df1fb3e82321d94a0c.cache.woff2) format('woff2'),
    url(./opensans-bold-appian-efe9ead0aecdedc597ec.cache.woff) format('woff'),
    url(./opensans-bold-appian-cf0678b3042d5044e243.cache.ttf) format('truetype'),
    url("./opensans-bold-appian-5299102b330196cc41f0.cache.svg#Open Sansbold") format('svg');
  font-weight: 700;
  font-style: normal;
}

/*
TODO: Teach postcss to handle imports instead
(css-loader in module mode cannot use ~ for aliases)
*/

@font-face {
  font-family: 'Appian Open Sans';
  src: url(./opensans-light-appian-83c3deca5df9e979b477.cache.woff2) format('woff2'),
    url(./opensans-light-appian-3afbb2a57bf45e649851.cache.woff) format('woff'),
    url(./opensans-light-appian-177cc92d2e8027712a8c.cache.ttf) format('truetype'),
    url("./opensans-light-appian-27ef0b062b2e221df16f.cache.svg#Open Sanslight") format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Appian Open Sans';
  src: url(./opensans-regular-appian-81d0487ba73afd292730.cache.woff2) format('woff2'),
    url(./opensans-regular-appian-2b6f63fce9104d1223d8.cache.woff) format('woff'),
    url(./opensans-regular-appian-500cf2c3bec2322e6e4a.cache.ttf) format('truetype'),
    url("./opensans-regular-appian-a6a7ef8be91ba188992a.cache.svg#Open Sansregular") format('svg');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Appian Open Sans';
  src: url(./opensans-semibold-appian-0dd0a359a053b2b5bb85.cache.woff2) format('woff2'),
    url(./opensans-semibold-appian-d90dc5001b28fd92491e.cache.woff) format('woff'),
    url(./opensans-semibold-appian-6774292983f31fe96042.cache.ttf) format('truetype'),
    url("./opensans-semibold-appian-3de65949b5a323f2e728.cache.svg#Open Sanssemibold")
      format('svg');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Appian Open Sans';
  src: url(./opensans-bold-appian-15df1fb3e82321d94a0c.cache.woff2) format('woff2'),
    url(./opensans-bold-appian-efe9ead0aecdedc597ec.cache.woff) format('woff'),
    url(./opensans-bold-appian-cf0678b3042d5044e243.cache.ttf) format('truetype'),
    url("./opensans-bold-appian-5299102b330196cc41f0.cache.svg#Open Sansbold") format('svg');
  font-weight: 700;
  font-style: normal;
}



/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.SailContainerWeb---sailcontents {
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
  box-sizing: border-box !important;
  direction: ltr !important;
}
.appian-context-os-ios .SailContainerWeb---sailcontents {
  font-family: -apple-system, "Appian Open Sans", Sans-Serif !important;
}
.appian-context-os-android .SailContainerWeb---sailcontents {
  font-family: "Roboto", "Appian Open Sans", Sans-Serif !important;
}
.SailContainerWeb---sailcontents *,
.SailContainerWeb---sailcontents *:before,
.SailContainerWeb---sailcontents *:after {
  box-sizing: inherit !important;
}
.SailContainerWeb---auto_focus {
  outline: none !important;
}
@media print {
  .SailContainerWeb---sailcontents {
    font-size: 9px !important;
  }
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.AccentText---color_accent {
  color: #1d659c !important;
}
.AccentText---color_accent:not(.AccentText---inStrongText) {
  font-weight: 400 !important;
  /* needed so accent text nested within secondary text does not get lightweight font */
}
.AccentText---color_accent.AccentText---inAccentBackground {
  color: #fff !important;
}
.AccentText---color_accent.AccentText---disabled {
  color: var(--appian-secondary-text-color, #767676) !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.ActionToolbarButtonWidget---btn {
  padding: 0 0.7143rem !important;
}
.ActionToolbarButtonWidget---btn {
  cursor: pointer !important;
  text-transform: var(--appian-button-text-transform, uppercase) !important;
  text-align: center !important;
  font-family: inherit !important;
  color: #1d659c !important;
  fill: #1d659c !important;
  font-size: 1rem !important;
  /* height and width of svg icon in standard button should match this value */
  line-height: 1.4 !important;
  /* needed for correct vertical alignment of text on Tempo */
  font-weight: 600 !important;
  height: 2.7143rem !important;
  vertical-align: middle !important;
  margin: 1px 0 !important;
  /* 0 margin left/right needed for correct spacing on Safari */
  max-width: 28em !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  background-color: #fff !important;
  border: 1px solid #1d659c !important;
  border-radius: 0rem !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-transition-duration: 0.2s !important;
  transition-duration: 0.2s !important;
  -webkit-transition-property: -webkit-transform !important;
  transition-property: -webkit-transform !important;
  transition-property: transform !important;
  transition-property: transform, -webkit-transform !important;
  -webkit-font-smoothing: antialiased !important;
  /* Safari-only: smooth transform */
}
.ActionToolbarButtonWidget---btn.ActionToolbarButtonWidget---match_input_shape {
  border-radius: 0rem !important;
}
.ActionToolbarButtonWidget---btn.ActionToolbarButtonWidget---inAccentBackground {
  color: #fff !important;
  fill: #fff !important;
  background-color: #1d659c !important;
  border: 1px solid #fff !important;
}
.ActionToolbarButtonWidget---btn:not(.ActionToolbarButtonWidget---minimize_width):not(.ActionToolbarButtonWidget---fill_width):not(.ActionToolbarButtonWidget---icon_only) {
  /* FILL buttons always take up full width. MINIMIZE never take up full width.
      On a phone-sized browser:
      DEFAULT buttons take up full width. Icon-only DEFAULT buttons do not take up full width.
      DEFAULT icon-only buttons stack. MINIMIZE icon-only buttons do not stack. */
}
.appian-context-ux-page-size-phone .ActionToolbarButtonWidget---btn:not(.ActionToolbarButtonWidget---minimize_width):not(.ActionToolbarButtonWidget---fill_width):not(.ActionToolbarButtonWidget---icon_only) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
.ActionToolbarButtonWidget---btn:disabled {
  -webkit-transform: none !important;
          transform: none !important;
  opacity: 0.5 !important;
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  cursor: default !important;
  box-shadow: none !important;
}
.ActionToolbarButtonWidget---btn.ActionToolbarButtonWidget---inAccentBackground:disabled {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
}
.ActionToolbarButtonWidget---btn:not(:disabled):active,
.ActionToolbarButtonWidget---btn:not(:disabled):hover {
  box-shadow: 0 0px 5px #2173b2 !important;
}
.ActionToolbarButtonWidget---btn.ActionToolbarButtonWidget---inAccentBackground:not(:disabled):active,
.ActionToolbarButtonWidget---btn.ActionToolbarButtonWidget---inAccentBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #fff !important;
}
:not(.ActionToolbarButtonWidget---accent):not(.ActionToolbarButtonWidget---secondary):not(.ActionToolbarButtonWidget---negative):not(.ActionToolbarButtonWidget---hex) .ActionToolbarButtonWidget---btn.ActionToolbarButtonWidget---link_style.ActionToolbarButtonWidget---inDarkBackground:not(:disabled):active,
:not(.ActionToolbarButtonWidget---accent):not(.ActionToolbarButtonWidget---secondary):not(.ActionToolbarButtonWidget---negative):not(.ActionToolbarButtonWidget---hex) .ActionToolbarButtonWidget---btn.ActionToolbarButtonWidget---link_style.ActionToolbarButtonWidget---inDarkBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #eee !important;
}
.ActionToolbarButtonWidget---btn:not(:disabled):active {
  -webkit-transform: scaleX(0.98) scaleY(0.98) !important;
  transform: scaleX(0.98) scaleY(0.98) !important;
}
.ActionToolbarButtonWidget---btn.ActionToolbarButtonWidget---inGridLayout {
  max-width: 100% !important;
}
.ActionToolbarButtonWidget---btn.ActionToolbarButtonWidget---inToolbarLayout.ActionToolbarButtonWidget---icon_only {
  height: 1.5714rem !important;
  margin: 0 !important;
  color: #666 !important;
  fill: #666 !important;
  border-color: transparent !important;
  background-color: transparent !important;
}
.ActionToolbarButtonWidget---btn.ActionToolbarButtonWidget---inToolbarLayout.ActionToolbarButtonWidget---icon_only {
  padding: 2px 6px !important;
}
.ActionToolbarButtonWidget---btn.ActionToolbarButtonWidget---inToolbarLayout:not(:disabled):active,
.ActionToolbarButtonWidget---btn.ActionToolbarButtonWidget---inToolbarLayout:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.ActionToolbarButtonWidget---btn.ActionToolbarButtonWidget---inToolbarLayout:not(:disabled):hover {
  box-shadow: 0 0px 4px var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-color: #bbb !important;
}
.ActionToolbarButtonWidget---btn.ActionToolbarButtonWidget---inToolbarLayout svg.ActionToolbarButtonWidget---icon {
  vertical-align: 0 !important;
}
.ActionToolbarButtonWidget---btn_toolbar_container {
  display: inline-block !important;
}
button.ActionToolbarButtonWidget---btn.ActionToolbarButtonWidget---toolbar {
  height: 1.5714rem !important;
  padding: 2px 6px !important;
  margin: 0 !important;
  color: #666 !important;
  border-color: transparent !important;
  background-color: transparent !important;
}
.ActionToolbarButtonWidget---btn.ActionToolbarButtonWidget---toolbar:active:not(:disabled),
.ActionToolbarButtonWidget---btn.ActionToolbarButtonWidget---toolbar:focus:not(.appian-context-ux-mouse-focus):not(:disabled),
.ActionToolbarButtonWidget---btn.ActionToolbarButtonWidget---toolbar:hover:not(:disabled) {
  box-shadow: 0 0px 4px var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-color: #bbb !important;
}
.ActionToolbarButtonWidget---btn.ActionToolbarButtonWidget---toolbar i.ActionToolbarButtonWidget---fa {
  font-size: 14px !important;
  display: block !important;
  margin-right: 0 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.elements---global_p {
  /* if these values change, also update RichTextEditorWidget.less, styleUtils.web.js, & StyledTextEditorWidget.less */
  font-size: 1rem !important;
  line-height: 1.4 !important;
  margin: 0 0 12px !important;
  color: var(--appian-text-color, #222) !important;
  word-wrap: break-word !important;
  text-align: left !important;
}
.elements---global_p:last-of-type {
  margin-bottom: 0 !important;
}
.elements---global_a {
  line-height: 1.4 !important;
  color: #1d659c !important;
  word-wrap: break-word !important;
  text-decoration: none !important;
}
.elements---global_a.elements---inAccentBackground {
  color: #fff !important;
}
.elements---global_a.elements---inDarkBackground {
  color: #eee !important;
  text-shadow: none !important;
}
.elements---global_a.elements---inLightBackground {
  color: #1d659c !important;
}
.elements---global_a.elements---inDocInfoPanel {
  line-height: 1.2 !important;
  font-size: 0.9286rem !important;
}
.elements---global_a:hover,
.elements---global_a:focus {
  outline: none !important;
}
.elements---global_a:hover,
.elements---global_a:focus:not(.appian-context-ux-mouse-focus) {
  text-decoration: underline !important;
}
.elements---global_a:active {
  color: #154971 !important;
}
.elements---global_a.elements---inAccentBackground:active {
  color: #fff !important;
}
.elements---global_a.elements---inDarkBackground:active {
  color: #eee !important;
}
.elements---global_a.elements---inLightBackground:active {
  color: #154971 !important;
}
.elements---global_a.elements---secondary {
  color: var(--appian-secondary-text-color, #767676) !important;
}
.elements---global_a.elements---secondary:hover,
.elements---global_a.elements---secondary:focus {
  color: #1d659c !important;
}
.elements---global_a.elements---secondary:active {
  color: #154971 !important;
}
.elements---global_a.elements---small {
  font-size: 0.8571rem !important;
}
.elements---global_a.elements---hazard_link {
  color: #de0037 !important;
  border-bottom: 1px dotted #de0037 !important;
}
.elements---global_a.elements---hazard_link:hover,
.elements---global_a.elements---hazard_link:focus:not(.appian-context-ux-mouse-focus) {
  border-bottom: 1px solid #de0037 !important;
  text-decoration: none !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.Tooltip---tooltip {
  border-radius: 0rem !important;
  border: none !important;
  background-color: #333 !important;
  font: 14px / 1.3 "Appian Open Sans", Sans-Serif !important;
  box-shadow: none !important;
  padding: 0.5714rem 0.6429rem !important;
}
.appian-context-os-ios .Tooltip---tooltip {
  font-family: -apple-system !important;
}
.appian-context-os-android .Tooltip---tooltip {
  font-family: "Roboto" !important;
}
.Tooltip---tooltip,
.Tooltip---tooltip p {
  color: #eee !important;
  z-index: 2000021 !important;
  max-width: 300px !important;
  word-wrap: break-word !important;
  white-space: pre-wrap !important;
}
.Tooltip---tooltip_wide,
.Tooltip---tooltip_wide p {
  max-width: 600px !important;
}
.Tooltip---tooltip.Tooltip---inModalDialogLayout {
  z-index: 2000024 !important;
}
/* needed to prevent browser focus on selectable tooltips */
.Tooltip---tooltip:focus,
.Tooltip---tooltip p:focus {
  outline: none !important;
}
.Tooltip---tether_tooltip {
  z-index: 2000021 !important;
}
.Tooltip---tooltip-element.Tooltip---tooltip-element-attached-left.Tooltip---tooltip-target-attached-right {
  /*rtl:begin:ignore*/
  margin-left: 5px !important;
  /*rtl:end:ignore*/
}
.Tooltip---tooltip-element.Tooltip---tooltip-element-attached-right.Tooltip---tooltip-target-attached-left {
  /*rtl:begin:ignore*/
  margin-left: 5px !important;
  /*rtl:end:ignore*/
}
.Tooltip---tooltip-element.Tooltip---tooltip-target-attached-top.Tooltip---tooltip-element-attached-bottom {
  margin-top: -2px !important;
}
.Tooltip---tooltip-element.Tooltip---tooltip-target-attached-bottom.Tooltip---tooltip-element-attached-top {
  margin-top: 2px !important;
}

/* See https://issues.appian.com/browse/AN-73115 */
.TetherComponent---sailcontents {
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
  box-sizing: border-box !important;
  direction: ltr !important;
}
.appian-context-os-ios .TetherComponent---sailcontents {
  font-family: -apple-system, "Appian Open Sans", Sans-Serif !important;
}
.appian-context-os-android .TetherComponent---sailcontents {
  font-family: "Roboto", "Appian Open Sans", Sans-Serif !important;
}
.TetherComponent---sailcontents *,
.TetherComponent---sailcontents *:before,
.TetherComponent---sailcontents *:after {
  box-sizing: inherit !important;
}
.TetherComponent---auto_focus {
  outline: none !important;
}
@media print {
  .TetherComponent---sailcontents {
    font-size: 9px !important;
  }
}
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rtl:begin:ignore */
.TetherComponent---force_ltr {
  direction: ltr !important;
}
/* rtl:end:ignore */
.TetherComponent---inModalDialogLayout.TetherComponent---inModalDialogLayout {
  z-index: 2000023 !important;
}
.tether-out-of-bounds-top.tether-out-of-bounds-bottom.TetherComponent---inDropdownWidget,
.tether-out-of-bounds-top.tether-out-of-bounds-bottom.TetherComponent---inMultipleDropdownWidget {
  display: none !important;
}

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

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url(./fontawesome-webfont-674f50d287a8c48dc19b.cache.eot);
  src: url(./fontawesome-webfont-674f50d287a8c48dc19b.cache.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(./fontawesome-webfont-af7ae505a9eed503f8b8.cache.woff2) format('woff2'), url(./fontawesome-webfont-fee66e712a8a08eef580.cache.woff) format('woff'), url(./fontawesome-webfont-b06871f281fee6b241d6.cache.ttf) format('truetype'), url(./fontawesome-webfont-912ec66d7572ff821749.cache.svg#fontawesomeregular) format('svg');
  font-weight: normal;
  font-style: normal;
}
.font-awesome---fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.font-awesome---fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.font-awesome---fa-2x {
  font-size: 2em;
}
.font-awesome---fa-3x {
  font-size: 3em;
}
.font-awesome---fa-4x {
  font-size: 4em;
}
.font-awesome---fa-5x {
  font-size: 5em;
}
.font-awesome---fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.font-awesome---fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.font-awesome---fa-ul > li {
  position: relative;
}
.font-awesome---fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.font-awesome---fa-li.font-awesome---fa-lg {
  left: -1.85714286em;
}
.font-awesome---fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.font-awesome---fa-pull-left {
  float: left;
}
.font-awesome---fa-pull-right {
  float: right;
}
.font-awesome---fa.font-awesome---fa-pull-left {
  margin-right: .3em;
}
.font-awesome---fa.font-awesome---fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.font-awesome---pull-right {
  float: right;
}
.font-awesome---pull-left {
  float: left;
}
.font-awesome---fa.font-awesome---pull-left {
  margin-right: .3em;
}
.font-awesome---fa.font-awesome---pull-right {
  margin-left: .3em;
}
.font-awesome---fa-spin {
  -webkit-animation: font-awesome---fa-spin 2s infinite linear;
  animation: font-awesome---fa-spin 2s infinite linear;
}
.font-awesome---fa-pulse {
  -webkit-animation: font-awesome---fa-spin 1s infinite steps(8);
  animation: font-awesome---fa-spin 1s infinite steps(8);
}
@-webkit-keyframes font-awesome---fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes font-awesome---fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.font-awesome---fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.font-awesome---fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.font-awesome---fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.font-awesome---fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.font-awesome---fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .font-awesome---fa-rotate-90,
:root .font-awesome---fa-rotate-180,
:root .font-awesome---fa-rotate-270,
:root .font-awesome---fa-flip-horizontal,
:root .font-awesome---fa-flip-vertical {
  filter: none;
}
.font-awesome---fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.font-awesome---fa-stack-1x,
.font-awesome---fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.font-awesome---fa-stack-1x {
  line-height: inherit;
}
.font-awesome---fa-stack-2x {
  font-size: 2em;
}
.font-awesome---fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.font-awesome---fa-glass:before {
  content: "\f000";
}
.font-awesome---fa-music:before {
  content: "\f001";
}
.font-awesome---fa-search:before {
  content: "\f002";
}
.font-awesome---fa-envelope-o:before {
  content: "\f003";
}
.font-awesome---fa-heart:before {
  content: "\f004";
}
.font-awesome---fa-star:before {
  content: "\f005";
}
.font-awesome---fa-star-o:before {
  content: "\f006";
}
.font-awesome---fa-user:before {
  content: "\f007";
}
.font-awesome---fa-film:before {
  content: "\f008";
}
.font-awesome---fa-th-large:before {
  content: "\f009";
}
.font-awesome---fa-th:before {
  content: "\f00a";
}
.font-awesome---fa-th-list:before {
  content: "\f00b";
}
.font-awesome---fa-check:before {
  content: "\f00c";
}
.font-awesome---fa-remove:before,
.font-awesome---fa-close:before,
.font-awesome---fa-times:before {
  content: "\f00d";
}
.font-awesome---fa-search-plus:before {
  content: "\f00e";
}
.font-awesome---fa-search-minus:before {
  content: "\f010";
}
.font-awesome---fa-power-off:before {
  content: "\f011";
}
.font-awesome---fa-signal:before {
  content: "\f012";
}
.font-awesome---fa-gear:before,
.font-awesome---fa-cog:before {
  content: "\f013";
}
.font-awesome---fa-trash-o:before {
  content: "\f014";
}
.font-awesome---fa-home:before {
  content: "\f015";
}
.font-awesome---fa-file-o:before {
  content: "\f016";
}
.font-awesome---fa-clock-o:before {
  content: "\f017";
}
.font-awesome---fa-road:before {
  content: "\f018";
}
.font-awesome---fa-download:before {
  content: "\f019";
}
.font-awesome---fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.font-awesome---fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.font-awesome---fa-inbox:before {
  content: "\f01c";
}
.font-awesome---fa-play-circle-o:before {
  content: "\f01d";
}
.font-awesome---fa-rotate-right:before,
.font-awesome---fa-repeat:before {
  content: "\f01e";
}
.font-awesome---fa-refresh:before {
  content: "\f021";
}
.font-awesome---fa-list-alt:before {
  content: "\f022";
}
.font-awesome---fa-lock:before {
  content: "\f023";
}
.font-awesome---fa-flag:before {
  content: "\f024";
}
.font-awesome---fa-headphones:before {
  content: "\f025";
}
.font-awesome---fa-volume-off:before {
  content: "\f026";
}
.font-awesome---fa-volume-down:before {
  content: "\f027";
}
.font-awesome---fa-volume-up:before {
  content: "\f028";
}
.font-awesome---fa-qrcode:before {
  content: "\f029";
}
.font-awesome---fa-barcode:before {
  content: "\f02a";
}
.font-awesome---fa-tag:before {
  content: "\f02b";
}
.font-awesome---fa-tags:before {
  content: "\f02c";
}
.font-awesome---fa-book:before {
  content: "\f02d";
}
.font-awesome---fa-bookmark:before {
  content: "\f02e";
}
.font-awesome---fa-print:before {
  content: "\f02f";
}
.font-awesome---fa-camera:before {
  content: "\f030";
}
.font-awesome---fa-font:before {
  content: "\f031";
}
.font-awesome---fa-bold:before {
  content: "\f032";
}
.font-awesome---fa-italic:before {
  content: "\f033";
}
.font-awesome---fa-text-height:before {
  content: "\f034";
}
.font-awesome---fa-text-width:before {
  content: "\f035";
}
.font-awesome---fa-align-left:before {
  content: "\f036";
}
.font-awesome---fa-align-center:before {
  content: "\f037";
}
.font-awesome---fa-align-right:before {
  content: "\f038";
}
.font-awesome---fa-align-justify:before {
  content: "\f039";
}
.font-awesome---fa-list:before {
  content: "\f03a";
}
.font-awesome---fa-dedent:before,
.font-awesome---fa-outdent:before {
  content: "\f03b";
}
.font-awesome---fa-indent:before {
  content: "\f03c";
}
.font-awesome---fa-video-camera:before {
  content: "\f03d";
}
.font-awesome---fa-photo:before,
.font-awesome---fa-image:before,
.font-awesome---fa-picture-o:before {
  content: "\f03e";
}
.font-awesome---fa-pencil:before {
  content: "\f040";
}
.font-awesome---fa-map-marker:before {
  content: "\f041";
}
.font-awesome---fa-adjust:before {
  content: "\f042";
}
.font-awesome---fa-tint:before {
  content: "\f043";
}
.font-awesome---fa-edit:before,
.font-awesome---fa-pencil-square-o:before {
  content: "\f044";
}
.font-awesome---fa-share-square-o:before {
  content: "\f045";
}
.font-awesome---fa-check-square-o:before {
  content: "\f046";
}
.font-awesome---fa-arrows:before {
  content: "\f047";
}
.font-awesome---fa-step-backward:before {
  content: "\f048";
}
.font-awesome---fa-fast-backward:before {
  content: "\f049";
}
.font-awesome---fa-backward:before {
  content: "\f04a";
}
.font-awesome---fa-play:before {
  content: "\f04b";
}
.font-awesome---fa-pause:before {
  content: "\f04c";
}
.font-awesome---fa-stop:before {
  content: "\f04d";
}
.font-awesome---fa-forward:before {
  content: "\f04e";
}
.font-awesome---fa-fast-forward:before {
  content: "\f050";
}
.font-awesome---fa-step-forward:before {
  content: "\f051";
}
.font-awesome---fa-eject:before {
  content: "\f052";
}
.font-awesome---fa-chevron-left:before {
  content: "\f053";
}
.font-awesome---fa-chevron-right:before {
  content: "\f054";
}
.font-awesome---fa-plus-circle:before {
  content: "\f055";
}
.font-awesome---fa-minus-circle:before {
  content: "\f056";
}
.font-awesome---fa-times-circle:before {
  content: "\f057";
}
.font-awesome---fa-check-circle:before {
  content: "\f058";
}
.font-awesome---fa-question-circle:before {
  content: "\f059";
}
.font-awesome---fa-info-circle:before {
  content: "\f05a";
}
.font-awesome---fa-crosshairs:before {
  content: "\f05b";
}
.font-awesome---fa-times-circle-o:before {
  content: "\f05c";
}
.font-awesome---fa-check-circle-o:before {
  content: "\f05d";
}
.font-awesome---fa-ban:before {
  content: "\f05e";
}
.font-awesome---fa-arrow-left:before {
  content: "\f060";
}
.font-awesome---fa-arrow-right:before {
  content: "\f061";
}
.font-awesome---fa-arrow-up:before {
  content: "\f062";
}
.font-awesome---fa-arrow-down:before {
  content: "\f063";
}
.font-awesome---fa-mail-forward:before,
.font-awesome---fa-share:before {
  content: "\f064";
}
.font-awesome---fa-expand:before {
  content: "\f065";
}
.font-awesome---fa-compress:before {
  content: "\f066";
}
.font-awesome---fa-plus:before {
  content: "\f067";
}
.font-awesome---fa-minus:before {
  content: "\f068";
}
.font-awesome---fa-asterisk:before {
  content: "\f069";
}
.font-awesome---fa-exclamation-circle:before {
  content: "\f06a";
}
.font-awesome---fa-gift:before {
  content: "\f06b";
}
.font-awesome---fa-leaf:before {
  content: "\f06c";
}
.font-awesome---fa-fire:before {
  content: "\f06d";
}
.font-awesome---fa-eye:before {
  content: "\f06e";
}
.font-awesome---fa-eye-slash:before {
  content: "\f070";
}
.font-awesome---fa-warning:before,
.font-awesome---fa-exclamation-triangle:before {
  content: "\f071";
}
.font-awesome---fa-plane:before {
  content: "\f072";
}
.font-awesome---fa-calendar:before {
  content: "\f073";
}
.font-awesome---fa-random:before {
  content: "\f074";
}
.font-awesome---fa-comment:before {
  content: "\f075";
}
.font-awesome---fa-magnet:before {
  content: "\f076";
}
.font-awesome---fa-chevron-up:before {
  content: "\f077";
}
.font-awesome---fa-chevron-down:before {
  content: "\f078";
}
.font-awesome---fa-retweet:before {
  content: "\f079";
}
.font-awesome---fa-shopping-cart:before {
  content: "\f07a";
}
.font-awesome---fa-folder:before {
  content: "\f07b";
}
.font-awesome---fa-folder-open:before {
  content: "\f07c";
}
.font-awesome---fa-arrows-v:before {
  content: "\f07d";
}
.font-awesome---fa-arrows-h:before {
  content: "\f07e";
}
.font-awesome---fa-bar-chart-o:before,
.font-awesome---fa-bar-chart:before {
  content: "\f080";
}
.font-awesome---fa-twitter-square:before {
  content: "\f081";
}
.font-awesome---fa-facebook-square:before {
  content: "\f082";
}
.font-awesome---fa-camera-retro:before {
  content: "\f083";
}
.font-awesome---fa-key:before {
  content: "\f084";
}
.font-awesome---fa-gears:before,
.font-awesome---fa-cogs:before {
  content: "\f085";
}
.font-awesome---fa-comments:before {
  content: "\f086";
}
.font-awesome---fa-thumbs-o-up:before {
  content: "\f087";
}
.font-awesome---fa-thumbs-o-down:before {
  content: "\f088";
}
.font-awesome---fa-star-half:before {
  content: "\f089";
}
.font-awesome---fa-heart-o:before {
  content: "\f08a";
}
.font-awesome---fa-sign-out:before {
  content: "\f08b";
}
.font-awesome---fa-linkedin-square:before {
  content: "\f08c";
}
.font-awesome---fa-thumb-tack:before {
  content: "\f08d";
}
.font-awesome---fa-external-link:before {
  content: "\f08e";
}
.font-awesome---fa-sign-in:before {
  content: "\f090";
}
.font-awesome---fa-trophy:before {
  content: "\f091";
}
.font-awesome---fa-github-square:before {
  content: "\f092";
}
.font-awesome---fa-upload:before {
  content: "\f093";
}
.font-awesome---fa-lemon-o:before {
  content: "\f094";
}
.font-awesome---fa-phone:before {
  content: "\f095";
}
.font-awesome---fa-square-o:before {
  content: "\f096";
}
.font-awesome---fa-bookmark-o:before {
  content: "\f097";
}
.font-awesome---fa-phone-square:before {
  content: "\f098";
}
.font-awesome---fa-twitter:before {
  content: "\f099";
}
.font-awesome---fa-facebook-f:before,
.font-awesome---fa-facebook:before {
  content: "\f09a";
}
.font-awesome---fa-github:before {
  content: "\f09b";
}
.font-awesome---fa-unlock:before {
  content: "\f09c";
}
.font-awesome---fa-credit-card:before {
  content: "\f09d";
}
.font-awesome---fa-feed:before,
.font-awesome---fa-rss:before {
  content: "\f09e";
}
.font-awesome---fa-hdd-o:before {
  content: "\f0a0";
}
.font-awesome---fa-bullhorn:before {
  content: "\f0a1";
}
.font-awesome---fa-bell:before {
  content: "\f0f3";
}
.font-awesome---fa-certificate:before {
  content: "\f0a3";
}
.font-awesome---fa-hand-o-right:before {
  content: "\f0a4";
}
.font-awesome---fa-hand-o-left:before {
  content: "\f0a5";
}
.font-awesome---fa-hand-o-up:before {
  content: "\f0a6";
}
.font-awesome---fa-hand-o-down:before {
  content: "\f0a7";
}
.font-awesome---fa-arrow-circle-left:before {
  content: "\f0a8";
}
.font-awesome---fa-arrow-circle-right:before {
  content: "\f0a9";
}
.font-awesome---fa-arrow-circle-up:before {
  content: "\f0aa";
}
.font-awesome---fa-arrow-circle-down:before {
  content: "\f0ab";
}
.font-awesome---fa-globe:before {
  content: "\f0ac";
}
.font-awesome---fa-wrench:before {
  content: "\f0ad";
}
.font-awesome---fa-tasks:before {
  content: "\f0ae";
}
.font-awesome---fa-filter:before {
  content: "\f0b0";
}
.font-awesome---fa-briefcase:before {
  content: "\f0b1";
}
.font-awesome---fa-arrows-alt:before {
  content: "\f0b2";
}
.font-awesome---fa-group:before,
.font-awesome---fa-users:before {
  content: "\f0c0";
}
.font-awesome---fa-chain:before,
.font-awesome---fa-link:before {
  content: "\f0c1";
}
.font-awesome---fa-cloud:before {
  content: "\f0c2";
}
.font-awesome---fa-flask:before {
  content: "\f0c3";
}
.font-awesome---fa-cut:before,
.font-awesome---fa-scissors:before {
  content: "\f0c4";
}
.font-awesome---fa-copy:before,
.font-awesome---fa-files-o:before {
  content: "\f0c5";
}
.font-awesome---fa-paperclip:before {
  content: "\f0c6";
}
.font-awesome---fa-save:before,
.font-awesome---fa-floppy-o:before {
  content: "\f0c7";
}
.font-awesome---fa-square:before {
  content: "\f0c8";
}
.font-awesome---fa-navicon:before,
.font-awesome---fa-reorder:before,
.font-awesome---fa-bars:before {
  content: "\f0c9";
}
.font-awesome---fa-list-ul:before {
  content: "\f0ca";
}
.font-awesome---fa-list-ol:before {
  content: "\f0cb";
}
.font-awesome---fa-strikethrough:before {
  content: "\f0cc";
}
.font-awesome---fa-underline:before {
  content: "\f0cd";
}
.font-awesome---fa-table:before {
  content: "\f0ce";
}
.font-awesome---fa-magic:before {
  content: "\f0d0";
}
.font-awesome---fa-truck:before {
  content: "\f0d1";
}
.font-awesome---fa-pinterest:before {
  content: "\f0d2";
}
.font-awesome---fa-pinterest-square:before {
  content: "\f0d3";
}
.font-awesome---fa-google-plus-square:before {
  content: "\f0d4";
}
.font-awesome---fa-google-plus:before {
  content: "\f0d5";
}
.font-awesome---fa-money:before {
  content: "\f0d6";
}
.font-awesome---fa-caret-down:before {
  content: "\f0d7";
}
.font-awesome---fa-caret-up:before {
  content: "\f0d8";
}
.font-awesome---fa-caret-left:before {
  content: "\f0d9";
}
.font-awesome---fa-caret-right:before {
  content: "\f0da";
}
.font-awesome---fa-columns:before {
  content: "\f0db";
}
.font-awesome---fa-unsorted:before,
.font-awesome---fa-sort:before {
  content: "\f0dc";
}
.font-awesome---fa-sort-down:before,
.font-awesome---fa-sort-desc:before {
  content: "\f0dd";
}
.font-awesome---fa-sort-up:before,
.font-awesome---fa-sort-asc:before {
  content: "\f0de";
}
.font-awesome---fa-envelope:before {
  content: "\f0e0";
}
.font-awesome---fa-linkedin:before {
  content: "\f0e1";
}
.font-awesome---fa-rotate-left:before,
.font-awesome---fa-undo:before {
  content: "\f0e2";
}
.font-awesome---fa-legal:before,
.font-awesome---fa-gavel:before {
  content: "\f0e3";
}
.font-awesome---fa-dashboard:before,
.font-awesome---fa-tachometer:before {
  content: "\f0e4";
}
.font-awesome---fa-comment-o:before {
  content: "\f0e5";
}
.font-awesome---fa-comments-o:before {
  content: "\f0e6";
}
.font-awesome---fa-flash:before,
.font-awesome---fa-bolt:before {
  content: "\f0e7";
}
.font-awesome---fa-sitemap:before {
  content: "\f0e8";
}
.font-awesome---fa-umbrella:before {
  content: "\f0e9";
}
.font-awesome---fa-paste:before,
.font-awesome---fa-clipboard:before {
  content: "\f0ea";
}
.font-awesome---fa-lightbulb-o:before {
  content: "\f0eb";
}
.font-awesome---fa-exchange:before {
  content: "\f0ec";
}
.font-awesome---fa-cloud-download:before {
  content: "\f0ed";
}
.font-awesome---fa-cloud-upload:before {
  content: "\f0ee";
}
.font-awesome---fa-user-md:before {
  content: "\f0f0";
}
.font-awesome---fa-stethoscope:before {
  content: "\f0f1";
}
.font-awesome---fa-suitcase:before {
  content: "\f0f2";
}
.font-awesome---fa-bell-o:before {
  content: "\f0a2";
}
.font-awesome---fa-coffee:before {
  content: "\f0f4";
}
.font-awesome---fa-cutlery:before {
  content: "\f0f5";
}
.font-awesome---fa-file-text-o:before {
  content: "\f0f6";
}
.font-awesome---fa-building-o:before {
  content: "\f0f7";
}
.font-awesome---fa-hospital-o:before {
  content: "\f0f8";
}
.font-awesome---fa-ambulance:before {
  content: "\f0f9";
}
.font-awesome---fa-medkit:before {
  content: "\f0fa";
}
.font-awesome---fa-fighter-jet:before {
  content: "\f0fb";
}
.font-awesome---fa-beer:before {
  content: "\f0fc";
}
.font-awesome---fa-h-square:before {
  content: "\f0fd";
}
.font-awesome---fa-plus-square:before {
  content: "\f0fe";
}
.font-awesome---fa-angle-double-left:before {
  content: "\f100";
}
.font-awesome---fa-angle-double-right:before {
  content: "\f101";
}
.font-awesome---fa-angle-double-up:before {
  content: "\f102";
}
.font-awesome---fa-angle-double-down:before {
  content: "\f103";
}
.font-awesome---fa-angle-left:before {
  content: "\f104";
}
.font-awesome---fa-angle-right:before {
  content: "\f105";
}
.font-awesome---fa-angle-up:before {
  content: "\f106";
}
.font-awesome---fa-angle-down:before {
  content: "\f107";
}
.font-awesome---fa-desktop:before {
  content: "\f108";
}
.font-awesome---fa-laptop:before {
  content: "\f109";
}
.font-awesome---fa-tablet:before {
  content: "\f10a";
}
.font-awesome---fa-mobile-phone:before,
.font-awesome---fa-mobile:before {
  content: "\f10b";
}
.font-awesome---fa-circle-o:before {
  content: "\f10c";
}
.font-awesome---fa-quote-left:before {
  content: "\f10d";
}
.font-awesome---fa-quote-right:before {
  content: "\f10e";
}
.font-awesome---fa-spinner:before {
  content: "\f110";
}
.font-awesome---fa-circle:before {
  content: "\f111";
}
.font-awesome---fa-mail-reply:before,
.font-awesome---fa-reply:before {
  content: "\f112";
}
.font-awesome---fa-github-alt:before {
  content: "\f113";
}
.font-awesome---fa-folder-o:before {
  content: "\f114";
}
.font-awesome---fa-folder-open-o:before {
  content: "\f115";
}
.font-awesome---fa-smile-o:before {
  content: "\f118";
}
.font-awesome---fa-frown-o:before {
  content: "\f119";
}
.font-awesome---fa-meh-o:before {
  content: "\f11a";
}
.font-awesome---fa-gamepad:before {
  content: "\f11b";
}
.font-awesome---fa-keyboard-o:before {
  content: "\f11c";
}
.font-awesome---fa-flag-o:before {
  content: "\f11d";
}
.font-awesome---fa-flag-checkered:before {
  content: "\f11e";
}
.font-awesome---fa-terminal:before {
  content: "\f120";
}
.font-awesome---fa-code:before {
  content: "\f121";
}
.font-awesome---fa-mail-reply-all:before,
.font-awesome---fa-reply-all:before {
  content: "\f122";
}
.font-awesome---fa-star-half-empty:before,
.font-awesome---fa-star-half-full:before,
.font-awesome---fa-star-half-o:before {
  content: "\f123";
}
.font-awesome---fa-location-arrow:before {
  content: "\f124";
}
.font-awesome---fa-crop:before {
  content: "\f125";
}
.font-awesome---fa-code-fork:before {
  content: "\f126";
}
.font-awesome---fa-unlink:before,
.font-awesome---fa-chain-broken:before {
  content: "\f127";
}
.font-awesome---fa-question:before {
  content: "\f128";
}
.font-awesome---fa-info:before {
  content: "\f129";
}
.font-awesome---fa-exclamation:before {
  content: "\f12a";
}
.font-awesome---fa-superscript:before {
  content: "\f12b";
}
.font-awesome---fa-subscript:before {
  content: "\f12c";
}
.font-awesome---fa-eraser:before {
  content: "\f12d";
}
.font-awesome---fa-puzzle-piece:before {
  content: "\f12e";
}
.font-awesome---fa-microphone:before {
  content: "\f130";
}
.font-awesome---fa-microphone-slash:before {
  content: "\f131";
}
.font-awesome---fa-shield:before {
  content: "\f132";
}
.font-awesome---fa-calendar-o:before {
  content: "\f133";
}
.font-awesome---fa-fire-extinguisher:before {
  content: "\f134";
}
.font-awesome---fa-rocket:before {
  content: "\f135";
}
.font-awesome---fa-maxcdn:before {
  content: "\f136";
}
.font-awesome---fa-chevron-circle-left:before {
  content: "\f137";
}
.font-awesome---fa-chevron-circle-right:before {
  content: "\f138";
}
.font-awesome---fa-chevron-circle-up:before {
  content: "\f139";
}
.font-awesome---fa-chevron-circle-down:before {
  content: "\f13a";
}
.font-awesome---fa-html5:before {
  content: "\f13b";
}
.font-awesome---fa-css3:before {
  content: "\f13c";
}
.font-awesome---fa-anchor:before {
  content: "\f13d";
}
.font-awesome---fa-unlock-alt:before {
  content: "\f13e";
}
.font-awesome---fa-bullseye:before {
  content: "\f140";
}
.font-awesome---fa-ellipsis-h:before {
  content: "\f141";
}
.font-awesome---fa-ellipsis-v:before {
  content: "\f142";
}
.font-awesome---fa-rss-square:before {
  content: "\f143";
}
.font-awesome---fa-play-circle:before {
  content: "\f144";
}
.font-awesome---fa-ticket:before {
  content: "\f145";
}
.font-awesome---fa-minus-square:before {
  content: "\f146";
}
.font-awesome---fa-minus-square-o:before {
  content: "\f147";
}
.font-awesome---fa-level-up:before {
  content: "\f148";
}
.font-awesome---fa-level-down:before {
  content: "\f149";
}
.font-awesome---fa-check-square:before {
  content: "\f14a";
}
.font-awesome---fa-pencil-square:before {
  content: "\f14b";
}
.font-awesome---fa-external-link-square:before {
  content: "\f14c";
}
.font-awesome---fa-share-square:before {
  content: "\f14d";
}
.font-awesome---fa-compass:before {
  content: "\f14e";
}
.font-awesome---fa-toggle-down:before,
.font-awesome---fa-caret-square-o-down:before {
  content: "\f150";
}
.font-awesome---fa-toggle-up:before,
.font-awesome---fa-caret-square-o-up:before {
  content: "\f151";
}
.font-awesome---fa-toggle-right:before,
.font-awesome---fa-caret-square-o-right:before {
  content: "\f152";
}
.font-awesome---fa-euro:before,
.font-awesome---fa-eur:before {
  content: "\f153";
}
.font-awesome---fa-gbp:before {
  content: "\f154";
}
.font-awesome---fa-dollar:before,
.font-awesome---fa-usd:before {
  content: "\f155";
}
.font-awesome---fa-rupee:before,
.font-awesome---fa-inr:before {
  content: "\f156";
}
.font-awesome---fa-cny:before,
.font-awesome---fa-rmb:before,
.font-awesome---fa-yen:before,
.font-awesome---fa-jpy:before {
  content: "\f157";
}
.font-awesome---fa-ruble:before,
.font-awesome---fa-rouble:before,
.font-awesome---fa-rub:before {
  content: "\f158";
}
.font-awesome---fa-won:before,
.font-awesome---fa-krw:before {
  content: "\f159";
}
.font-awesome---fa-bitcoin:before,
.font-awesome---fa-btc:before {
  content: "\f15a";
}
.font-awesome---fa-file:before {
  content: "\f15b";
}
.font-awesome---fa-file-text:before {
  content: "\f15c";
}
.font-awesome---fa-sort-alpha-asc:before {
  content: "\f15d";
}
.font-awesome---fa-sort-alpha-desc:before {
  content: "\f15e";
}
.font-awesome---fa-sort-amount-asc:before {
  content: "\f160";
}
.font-awesome---fa-sort-amount-desc:before {
  content: "\f161";
}
.font-awesome---fa-sort-numeric-asc:before {
  content: "\f162";
}
.font-awesome---fa-sort-numeric-desc:before {
  content: "\f163";
}
.font-awesome---fa-thumbs-up:before {
  content: "\f164";
}
.font-awesome---fa-thumbs-down:before {
  content: "\f165";
}
.font-awesome---fa-youtube-square:before {
  content: "\f166";
}
.font-awesome---fa-youtube:before {
  content: "\f167";
}
.font-awesome---fa-xing:before {
  content: "\f168";
}
.font-awesome---fa-xing-square:before {
  content: "\f169";
}
.font-awesome---fa-youtube-play:before {
  content: "\f16a";
}
.font-awesome---fa-dropbox:before {
  content: "\f16b";
}
.font-awesome---fa-stack-overflow:before {
  content: "\f16c";
}
.font-awesome---fa-instagram:before {
  content: "\f16d";
}
.font-awesome---fa-flickr:before {
  content: "\f16e";
}
.font-awesome---fa-adn:before {
  content: "\f170";
}
.font-awesome---fa-bitbucket:before {
  content: "\f171";
}
.font-awesome---fa-bitbucket-square:before {
  content: "\f172";
}
.font-awesome---fa-tumblr:before {
  content: "\f173";
}
.font-awesome---fa-tumblr-square:before {
  content: "\f174";
}
.font-awesome---fa-long-arrow-down:before {
  content: "\f175";
}
.font-awesome---fa-long-arrow-up:before {
  content: "\f176";
}
.font-awesome---fa-long-arrow-left:before {
  content: "\f177";
}
.font-awesome---fa-long-arrow-right:before {
  content: "\f178";
}
.font-awesome---fa-apple:before {
  content: "\f179";
}
.font-awesome---fa-windows:before {
  content: "\f17a";
}
.font-awesome---fa-android:before {
  content: "\f17b";
}
.font-awesome---fa-linux:before {
  content: "\f17c";
}
.font-awesome---fa-dribbble:before {
  content: "\f17d";
}
.font-awesome---fa-skype:before {
  content: "\f17e";
}
.font-awesome---fa-foursquare:before {
  content: "\f180";
}
.font-awesome---fa-trello:before {
  content: "\f181";
}
.font-awesome---fa-female:before {
  content: "\f182";
}
.font-awesome---fa-male:before {
  content: "\f183";
}
.font-awesome---fa-gittip:before,
.font-awesome---fa-gratipay:before {
  content: "\f184";
}
.font-awesome---fa-sun-o:before {
  content: "\f185";
}
.font-awesome---fa-moon-o:before {
  content: "\f186";
}
.font-awesome---fa-archive:before {
  content: "\f187";
}
.font-awesome---fa-bug:before {
  content: "\f188";
}
.font-awesome---fa-vk:before {
  content: "\f189";
}
.font-awesome---fa-weibo:before {
  content: "\f18a";
}
.font-awesome---fa-renren:before {
  content: "\f18b";
}
.font-awesome---fa-pagelines:before {
  content: "\f18c";
}
.font-awesome---fa-stack-exchange:before {
  content: "\f18d";
}
.font-awesome---fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.font-awesome---fa-arrow-circle-o-left:before {
  content: "\f190";
}
.font-awesome---fa-toggle-left:before,
.font-awesome---fa-caret-square-o-left:before {
  content: "\f191";
}
.font-awesome---fa-dot-circle-o:before {
  content: "\f192";
}
.font-awesome---fa-wheelchair:before {
  content: "\f193";
}
.font-awesome---fa-vimeo-square:before {
  content: "\f194";
}
.font-awesome---fa-turkish-lira:before,
.font-awesome---fa-try:before {
  content: "\f195";
}
.font-awesome---fa-plus-square-o:before {
  content: "\f196";
}
.font-awesome---fa-space-shuttle:before {
  content: "\f197";
}
.font-awesome---fa-slack:before {
  content: "\f198";
}
.font-awesome---fa-envelope-square:before {
  content: "\f199";
}
.font-awesome---fa-wordpress:before {
  content: "\f19a";
}
.font-awesome---fa-openid:before {
  content: "\f19b";
}
.font-awesome---fa-institution:before,
.font-awesome---fa-bank:before,
.font-awesome---fa-university:before {
  content: "\f19c";
}
.font-awesome---fa-mortar-board:before,
.font-awesome---fa-graduation-cap:before {
  content: "\f19d";
}
.font-awesome---fa-yahoo:before {
  content: "\f19e";
}
.font-awesome---fa-google:before {
  content: "\f1a0";
}
.font-awesome---fa-reddit:before {
  content: "\f1a1";
}
.font-awesome---fa-reddit-square:before {
  content: "\f1a2";
}
.font-awesome---fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.font-awesome---fa-stumbleupon:before {
  content: "\f1a4";
}
.font-awesome---fa-delicious:before {
  content: "\f1a5";
}
.font-awesome---fa-digg:before {
  content: "\f1a6";
}
.font-awesome---fa-pied-piper-pp:before {
  content: "\f1a7";
}
.font-awesome---fa-pied-piper-alt:before {
  content: "\f1a8";
}
.font-awesome---fa-drupal:before {
  content: "\f1a9";
}
.font-awesome---fa-joomla:before {
  content: "\f1aa";
}
.font-awesome---fa-language:before {
  content: "\f1ab";
}
.font-awesome---fa-fax:before {
  content: "\f1ac";
}
.font-awesome---fa-building:before {
  content: "\f1ad";
}
.font-awesome---fa-child:before {
  content: "\f1ae";
}
.font-awesome---fa-paw:before {
  content: "\f1b0";
}
.font-awesome---fa-spoon:before {
  content: "\f1b1";
}
.font-awesome---fa-cube:before {
  content: "\f1b2";
}
.font-awesome---fa-cubes:before {
  content: "\f1b3";
}
.font-awesome---fa-behance:before {
  content: "\f1b4";
}
.font-awesome---fa-behance-square:before {
  content: "\f1b5";
}
.font-awesome---fa-steam:before {
  content: "\f1b6";
}
.font-awesome---fa-steam-square:before {
  content: "\f1b7";
}
.font-awesome---fa-recycle:before {
  content: "\f1b8";
}
.font-awesome---fa-automobile:before,
.font-awesome---fa-car:before {
  content: "\f1b9";
}
.font-awesome---fa-cab:before,
.font-awesome---fa-taxi:before {
  content: "\f1ba";
}
.font-awesome---fa-tree:before {
  content: "\f1bb";
}
.font-awesome---fa-spotify:before {
  content: "\f1bc";
}
.font-awesome---fa-deviantart:before {
  content: "\f1bd";
}
.font-awesome---fa-soundcloud:before {
  content: "\f1be";
}
.font-awesome---fa-database:before {
  content: "\f1c0";
}
.font-awesome---fa-file-pdf-o:before {
  content: "\f1c1";
}
.font-awesome---fa-file-word-o:before {
  content: "\f1c2";
}
.font-awesome---fa-file-excel-o:before {
  content: "\f1c3";
}
.font-awesome---fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.font-awesome---fa-file-photo-o:before,
.font-awesome---fa-file-picture-o:before,
.font-awesome---fa-file-image-o:before {
  content: "\f1c5";
}
.font-awesome---fa-file-zip-o:before,
.font-awesome---fa-file-archive-o:before {
  content: "\f1c6";
}
.font-awesome---fa-file-sound-o:before,
.font-awesome---fa-file-audio-o:before {
  content: "\f1c7";
}
.font-awesome---fa-file-movie-o:before,
.font-awesome---fa-file-video-o:before {
  content: "\f1c8";
}
.font-awesome---fa-file-code-o:before {
  content: "\f1c9";
}
.font-awesome---fa-vine:before {
  content: "\f1ca";
}
.font-awesome---fa-codepen:before {
  content: "\f1cb";
}
.font-awesome---fa-jsfiddle:before {
  content: "\f1cc";
}
.font-awesome---fa-life-bouy:before,
.font-awesome---fa-life-buoy:before,
.font-awesome---fa-life-saver:before,
.font-awesome---fa-support:before,
.font-awesome---fa-life-ring:before {
  content: "\f1cd";
}
.font-awesome---fa-circle-o-notch:before {
  content: "\f1ce";
}
.font-awesome---fa-ra:before,
.font-awesome---fa-resistance:before,
.font-awesome---fa-rebel:before {
  content: "\f1d0";
}
.font-awesome---fa-ge:before,
.font-awesome---fa-empire:before {
  content: "\f1d1";
}
.font-awesome---fa-git-square:before {
  content: "\f1d2";
}
.font-awesome---fa-git:before {
  content: "\f1d3";
}
.font-awesome---fa-y-combinator-square:before,
.font-awesome---fa-yc-square:before,
.font-awesome---fa-hacker-news:before {
  content: "\f1d4";
}
.font-awesome---fa-tencent-weibo:before {
  content: "\f1d5";
}
.font-awesome---fa-qq:before {
  content: "\f1d6";
}
.font-awesome---fa-wechat:before,
.font-awesome---fa-weixin:before {
  content: "\f1d7";
}
.font-awesome---fa-send:before,
.font-awesome---fa-paper-plane:before {
  content: "\f1d8";
}
.font-awesome---fa-send-o:before,
.font-awesome---fa-paper-plane-o:before {
  content: "\f1d9";
}
.font-awesome---fa-history:before {
  content: "\f1da";
}
.font-awesome---fa-circle-thin:before {
  content: "\f1db";
}
.font-awesome---fa-header:before {
  content: "\f1dc";
}
.font-awesome---fa-paragraph:before {
  content: "\f1dd";
}
.font-awesome---fa-sliders:before {
  content: "\f1de";
}
.font-awesome---fa-share-alt:before {
  content: "\f1e0";
}
.font-awesome---fa-share-alt-square:before {
  content: "\f1e1";
}
.font-awesome---fa-bomb:before {
  content: "\f1e2";
}
.font-awesome---fa-soccer-ball-o:before,
.font-awesome---fa-futbol-o:before {
  content: "\f1e3";
}
.font-awesome---fa-tty:before {
  content: "\f1e4";
}
.font-awesome---fa-binoculars:before {
  content: "\f1e5";
}
.font-awesome---fa-plug:before {
  content: "\f1e6";
}
.font-awesome---fa-slideshare:before {
  content: "\f1e7";
}
.font-awesome---fa-twitch:before {
  content: "\f1e8";
}
.font-awesome---fa-yelp:before {
  content: "\f1e9";
}
.font-awesome---fa-newspaper-o:before {
  content: "\f1ea";
}
.font-awesome---fa-wifi:before {
  content: "\f1eb";
}
.font-awesome---fa-calculator:before {
  content: "\f1ec";
}
.font-awesome---fa-paypal:before {
  content: "\f1ed";
}
.font-awesome---fa-google-wallet:before {
  content: "\f1ee";
}
.font-awesome---fa-cc-visa:before {
  content: "\f1f0";
}
.font-awesome---fa-cc-mastercard:before {
  content: "\f1f1";
}
.font-awesome---fa-cc-discover:before {
  content: "\f1f2";
}
.font-awesome---fa-cc-amex:before {
  content: "\f1f3";
}
.font-awesome---fa-cc-paypal:before {
  content: "\f1f4";
}
.font-awesome---fa-cc-stripe:before {
  content: "\f1f5";
}
.font-awesome---fa-bell-slash:before {
  content: "\f1f6";
}
.font-awesome---fa-bell-slash-o:before {
  content: "\f1f7";
}
.font-awesome---fa-trash:before {
  content: "\f1f8";
}
.font-awesome---fa-copyright:before {
  content: "\f1f9";
}
.font-awesome---fa-at:before {
  content: "\f1fa";
}
.font-awesome---fa-eyedropper:before {
  content: "\f1fb";
}
.font-awesome---fa-paint-brush:before {
  content: "\f1fc";
}
.font-awesome---fa-birthday-cake:before {
  content: "\f1fd";
}
.font-awesome---fa-area-chart:before {
  content: "\f1fe";
}
.font-awesome---fa-pie-chart:before {
  content: "\f200";
}
.font-awesome---fa-line-chart:before {
  content: "\f201";
}
.font-awesome---fa-lastfm:before {
  content: "\f202";
}
.font-awesome---fa-lastfm-square:before {
  content: "\f203";
}
.font-awesome---fa-toggle-off:before {
  content: "\f204";
}
.font-awesome---fa-toggle-on:before {
  content: "\f205";
}
.font-awesome---fa-bicycle:before {
  content: "\f206";
}
.font-awesome---fa-bus:before {
  content: "\f207";
}
.font-awesome---fa-ioxhost:before {
  content: "\f208";
}
.font-awesome---fa-angellist:before {
  content: "\f209";
}
.font-awesome---fa-cc:before {
  content: "\f20a";
}
.font-awesome---fa-shekel:before,
.font-awesome---fa-sheqel:before,
.font-awesome---fa-ils:before {
  content: "\f20b";
}
.font-awesome---fa-meanpath:before {
  content: "\f20c";
}
.font-awesome---fa-buysellads:before {
  content: "\f20d";
}
.font-awesome---fa-connectdevelop:before {
  content: "\f20e";
}
.font-awesome---fa-dashcube:before {
  content: "\f210";
}
.font-awesome---fa-forumbee:before {
  content: "\f211";
}
.font-awesome---fa-leanpub:before {
  content: "\f212";
}
.font-awesome---fa-sellsy:before {
  content: "\f213";
}
.font-awesome---fa-shirtsinbulk:before {
  content: "\f214";
}
.font-awesome---fa-simplybuilt:before {
  content: "\f215";
}
.font-awesome---fa-skyatlas:before {
  content: "\f216";
}
.font-awesome---fa-cart-plus:before {
  content: "\f217";
}
.font-awesome---fa-cart-arrow-down:before {
  content: "\f218";
}
.font-awesome---fa-diamond:before {
  content: "\f219";
}
.font-awesome---fa-ship:before {
  content: "\f21a";
}
.font-awesome---fa-user-secret:before {
  content: "\f21b";
}
.font-awesome---fa-motorcycle:before {
  content: "\f21c";
}
.font-awesome---fa-street-view:before {
  content: "\f21d";
}
.font-awesome---fa-heartbeat:before {
  content: "\f21e";
}
.font-awesome---fa-venus:before {
  content: "\f221";
}
.font-awesome---fa-mars:before {
  content: "\f222";
}
.font-awesome---fa-mercury:before {
  content: "\f223";
}
.font-awesome---fa-intersex:before,
.font-awesome---fa-transgender:before {
  content: "\f224";
}
.font-awesome---fa-transgender-alt:before {
  content: "\f225";
}
.font-awesome---fa-venus-double:before {
  content: "\f226";
}
.font-awesome---fa-mars-double:before {
  content: "\f227";
}
.font-awesome---fa-venus-mars:before {
  content: "\f228";
}
.font-awesome---fa-mars-stroke:before {
  content: "\f229";
}
.font-awesome---fa-mars-stroke-v:before {
  content: "\f22a";
}
.font-awesome---fa-mars-stroke-h:before {
  content: "\f22b";
}
.font-awesome---fa-neuter:before {
  content: "\f22c";
}
.font-awesome---fa-genderless:before {
  content: "\f22d";
}
.font-awesome---fa-facebook-official:before {
  content: "\f230";
}
.font-awesome---fa-pinterest-p:before {
  content: "\f231";
}
.font-awesome---fa-whatsapp:before {
  content: "\f232";
}
.font-awesome---fa-server:before {
  content: "\f233";
}
.font-awesome---fa-user-plus:before {
  content: "\f234";
}
.font-awesome---fa-user-times:before {
  content: "\f235";
}
.font-awesome---fa-hotel:before,
.font-awesome---fa-bed:before {
  content: "\f236";
}
.font-awesome---fa-viacoin:before {
  content: "\f237";
}
.font-awesome---fa-train:before {
  content: "\f238";
}
.font-awesome---fa-subway:before {
  content: "\f239";
}
.font-awesome---fa-medium:before {
  content: "\f23a";
}
.font-awesome---fa-yc:before,
.font-awesome---fa-y-combinator:before {
  content: "\f23b";
}
.font-awesome---fa-optin-monster:before {
  content: "\f23c";
}
.font-awesome---fa-opencart:before {
  content: "\f23d";
}
.font-awesome---fa-expeditedssl:before {
  content: "\f23e";
}
.font-awesome---fa-battery-4:before,
.font-awesome---fa-battery:before,
.font-awesome---fa-battery-full:before {
  content: "\f240";
}
.font-awesome---fa-battery-3:before,
.font-awesome---fa-battery-three-quarters:before {
  content: "\f241";
}
.font-awesome---fa-battery-2:before,
.font-awesome---fa-battery-half:before {
  content: "\f242";
}
.font-awesome---fa-battery-1:before,
.font-awesome---fa-battery-quarter:before {
  content: "\f243";
}
.font-awesome---fa-battery-0:before,
.font-awesome---fa-battery-empty:before {
  content: "\f244";
}
.font-awesome---fa-mouse-pointer:before {
  content: "\f245";
}
.font-awesome---fa-i-cursor:before {
  content: "\f246";
}
.font-awesome---fa-object-group:before {
  content: "\f247";
}
.font-awesome---fa-object-ungroup:before {
  content: "\f248";
}
.font-awesome---fa-sticky-note:before {
  content: "\f249";
}
.font-awesome---fa-sticky-note-o:before {
  content: "\f24a";
}
.font-awesome---fa-cc-jcb:before {
  content: "\f24b";
}
.font-awesome---fa-cc-diners-club:before {
  content: "\f24c";
}
.font-awesome---fa-clone:before {
  content: "\f24d";
}
.font-awesome---fa-balance-scale:before {
  content: "\f24e";
}
.font-awesome---fa-hourglass-o:before {
  content: "\f250";
}
.font-awesome---fa-hourglass-1:before,
.font-awesome---fa-hourglass-start:before {
  content: "\f251";
}
.font-awesome---fa-hourglass-2:before,
.font-awesome---fa-hourglass-half:before {
  content: "\f252";
}
.font-awesome---fa-hourglass-3:before,
.font-awesome---fa-hourglass-end:before {
  content: "\f253";
}
.font-awesome---fa-hourglass:before {
  content: "\f254";
}
.font-awesome---fa-hand-grab-o:before,
.font-awesome---fa-hand-rock-o:before {
  content: "\f255";
}
.font-awesome---fa-hand-stop-o:before,
.font-awesome---fa-hand-paper-o:before {
  content: "\f256";
}
.font-awesome---fa-hand-scissors-o:before {
  content: "\f257";
}
.font-awesome---fa-hand-lizard-o:before {
  content: "\f258";
}
.font-awesome---fa-hand-spock-o:before {
  content: "\f259";
}
.font-awesome---fa-hand-pointer-o:before {
  content: "\f25a";
}
.font-awesome---fa-hand-peace-o:before {
  content: "\f25b";
}
.font-awesome---fa-trademark:before {
  content: "\f25c";
}
.font-awesome---fa-registered:before {
  content: "\f25d";
}
.font-awesome---fa-creative-commons:before {
  content: "\f25e";
}
.font-awesome---fa-gg:before {
  content: "\f260";
}
.font-awesome---fa-gg-circle:before {
  content: "\f261";
}
.font-awesome---fa-tripadvisor:before {
  content: "\f262";
}
.font-awesome---fa-odnoklassniki:before {
  content: "\f263";
}
.font-awesome---fa-odnoklassniki-square:before {
  content: "\f264";
}
.font-awesome---fa-get-pocket:before {
  content: "\f265";
}
.font-awesome---fa-wikipedia-w:before {
  content: "\f266";
}
.font-awesome---fa-safari:before {
  content: "\f267";
}
.font-awesome---fa-chrome:before {
  content: "\f268";
}
.font-awesome---fa-firefox:before {
  content: "\f269";
}
.font-awesome---fa-opera:before {
  content: "\f26a";
}
.font-awesome---fa-internet-explorer:before {
  content: "\f26b";
}
.font-awesome---fa-tv:before,
.font-awesome---fa-television:before {
  content: "\f26c";
}
.font-awesome---fa-contao:before {
  content: "\f26d";
}
.font-awesome---fa-500px:before {
  content: "\f26e";
}
.font-awesome---fa-amazon:before {
  content: "\f270";
}
.font-awesome---fa-calendar-plus-o:before {
  content: "\f271";
}
.font-awesome---fa-calendar-minus-o:before {
  content: "\f272";
}
.font-awesome---fa-calendar-times-o:before {
  content: "\f273";
}
.font-awesome---fa-calendar-check-o:before {
  content: "\f274";
}
.font-awesome---fa-industry:before {
  content: "\f275";
}
.font-awesome---fa-map-pin:before {
  content: "\f276";
}
.font-awesome---fa-map-signs:before {
  content: "\f277";
}
.font-awesome---fa-map-o:before {
  content: "\f278";
}
.font-awesome---fa-map:before {
  content: "\f279";
}
.font-awesome---fa-commenting:before {
  content: "\f27a";
}
.font-awesome---fa-commenting-o:before {
  content: "\f27b";
}
.font-awesome---fa-houzz:before {
  content: "\f27c";
}
.font-awesome---fa-vimeo:before {
  content: "\f27d";
}
.font-awesome---fa-black-tie:before {
  content: "\f27e";
}
.font-awesome---fa-fonticons:before {
  content: "\f280";
}
.font-awesome---fa-reddit-alien:before {
  content: "\f281";
}
.font-awesome---fa-edge:before {
  content: "\f282";
}
.font-awesome---fa-credit-card-alt:before {
  content: "\f283";
}
.font-awesome---fa-codiepie:before {
  content: "\f284";
}
.font-awesome---fa-modx:before {
  content: "\f285";
}
.font-awesome---fa-fort-awesome:before {
  content: "\f286";
}
.font-awesome---fa-usb:before {
  content: "\f287";
}
.font-awesome---fa-product-hunt:before {
  content: "\f288";
}
.font-awesome---fa-mixcloud:before {
  content: "\f289";
}
.font-awesome---fa-scribd:before {
  content: "\f28a";
}
.font-awesome---fa-pause-circle:before {
  content: "\f28b";
}
.font-awesome---fa-pause-circle-o:before {
  content: "\f28c";
}
.font-awesome---fa-stop-circle:before {
  content: "\f28d";
}
.font-awesome---fa-stop-circle-o:before {
  content: "\f28e";
}
.font-awesome---fa-shopping-bag:before {
  content: "\f290";
}
.font-awesome---fa-shopping-basket:before {
  content: "\f291";
}
.font-awesome---fa-hashtag:before {
  content: "\f292";
}
.font-awesome---fa-bluetooth:before {
  content: "\f293";
}
.font-awesome---fa-bluetooth-b:before {
  content: "\f294";
}
.font-awesome---fa-percent:before {
  content: "\f295";
}
.font-awesome---fa-gitlab:before {
  content: "\f296";
}
.font-awesome---fa-wpbeginner:before {
  content: "\f297";
}
.font-awesome---fa-wpforms:before {
  content: "\f298";
}
.font-awesome---fa-envira:before {
  content: "\f299";
}
.font-awesome---fa-universal-access:before {
  content: "\f29a";
}
.font-awesome---fa-wheelchair-alt:before {
  content: "\f29b";
}
.font-awesome---fa-question-circle-o:before {
  content: "\f29c";
}
.font-awesome---fa-blind:before {
  content: "\f29d";
}
.font-awesome---fa-audio-description:before {
  content: "\f29e";
}
.font-awesome---fa-volume-control-phone:before {
  content: "\f2a0";
}
.font-awesome---fa-braille:before {
  content: "\f2a1";
}
.font-awesome---fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.font-awesome---fa-asl-interpreting:before,
.font-awesome---fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.font-awesome---fa-deafness:before,
.font-awesome---fa-hard-of-hearing:before,
.font-awesome---fa-deaf:before {
  content: "\f2a4";
}
.font-awesome---fa-glide:before {
  content: "\f2a5";
}
.font-awesome---fa-glide-g:before {
  content: "\f2a6";
}
.font-awesome---fa-signing:before,
.font-awesome---fa-sign-language:before {
  content: "\f2a7";
}
.font-awesome---fa-low-vision:before {
  content: "\f2a8";
}
.font-awesome---fa-viadeo:before {
  content: "\f2a9";
}
.font-awesome---fa-viadeo-square:before {
  content: "\f2aa";
}
.font-awesome---fa-snapchat:before {
  content: "\f2ab";
}
.font-awesome---fa-snapchat-ghost:before {
  content: "\f2ac";
}
.font-awesome---fa-snapchat-square:before {
  content: "\f2ad";
}
.font-awesome---fa-pied-piper:before {
  content: "\f2ae";
}
.font-awesome---fa-first-order:before {
  content: "\f2b0";
}
.font-awesome---fa-yoast:before {
  content: "\f2b1";
}
.font-awesome---fa-themeisle:before {
  content: "\f2b2";
}
.font-awesome---fa-google-plus-circle:before,
.font-awesome---fa-google-plus-official:before {
  content: "\f2b3";
}
.font-awesome---fa-fa:before,
.font-awesome---fa-font-awesome:before {
  content: "\f2b4";
}
.font-awesome---fa-handshake-o:before {
  content: "\f2b5";
}
.font-awesome---fa-envelope-open:before {
  content: "\f2b6";
}
.font-awesome---fa-envelope-open-o:before {
  content: "\f2b7";
}
.font-awesome---fa-linode:before {
  content: "\f2b8";
}
.font-awesome---fa-address-book:before {
  content: "\f2b9";
}
.font-awesome---fa-address-book-o:before {
  content: "\f2ba";
}
.font-awesome---fa-vcard:before,
.font-awesome---fa-address-card:before {
  content: "\f2bb";
}
.font-awesome---fa-vcard-o:before,
.font-awesome---fa-address-card-o:before {
  content: "\f2bc";
}
.font-awesome---fa-user-circle:before {
  content: "\f2bd";
}
.font-awesome---fa-user-circle-o:before {
  content: "\f2be";
}
.font-awesome---fa-user-o:before {
  content: "\f2c0";
}
.font-awesome---fa-id-badge:before {
  content: "\f2c1";
}
.font-awesome---fa-drivers-license:before,
.font-awesome---fa-id-card:before {
  content: "\f2c2";
}
.font-awesome---fa-drivers-license-o:before,
.font-awesome---fa-id-card-o:before {
  content: "\f2c3";
}
.font-awesome---fa-quora:before {
  content: "\f2c4";
}
.font-awesome---fa-free-code-camp:before {
  content: "\f2c5";
}
.font-awesome---fa-telegram:before {
  content: "\f2c6";
}
.font-awesome---fa-thermometer-4:before,
.font-awesome---fa-thermometer:before,
.font-awesome---fa-thermometer-full:before {
  content: "\f2c7";
}
.font-awesome---fa-thermometer-3:before,
.font-awesome---fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.font-awesome---fa-thermometer-2:before,
.font-awesome---fa-thermometer-half:before {
  content: "\f2c9";
}
.font-awesome---fa-thermometer-1:before,
.font-awesome---fa-thermometer-quarter:before {
  content: "\f2ca";
}
.font-awesome---fa-thermometer-0:before,
.font-awesome---fa-thermometer-empty:before {
  content: "\f2cb";
}
.font-awesome---fa-shower:before {
  content: "\f2cc";
}
.font-awesome---fa-bathtub:before,
.font-awesome---fa-s15:before,
.font-awesome---fa-bath:before {
  content: "\f2cd";
}
.font-awesome---fa-podcast:before {
  content: "\f2ce";
}
.font-awesome---fa-window-maximize:before {
  content: "\f2d0";
}
.font-awesome---fa-window-minimize:before {
  content: "\f2d1";
}
.font-awesome---fa-window-restore:before {
  content: "\f2d2";
}
.font-awesome---fa-times-rectangle:before,
.font-awesome---fa-window-close:before {
  content: "\f2d3";
}
.font-awesome---fa-times-rectangle-o:before,
.font-awesome---fa-window-close-o:before {
  content: "\f2d4";
}
.font-awesome---fa-bandcamp:before {
  content: "\f2d5";
}
.font-awesome---fa-grav:before {
  content: "\f2d6";
}
.font-awesome---fa-etsy:before {
  content: "\f2d7";
}
.font-awesome---fa-imdb:before {
  content: "\f2d8";
}
.font-awesome---fa-ravelry:before {
  content: "\f2d9";
}
.font-awesome---fa-eercast:before {
  content: "\f2da";
}
.font-awesome---fa-microchip:before {
  content: "\f2db";
}
.font-awesome---fa-snowflake-o:before {
  content: "\f2dc";
}
.font-awesome---fa-superpowers:before {
  content: "\f2dd";
}
.font-awesome---fa-wpexplorer:before {
  content: "\f2de";
}
.font-awesome---fa-meetup:before {
  content: "\f2e0";
}
.font-awesome---sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.font-awesome---sr-only-focusable:active,
.font-awesome---sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.ActionToolbarLayout---toolbarLayout {
  width: 100% !important;
  border-bottom: 1px solid #ccc !important;
  padding: 3px !important;
  background-color: #f0f0f0 !important;
  box-sizing: border-box !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.AddComponentWidget---add_component {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 60px !important;
  min-width: 20px !important;
  border: 1px dashed #bbb !important;
  fill: #2376cd !important;
  background-color: #fff !important;
}
.AddComponentWidget---add_component > .AddComponentWidget---add_icon {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
  /* Prevent the icon from receiving mouse events because icons do not contain the
   * data attribute needed to prevent selection. */
  pointer-events: none !important;
}
.AddComponentWidget---add_component svg {
  display: block !important;
  height: 18px !important;
  width: 18px !important;
  margin: auto !important;
  opacity: 0.8 !important;
}
.AddComponentWidget---add_component:hover,
.AddComponentWidget---add_component:focus {
  border-color: #888 !important;
  cursor: pointer !important;
}
.AddComponentWidget---add_component:hover svg,
.AddComponentWidget---add_component:focus svg {
  opacity: 1 !important;
}
.AddComponentWidget---add_component:focus {
  outline: none !important;
}

.Icon---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .Icon---accessibilityhidden {
  font-size: 0 !important;
}
.Icon---flip {
  -webkit-transform: scaleX(-1) !important;
  transform: scaleX(-1) !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.ApplicationHeaderLayout---align_start {
  text-align: left !important;
}
.ApplicationHeaderLayout---align_end {
  text-align: right !important;
}
.ApplicationHeaderLayout---center {
  text-align: center !important;
}
nav.ApplicationHeaderLayout---header {
  width: 100% !important;
  padding: 0 14px !important;
  display: -webkit-flex !important;
  display: -webkit-box !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: row nowrap !important;
          flex-flow: row nowrap !important;
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
          justify-content: space-between !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
  z-index: 2000015 !important;
}
nav.ApplicationHeaderLayout---header.ApplicationHeaderLayout---inLivePreview {
  position: static !important;
}
@media print {
  nav.ApplicationHeaderLayout---header {
    display: none !important;
  }
}
nav.ApplicationHeaderLayout---header,
nav.ApplicationHeaderLayout---header > div {
  background-color: #46708c !important;
}
nav.ApplicationHeaderLayout---header > div {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
  min-width: 0 !important;
  /* allows flex child to narrow past the 'implied width' of it's child elements */
}
.appian-context-ux-page-size-phone nav.ApplicationHeaderLayout---header > div {
  display: block !important;
}
nav.ApplicationHeaderLayout---header > div.ApplicationHeaderLayout---minimize,
nav.ApplicationHeaderLayout---header > div.ApplicationHeaderLayout---title.ApplicationHeaderLayout---minimize {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
}
nav.ApplicationHeaderLayout---header > div.ApplicationHeaderLayout---title {
  -webkit-flex: 1 1 auto !important;
  -webkit-box-flex: 1 !important;
          flex: 1 1 auto !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}
nav.ApplicationHeaderLayout---header h1 {
  color: #ededed !important;
  font-weight: 600 !important;
  font-size: 20px !important;
  line-height: 26px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
nav.ApplicationHeaderLayout---header .ApplicationHeaderLayout---title img {
  vertical-align: middle !important;
  max-height: 24px !important;
  min-height: 24px !important;
  max-width: 24px !important;
  min-width: 24px !important;
  /* Safari needs explicit min-width */
  width: 24px !important;
  /* IE needs explicit width */
  margin: 0 8px 0 0 !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
          flex-grow: 0 !important;
}
nav.ApplicationHeaderLayout---header a:focus,
nav.ApplicationHeaderLayout---vertical_header a:focus,
nav.ApplicationHeaderLayout---header a:focus:not([data-appian-ux-mouse-focus]),
nav.ApplicationHeaderLayout---vertical_header a:focus:not([data-appian-ux-mouse-focus]),
nav.ApplicationHeaderLayout---header a:hover,
nav.ApplicationHeaderLayout---vertical_header a:hover {
  outline: none !important;
  border: none !important;
  text-decoration: none !important;
}
nav.ApplicationHeaderLayout---header > div.ApplicationHeaderLayout---buttons {
  padding: 0 14px !important;
}
nav.ApplicationHeaderLayout---header > div.ApplicationHeaderLayout---profile {
  padding: 0 14px 0 8px !important;
}
nav.ApplicationHeaderLayout---header > div.ApplicationHeaderLayout---contextWidget {
  padding: 0 6px 0 6px !important;
}
nav.ApplicationHeaderLayout---header > div.ApplicationHeaderLayout---omnibox {
  padding-right: 6px !important;
}
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
nav.ApplicationHeaderLayout---header.ApplicationHeaderLayout---designer {
  height: 60px !important;
  padding: 0 !important;
  border-bottom: none !important;
  margin-top: 0px !important;
}
nav.ApplicationHeaderLayout---header.ApplicationHeaderLayout---designer > div:first-child {
  padding-left: 16px !important;
}
nav.ApplicationHeaderLayout---header.ApplicationHeaderLayout---designer > div:last-child {
  padding-right: 18px !important;
}
nav.ApplicationHeaderLayout---header.ApplicationHeaderLayout---designer > div.ApplicationHeaderLayout---accent_slash {
  /* 120px is the position on the gradient line where the gradient meets the bottom left corner at exactly -45 degrees
     * This value is calculated with: abs(170 * sin(-45))
     */
  background: -webkit-linear-gradient(135deg, /*{{@accent-color}}*/#1d659c/*{{/@accent-color}}*/ 120px, /*{{@designer-header-color}}*/var(--appian-app-header-background-color, #020a51)/*{{/@designer-header-color}}*/ 120px) !important;
  background: linear-gradient(-45deg, #1d659c 120px, var(--appian-app-header-background-color, #020a51) 120px) !important;
  width: 170px !important;
  height: 100% !important;
}
nav.ApplicationHeaderLayout---header.ApplicationHeaderLayout---designer,
nav.ApplicationHeaderLayout---header.ApplicationHeaderLayout---designer > div {
  background-color: var(--appian-app-header-background-color, #020a51) !important;
}
nav.ApplicationHeaderLayout---header.ApplicationHeaderLayout---designer h1 {
  color: #fff !important;
}
nav.ApplicationHeaderLayout---header.ApplicationHeaderLayout---designer .ApplicationHeaderLayout---title {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
nav.ApplicationHeaderLayout---header.ApplicationHeaderLayout---designer div.ApplicationHeaderLayout---title.ApplicationHeaderLayout---minimize {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 1 auto !important;
          flex: 0 1 auto !important;
}
nav.ApplicationHeaderLayout---header .ApplicationHeaderLayout---title img {
  vertical-align: middle !important;
  max-height: 36px !important;
  min-height: 36px !important;
  max-width: 36px !important;
  min-width: 36px !important;
  /* Safari needs explicit min-width */
  width: 36px !important;
  /* IE needs explicit width */
  margin: 0 !important;
}
nav.ApplicationHeaderLayout---header .ApplicationHeaderLayout---title h1 {
  margin: 0 0 0 1.0717rem !important;
}
nav.ApplicationHeaderLayout---header img.ApplicationHeaderLayout---companylogo {
  max-height: 32px !important;
  max-width: 100px !important;
  position: relative !important;
  top: calc(50% - 15px) !important;
  vertical-align: middle !important;
}
@media only screen and (max-width: 480px) {
  nav.ApplicationHeaderLayout---header img.ApplicationHeaderLayout---companylogo {
    max-height: 50px !important;
  }
}
.ApplicationHeaderLayout---primaryContents {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
  margin-left: 20px !important;
}
.ApplicationHeaderLayout---primaryContents.ApplicationHeaderLayout---isButtonGroup {
  margin-left: 44px !important;
}
.ApplicationHeaderLayout---primaryContents.ApplicationHeaderLayout---recordListIconMargin {
  margin-left: 8px !important;
}
.ApplicationHeaderLayout---backButton img {
  width: 14px !important;
  max-height: 36px !important;
  margin: 0 !important;
}
nav.ApplicationHeaderLayout---header .ApplicationHeaderLayout---backButton a:focus:not([data-appian-ux-mouse-focus]) {
  outline: 1px dotted #fff !important;
}
nav.ApplicationHeaderLayout---header .ApplicationHeaderLayout---backButton a {
  padding: 5px !important;
  vertical-align: middle !important;
}
nav.ApplicationHeaderLayout---header .ApplicationHeaderLayout---primaryContents {
  min-width: 17px !important;
}
nav.ApplicationHeaderLayout---header .ApplicationHeaderLayout---primaryContents div {
  display: inline-block !important;
}
nav.ApplicationHeaderLayout---header .ApplicationHeaderLayout---primaryContents.ApplicationHeaderLayout---isButtonGroup {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 0 auto !important;
          flex: 1 0 auto !important;
}
div.ApplicationHeaderLayout---guidanceContainer {
  display: block !important;
  z-index: 2000014 !important;
  position: absolute !important;
  top: calc(60px + 0px) !important;
  -webkit-transition: max-height 200ms ease-in !important;
  transition: max-height 200ms ease-in !important;
  max-height: 0 !important;
  overflow: hidden !important;
  width: 100% !important;
}
div.ApplicationHeaderLayout---guidanceContainer.ApplicationHeaderLayout---expanded {
  height: auto !important;
  max-height: 250px !important;
  overflow-y: auto !important;
  width: 100% !important;
  border-bottom: 1px solid #d4d4d4 !important;
}
.ApplicationHeaderLayout---fixedContainer {
  position: fixed !important;
  width: 100% !important;
  z-index: 2000015 !important;
}
nav.ApplicationHeaderLayout---vertical_header {
  position: absolute !important;
  width: 100px !important;
  top: 0px !important;
  bottom: 0 !important;
  left: 0 !important;
  padding: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  z-index: 2000015 !important;
  background-color: var(--appian-app-header-background-color, #020a51) !important;
}
nav.ApplicationHeaderLayout---vertical_header .ApplicationHeaderLayout---primaryContents {
  margin-left: 0 !important;
}
nav.ApplicationHeaderLayout---vertical_header .ApplicationHeaderLayout---profile {
  margin-top: 15px !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
}
nav.ApplicationHeaderLayout---compact_horizontal_header {
  height: 100px !important;
  padding: 20px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
          justify-content: space-between !important;
  z-index: 2000015 !important;
  background-color: var(--appian-app-header-background-color, #020a51) !important;
}
nav.ApplicationHeaderLayout---compact_horizontal_header .ApplicationHeaderLayout---profile {
  margin-left: 15px !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
}
nav.ApplicationHeaderLayout---compact_horizontal_header img {
  height: 60px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.SiteWideBanner---banner {
  position: fixed !important;
  top: 0 !important;
  background-color: #666 !important;
  color: #fff !important;
  width: 100vw !important;
  height: 0px !important;
  padding: 0px 8px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  text-align: center !important;
  z-index: 2000015 !important;
}
.appian-context-desktop .SiteWideBanner---banner {
  top: var(--title-bar-height) !important;
}
.SiteWideBanner---banner_text {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 14px !important;
}
@media print {
  .SiteWideBanner---banner,
  .SiteWideBanner---banner_text {
    display: none !important;
  }
}

.ApplicationNavigationLayout---navigation_content {
  height: 100% !important;
  padding: 1.5714rem 0.8571rem !important;
  margin: 0 !important;
  overflow-y: auto !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ApplicationNavigationSection---navigation_section_header {
  display: table !important;
  width: 100% !important;
  table-layout: fixed !important;
  text-align: left !important;
  word-wrap: break-word !important;
  /* needed to force long unbroken text to wrap on IE */
  margin-bottom: 0.4286rem !important;
}
.ApplicationNavigationSection---navigation_section_icon {
  height: 1rem !important;
  width: 1rem !important;
  vertical-align: middle !important;
  margin: 0 3px 2px 0 !important;
}
.ApplicationNavigationSection---navigation_section_label {
  text-transform: uppercase !important;
  color: var(--appian-text-color, #222) !important;
  white-space: pre-wrap !important;
  min-height: 1.4rem !important;
}
.ApplicationNavigationSection---navigation_section_label.ApplicationNavigationSection---nowrap {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.ApplicationNavigationSection---navigation_section_option_group {
  list-style: none !important;
  padding: 0 0 4px !important;
  margin: 0 0 4px !important;
  display: block !important;
  max-width: 100% !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
li.ApplicationNavigationSectionItem---navigation_option a:hover,
li.ApplicationNavigationSectionItem---navigation_option a:focus {
  outline: none !important;
}
li.ApplicationNavigationSectionItem---navigation_option a:hover,
li.ApplicationNavigationSectionItem---navigation_option a:focus:not(.ApplicationNavigationSectionItem---appian-context-ux-mouse-focus) {
  text-decoration: none !important;
}
li.ApplicationNavigationSectionItem---navigation_option {
  display: block !important;
  position: relative !important;
  white-space: nowrap !important;
  font-size: 0 !important;
  margin: 0 0 0.2857rem 0 !important;
}
li.ApplicationNavigationSectionItem---navigation_option a {
  font-size: 1rem !important;
  line-height: 2.2rem !important;
  display: inline-block !important;
  padding: 0 2rem 0 1rem !important;
  text-align: left !important;
  border: none !important;
  position: relative !important;
  width: 100% !important;
  min-height: 30px !important;
  color: var(--appian-text-color, #222) !important;
}
li.ApplicationNavigationSectionItem---navigation_option:not(.ApplicationNavigationSectionItem---selected) a:hover,
li.ApplicationNavigationSectionItem---navigation_option:not(.ApplicationNavigationSectionItem---selected) a:focus {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
}
li.ApplicationNavigationSectionItem---navigation_option.ApplicationNavigationSectionItem---selected a {
  background-color: #1d659c !important;
  color: #fff !important;
}
li.ApplicationNavigationSectionItem---navigation_option.ApplicationNavigationSectionItem---selected a:focus {
  outline: none !important;
}
li.ApplicationNavigationSectionItem---navigation_option.ApplicationNavigationSectionItem---selected a:focus:not(.appian-context-ux-mouse-focus) {
  outline: 1px solid #fff !important;
  outline-offset: -3px !important;
}
.ApplicationNavigationSectionItem---svg_inline_fa {
  height: 1rem !important;
  vertical-align: middle !important;
  margin-right: 5px !important;
  margin-bottom: 2px !important;
}
li.ApplicationNavigationSectionItem---navigation_option .ApplicationNavigationSectionItem---svg_inline_fa {
  fill: #1d659c !important;
  margin: 0 !important;
  height: 1rem !important;
  width: 1rem !important;
  position: absolute !important;
  right: 0.7143rem !important;
  top: calc(50% - 0.5rem) !important;
}
li.ApplicationNavigationSectionItem---navigation_option.ApplicationNavigationSectionItem---selected .ApplicationNavigationSectionItem---svg_inline_fa,
li.ApplicationNavigationSectionItem---navigation_option.ApplicationNavigationSectionItem---selected .ApplicationNavigationSectionItem---svg_inline_fa.ApplicationNavigationSectionItem---error,
li.ApplicationNavigationSectionItem---navigation_option.ApplicationNavigationSectionItem---selected .ApplicationNavigationSectionItem---svg_inline_fa.ApplicationNavigationSectionItem---warn {
  fill: #fff !important;
}
li.ApplicationNavigationSectionItem---navigation_option .ApplicationNavigationSectionItem---svg_inline_fa.ApplicationNavigationSectionItem---error {
  fill: #de0037 !important;
}
li.ApplicationNavigationSectionItem---navigation_option .ApplicationNavigationSectionItem---svg_inline_fa.ApplicationNavigationSectionItem---warn {
  fill: #ffc13e !important;
}
li.ApplicationNavigationSectionItem---navigation_option .ApplicationNavigationSectionItem---svg_inline_fa.ApplicationNavigationSectionItem---sync {
  -webkit-animation: ApplicationNavigationSectionItem---spin linear infinite 2s !important;
          animation: ApplicationNavigationSectionItem---spin linear infinite 2s !important;
}
.ApplicationNavigationSectionItem---navigation_option_link > div {
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}
@-webkit-keyframes ApplicationNavigationSectionItem---spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes ApplicationNavigationSectionItem---spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.AreaChart---container {
  /*rtl:ignore*/
  direction: ltr !important;
  width: 100% !important;
  /**
   * We need to add an .inDarkBackground case that doesn't use the -hc LESS
   * variables because themingManager overrides the dark theme high contrast
   * values set in backgroundColorVariableOverrides
   */
}
.AreaChart---container:not(.AreaChart---inDarkBackground) svg path[stroke="rgba(200, 200, 200, 1)"] {
  stroke: var(--appian-chart-axis-line-color, rgba(200, 200, 200)) !important;
}
.AreaChart---container:not(.AreaChart---inDarkBackground) svg path[stroke="rgba(200, 200, 200, 0.5)"] {
  stroke: var(--appian-chart-grid-line-color, rgba(200, 200, 200, 0.5)) !important;
}
.AreaChart---container.AreaChart---inDarkBackground svg path[stroke="rgba(136, 136, 136, 1)"] {
  stroke: var(--appian-chart-axis-line-color-on-dark-bg, rgba(136, 136, 136)) !important;
}
.AreaChart---container.AreaChart---inDarkBackground svg path[stroke="rgba(136, 136, 136, 0.5)"] {
  stroke: var(--appian-chart-grid-line-color-on-dark-bg, rgba(136, 136, 136, 0.5)) !important;
}
.AreaChart---chart_height_micro {
  height: 80px !important;
}
.AreaChart---chart_height_short {
  height: 200px !important;
}
.AreaChart---chart_height_medium {
  height: 400px !important;
}
.AreaChart---chart_height_tall {
  height: 600px !important;
}
.AreaChart---chart_height_auto {
  min-height: 400px !important;
}
.AreaChart---scroll_horizontal {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}
.AreaChart---no_scroll {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.BarChart2---container {
  /*rtl:ignore*/
  direction: ltr !important;
  width: 100% !important;
  /**
   * We need to add an .inDarkBackground case that doesn't use the -hc LESS
   * variables because themingManager overrides the dark theme high contrast
   * values set in backgroundColorVariableOverrides
   */
}
.BarChart2---container:not(.BarChart2---inDarkBackground) svg path[stroke="rgba(200, 200, 200, 1)"] {
  stroke: var(--appian-chart-axis-line-color, rgba(200, 200, 200)) !important;
}
.BarChart2---container:not(.BarChart2---inDarkBackground) svg path[stroke="rgba(200, 200, 200, 0.5)"] {
  stroke: var(--appian-chart-grid-line-color, rgba(200, 200, 200, 0.5)) !important;
}
.BarChart2---container.BarChart2---inDarkBackground svg path[stroke="rgba(136, 136, 136, 1)"] {
  stroke: var(--appian-chart-axis-line-color-on-dark-bg, rgba(136, 136, 136)) !important;
}
.BarChart2---container.BarChart2---inDarkBackground svg path[stroke="rgba(136, 136, 136, 0.5)"] {
  stroke: var(--appian-chart-grid-line-color-on-dark-bg, rgba(136, 136, 136, 0.5)) !important;
}
.BarChart2---chart_height_micro {
  height: 80px !important;
}
.BarChart2---chart_height_short {
  height: 200px !important;
}
.BarChart2---chart_height_medium {
  height: 400px !important;
}
.BarChart2---chart_height_tall {
  height: 600px !important;
}
.BarChart2---chart_height_auto {
  min-height: 400px !important;
}
.BarChart2---chartPatternFill .highcharts-legend .highcharts-point {
  /*rtl:begin:ignore*/
  -webkit-transform: rotate(90deg) scale(-1, 1) translate(-19px, -19px) !important;
          transform: rotate(90deg) scale(-1, 1) translate(-19px, -19px) !important;
  /*rtl:end:ignore*/
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.BarOverlay---billboard_content {
  z-index: 2 !important;
  position: relative !important;
  width: 100% !important;
  max-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.BarOverlay---billboard_content.BarOverlay---hide_overflow_y {
  overflow-y: hidden !important;
}
.BarOverlay---has_auto_height_background {
  position: absolute !important;
}
.BarOverlay---billboard_content.BarOverlay---dark {
  background-color: rgba(0, 0, 0, 0.75) !important;
}
.BarOverlay---billboard_content.BarOverlay---light {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.BarOverlay---billboard_content.BarOverlay---semi_dark {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.BarOverlay---billboard_content.BarOverlay---semi_light {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.BarOverlay---billboard_content.BarOverlay---full_height {
  height: 100% !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.BarOverlay---billboard_content.BarOverlay---full_height.BarOverlay---content_align_start {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
          align-items: flex-start !important;
}
.BarOverlay---billboard_content.BarOverlay---full_height.BarOverlay---content_center {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.BarOverlay---billboard_content.BarOverlay---full_height.BarOverlay---content_align_end {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
          align-items: flex-end !important;
  overflow-y: hidden !important;
}
.BarOverlay---billboard_content.BarOverlay---width_narrow {
  width: 240px !important;
  max-width: 100% !important;
}
.BarOverlay---billboard_content.BarOverlay---width_medium {
  width: 400px !important;
  max-width: 100% !important;
}
.BarOverlay---billboard_content.BarOverlay---width_wide {
  width: 800px !important;
  max-width: 100% !important;
}
/* Needed so that live view placeholders in column overlay have correct width */
.BarOverlay---billboard_content.BarOverlay---full_height > div {
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
          flex-grow: 1 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* AN-79558: For some reason, the quoted font families are not processed the same way in LESS when they're used inside a
  detached ruleset (@shared-input-styles, here), and our theming extractor ends up not picking them. Moving the font-family
  declaration out of it addresses this. */
.BarcodeWidget---text,
.BarcodeWidget---password,
.BarcodeWidget---textarea,
.BarcodeWidget---textarea_print,
.BarcodeWidget---dropdown_value,
.BarcodeWidget---picker_value,
.BarcodeWidget---date_range_value {
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
}
.BarcodeWidget---align_start {
  text-align: left !important;
}
.BarcodeWidget---align_end {
  text-align: right !important;
}
.BarcodeWidget---center {
  text-align: center !important;
}
.BarcodeWidget---text::-ms-clear,
.BarcodeWidget---picker_input::-ms-clear {
  display: none !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.BarcodeWidget---text::-webkit-input-placeholder,
.BarcodeWidget---password::-webkit-input-placeholder,
.BarcodeWidget---picker_input::-webkit-input-placeholder,
.BarcodeWidget---dropdown_value::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-style: italic !important;
  font-weight: 400 !important;
}
.BarcodeWidget---text::-moz-placeholder,
.BarcodeWidget---password::-moz-placeholder,
.BarcodeWidget---picker_input::-moz-placeholder,
.BarcodeWidget---dropdown_value::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.BarcodeWidget---text:-ms-input-placeholder,
.BarcodeWidget---password:-ms-input-placeholder,
.BarcodeWidget---picker_input:-ms-input-placeholder,
.BarcodeWidget---dropdown_value:-ms-input-placeholder,
.BarcodeWidget---dropdown_value:disabled:-ms-input-placeholder,
.BarcodeWidget---text:disabled:-ms-input-placeholder,
.BarcodeWidget---password:disabled:-ms-input-placeholder,
.BarcodeWidget---picker_input:disabled:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.BarcodeWidget---textarea_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.BarcodeWidget---text.BarcodeWidget---has_clear_link,
.BarcodeWidget---password.BarcodeWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.BarcodeWidget---text,
.BarcodeWidget---password,
.BarcodeWidget---textarea,
.BarcodeWidget---textarea_print,
.BarcodeWidget---dropdown_value,
.BarcodeWidget---picker_value,
.BarcodeWidget---date_range_value,
.BarcodeWidget---date_picker2__control {
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  /* needs extra decimals for correct alignment in some browsers */
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  width: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
}
.BarcodeWidget---text.BarcodeWidget---inDarkBackground,
.BarcodeWidget---password.BarcodeWidget---inDarkBackground,
.BarcodeWidget---textarea.BarcodeWidget---inDarkBackground,
.BarcodeWidget---textarea_print.BarcodeWidget---inDarkBackground,
.BarcodeWidget---dropdown_value.BarcodeWidget---inDarkBackground,
.BarcodeWidget---picker_value.BarcodeWidget---inDarkBackground,
.BarcodeWidget---date_range_value.BarcodeWidget---inDarkBackground,
.BarcodeWidget---date_picker2__control.BarcodeWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.BarcodeWidget---dropdown,
.BarcodeWidget---picker {
  position: relative !important;
  font-size: 1rem !important;
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}
.BarcodeWidget---dropdown_value,
.BarcodeWidget---picker_value {
  min-height: 2.4286rem !important;
}
.appian-context-browser-safari .BarcodeWidget---text,
.appian-context-browser-safari .BarcodeWidget---textarea {
  margin: 0 !important;
  /* needed to prevent 2px margin-top & margin-bottom on Safari */
}
.appian-context-os-ios .BarcodeWidget---text,
.appian-context-os-ios .BarcodeWidget---password,
.appian-context-os-ios .BarcodeWidget---textarea,
.appian-context-os-ios .BarcodeWidget---textarea_print,
.appian-context-os-ios .BarcodeWidget---dropdown_value,
.appian-context-os-ios .BarcodeWidget---picker_value {
  font-family: -apple-system !important;
}
.appian-context-os-android .BarcodeWidget---text,
.appian-context-os-android .BarcodeWidget---password,
.appian-context-os-android .BarcodeWidget---textarea,
.appian-context-os-android .BarcodeWidget---textarea_print,
.appian-context-os-android .BarcodeWidget---dropdown_value,
.appian-context-os-android .BarcodeWidget---picker_value {
  font-family: "Roboto" !important;
}
.BarcodeWidget---text.BarcodeWidget---width_narrow,
.BarcodeWidget---password.BarcodeWidget---width_narrow,
.BarcodeWidget---textarea.BarcodeWidget---width_narrow,
.BarcodeWidget---textarea_print.BarcodeWidget---width_narrow,
.BarcodeWidget---dropdown.BarcodeWidget---width_narrow,
.BarcodeWidget---picker.BarcodeWidget---width_narrow {
  max-width: 160px !important;
}
.BarcodeWidget---text.BarcodeWidget---width_medium,
.BarcodeWidget---password.BarcodeWidget---width_medium,
.BarcodeWidget---textarea.BarcodeWidget---width_medium,
.BarcodeWidget---textarea_print.BarcodeWidget---width_medium,
.BarcodeWidget---dropdown.BarcodeWidget---width_medium,
.BarcodeWidget---picker.BarcodeWidget---width_medium {
  max-width: 320px !important;
}
.BarcodeWidget---text:focus,
.BarcodeWidget---password:focus,
.BarcodeWidget---textarea:focus,
.BarcodeWidget---dropdown_value:focus,
.BarcodeWidget---dropdown_value.BarcodeWidget---focus,
.BarcodeWidget---picker_value:focus,
.BarcodeWidget---picker_value.BarcodeWidget---focus,
.BarcodeWidget---date_picker2__control.BarcodeWidget---date_picker2__control--is-focused {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.BarcodeWidget---text:disabled,
.BarcodeWidget---password:disabled,
.BarcodeWidget---textarea:disabled,
.BarcodeWidget---textarea.BarcodeWidget---is_disabled,
.BarcodeWidget---dropdown_value.BarcodeWidget---is_disabled,
.BarcodeWidget---picker_value.BarcodeWidget---is_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  /* needed to prevent dropdown & picker from getting focus styling on click on IE */
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.BarcodeWidget---text:disabled,
.BarcodeWidget---password:disabled,
.BarcodeWidget---textarea:disabled,
.BarcodeWidget---textarea.BarcodeWidget---is_disabled,
.BarcodeWidget---dropdown_value.BarcodeWidget---is_disabled:after,
.BarcodeWidget---dropdown_value.BarcodeWidget---is_disabled:not(.BarcodeWidget---placeholder) {
  color: var(--appian-disabled-text-color, #777) !important;
  -webkit-text-fill-color: var(--appian-disabled-text-color, #777) !important;
  /* needed so disabled text color is correct in Safari */
}
.BarcodeWidget---picker_value.BarcodeWidget---is_disabled {
  cursor: default !important;
  /* needed to prevent text cursor */
}
.BarcodeWidget---text[aria-invalid="true"]:not(.BarcodeWidget---inEditableGridLayout),
.BarcodeWidget---password[aria-invalid="true"]:not(.BarcodeWidget---inEditableGridLayout),
.BarcodeWidget---textarea[aria-invalid="true"]:not(.BarcodeWidget---inEditableGridLayout),
.BarcodeWidget---dropdown_value[aria-invalid="true"]:not(.BarcodeWidget---inEditableGridLayout),
.BarcodeWidget---picker_value.BarcodeWidget---invalid:not(.BarcodeWidget---inEditableGridLayout) {
  border-color: #de0037 !important;
}
.BarcodeWidget---text[aria-invalid="true"]:not(.BarcodeWidget---inEditableGridLayout).BarcodeWidget---inDarkBackground,
.BarcodeWidget---password[aria-invalid="true"]:not(.BarcodeWidget---inEditableGridLayout).BarcodeWidget---inDarkBackground,
.BarcodeWidget---textarea[aria-invalid="true"]:not(.BarcodeWidget---inEditableGridLayout).BarcodeWidget---inDarkBackground,
.BarcodeWidget---dropdown_value[aria-invalid="true"]:not(.BarcodeWidget---inEditableGridLayout).BarcodeWidget---inDarkBackground,
.BarcodeWidget---picker_value.BarcodeWidget---invalid:not(.BarcodeWidget---inEditableGridLayout).BarcodeWidget---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.BarcodeWidget---text[aria-invalid="true"]:not(.BarcodeWidget---inEditableGridLayout):focus,
.BarcodeWidget---password[aria-invalid="true"]:not(.BarcodeWidget---inEditableGridLayout):focus,
.BarcodeWidget---textarea[aria-invalid="true"]:not(.BarcodeWidget---inEditableGridLayout):focus,
.BarcodeWidget---dropdown_value[aria-invalid="true"]:not(.BarcodeWidget---inEditableGridLayout):focus,
.BarcodeWidget---picker_value.BarcodeWidget---invalid:not(.BarcodeWidget---inEditableGridLayout):focus,
.BarcodeWidget---picker_value.BarcodeWidget---invalid:not(.BarcodeWidget---inEditableGridLayout).BarcodeWidget---focus {
  border-color: #1d659c !important;
}
.BarcodeWidget---picker_value.BarcodeWidget---invalid:not(.BarcodeWidget---inEditableGridLayout),
.BarcodeWidget---picker_value.BarcodeWidget---invalid:not(.BarcodeWidget---inEditableGridLayout):focus,
.BarcodeWidget---picker_value.BarcodeWidget---invalid:not(.BarcodeWidget---inEditableGridLayout).BarcodeWidget---focus {
  z-index: 2 !important;
}
.BarcodeWidget---text[aria-invalid="true"].BarcodeWidget---inEditableGridLayout.BarcodeWidget---inSideBySideItem,
.BarcodeWidget---text[aria-invalid="true"].BarcodeWidget---inEditableGridLayout.BarcodeWidget---inSideBySideItem:focus,
.BarcodeWidget---password[aria-invalid="true"].BarcodeWidget---inEditableGridLayout.BarcodeWidget---inSideBySideItem,
.BarcodeWidget---password[aria-invalid="true"].BarcodeWidget---inEditableGridLayout.BarcodeWidget---inSideBySideItem:focus,
.BarcodeWidget---dropdown_value[aria-invalid="true"].BarcodeWidget---inEditableGridLayout.BarcodeWidget---inSideBySideItem,
.BarcodeWidget---dropdown_value[aria-invalid="true"].BarcodeWidget---inEditableGridLayout.BarcodeWidget---inSideBySideItem:focus,
.BarcodeWidget---picker_value.BarcodeWidget---invalid.BarcodeWidget---inEditableGridLayout.BarcodeWidget---inSideBySideItem,
.BarcodeWidget---picker_value.BarcodeWidget---invalid.BarcodeWidget---inEditableGridLayout.BarcodeWidget---inSideBySideItem:focus,
.BarcodeWidget---picker_value.BarcodeWidget---invalid.BarcodeWidget---inEditableGridLayout.BarcodeWidget---inSideBySideItem.BarcodeWidget---focus {
  border: 1px solid transparent !important;
}
.BarcodeWidget---invalidInSideBySide,
.BarcodeWidget---invalidInSideBySide:focus {
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.BarcodeWidget---invalidInSideBySide.BarcodeWidget---inDarkBackground,
.BarcodeWidget---invalidInSideBySide:focus.BarcodeWidget---inDarkBackground {
  border-left-color: var(--appian-input-border-color, #ddd) !important;
  border-right-color: var(--appian-input-border-color, #ddd) !important;
}
.BarcodeWidget---textarea[aria-invalid="true"].BarcodeWidget---inEditableGridLayout.BarcodeWidget---inSideBySideItem,
.BarcodeWidget---textarea[aria-invalid="true"].BarcodeWidget---inEditableGridLayout.BarcodeWidget---inSideBySideItem:focus {
  border-color: #de0037 !important;
}
.BarcodeWidget---textarea[aria-invalid="true"].BarcodeWidget---inEditableGridLayout.BarcodeWidget---inSideBySideItem.BarcodeWidget---inDarkBackground,
.BarcodeWidget---textarea[aria-invalid="true"].BarcodeWidget---inEditableGridLayout.BarcodeWidget---inSideBySideItem.BarcodeWidget---inDarkBackground:focus {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.BarcodeWidget---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.BarcodeWidget---show_data_icon .BarcodeWidget---text,
.BarcodeWidget---show_data_icon .BarcodeWidget---password,
.BarcodeWidget---show_data_icon .BarcodeWidget---textarea,
.BarcodeWidget---show_data_icon .BarcodeWidget---dropdown_value {
  padding-left: 1.7857rem !important;
}
.BarcodeWidget---text.BarcodeWidget---has_clear_link,
.BarcodeWidget---password.BarcodeWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.BarcodeWidget---character_count {
  position: absolute !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 300 !important;
  right: 0 !important;
  bottom: 0 !important;
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  pointer-events: none !important;
}
.BarcodeWidget---character_count.BarcodeWidget---over_limit:not(.BarcodeWidget---inDarkBackground) {
  color: #de0037 !important;
  fill: #de0037 !important;
}
.BarcodeWidget---character_count.BarcodeWidget---over_limit.BarcodeWidget---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.BarcodeWidget---character_count .BarcodeWidget---icon_container {
  outline: none !important;
  margin-right: 3px !important;
  margin-bottom: -2px !important;
}
.BarcodeWidget---character_count .BarcodeWidget---icon_container > svg {
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
.BarcodeWidget---character_count_overlay {
  background-color: var(--appian-input-background-color-faded, #fffd) !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 0.7143rem 0.5714rem 0 !important;
  z-index: 3 !important;
}
.appian-context-os-windows .BarcodeWidget---character_count_overlay {
  margin: 0 1.2857rem 0.5714rem 0 !important;
}
.BarcodeWidget---textarea:disabled + .BarcodeWidget---character_count_overlay,
.BarcodeWidget---character_count_overlay_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.BarcodeWidget---data_icon {
  position: absolute !important;
  top: 0.7143rem !important;
  left: 0.5714rem !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  fill: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
a.BarcodeWidget---input_clear_link {
  border: none !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.BarcodeWidget---input_icon_wrapper > a.BarcodeWidget---input_clear_link {
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.9286rem !important;
}
.appian-context-browser-edge .BarcodeWidget---input_icon_wrapper > a.BarcodeWidget---input_clear_link {
  top: 0.5rem !important;
}
.BarcodeWidget---dropdown_value a.BarcodeWidget---input_clear_link {
  position: absolute !important;
  right: 1.4286rem !important;
  top: 0.5714rem !important;
}
.appian-context-os-mac.appian-context-browser-chrome .BarcodeWidget---dropdown_value a.BarcodeWidget---input_clear_link {
  top: 0.5rem !important;
}
a.BarcodeWidget---input_clear_link:hover,
a.BarcodeWidget---input_clear_link:focus:not([data-appian-ux-mouse-focus]) {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.BarcodeWidget---dropdown .BarcodeWidget---dropdown_value.BarcodeWidget---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.BarcodeWidget---dropdown_value.BarcodeWidget---has_inline_label span.BarcodeWidget---inline_label,
.BarcodeWidget---date_range_value.BarcodeWidget---has_inline_label span.BarcodeWidget---inline_label {
  display: inline-block !important;
  max-width: 70% !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.7857rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.1429rem !important;
  vertical-align: -0.2143rem !important;
  margin-right: 0.5rem !important;
  padding-right: 0.5rem !important;
  border-right: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.BarcodeWidget---dropdown_value.BarcodeWidget---has_inline_label.BarcodeWidget---inDarkBackground span.BarcodeWidget---inline_label,
.BarcodeWidget---date_range_value.BarcodeWidget---has_inline_label.BarcodeWidget---inDarkBackground span.BarcodeWidget---inline_label {
  border-right-color: var(--appian-choice-border-color, #bbb) !important;
}
.appian-context-browser-safari .BarcodeWidget---dropdown_value.BarcodeWidget---has_inline_label span.BarcodeWidget---inline_label,
.appian-context-browser-safari .BarcodeWidget---date_range_value.BarcodeWidget---has_inline_label span.BarcodeWidget---inline_label {
  vertical-align: inherit !important;
}
.BarcodeWidget---dropdown_value.BarcodeWidget---has_inline_label.BarcodeWidget---highlighted span.BarcodeWidget---value_display,
.BarcodeWidget---date_range_value.BarcodeWidget---has_inline_label.BarcodeWidget---highlighted span.BarcodeWidget---value_display {
  font-weight: 700 !important;
}
.BarcodeWidget---dropdown_value.BarcodeWidget---has_inline_label a.BarcodeWidget---input_clear_link,
.BarcodeWidget---date_range_value.BarcodeWidget---has_inline_label a.BarcodeWidget---input_clear_link {
  display: none !important;
  position: absolute !important;
  right: 1.5714rem !important;
  top: 0.5714rem !important;
}
.BarcodeWidget---dropdown_value.BarcodeWidget---has_inline_label.BarcodeWidget---highlighted a.BarcodeWidget---input_clear_link,
.BarcodeWidget---date_range_value.BarcodeWidget---has_inline_label.BarcodeWidget---highlighted a.BarcodeWidget---input_clear_link {
  display: inline-block !important;
}
.BarcodeWidget---date_range_value.BarcodeWidget---has_inline_label.BarcodeWidget---validation:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.BarcodeWidget---date_range_value.BarcodeWidget---has_inline_label.BarcodeWidget---validation:before {
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.BarcodeWidget---date_range_value.BarcodeWidget---has_inline_label.BarcodeWidget---validation.BarcodeWidget---inDarkBackground:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.BarcodeWidget---number_range_input.BarcodeWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.BarcodeWidget---date_range_value.BarcodeWidget---has_inline_label.BarcodeWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
}
.BarcodeWidget---date_range_value.BarcodeWidget---has_inline_label.BarcodeWidget---validation.BarcodeWidget---inDarkBackground:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.BarcodeWidget---number_range_input.BarcodeWidget---validation,
.BarcodeWidget---date_range_value.BarcodeWidget---has_inline_label.BarcodeWidget---validation {
  position: relative !important;
  border-color: transparent !important;
}
.BarcodeWidget---container_for_id_palette_preview {
  position: relative !important;
}
.BarcodeWidget---barcode_icon_wrapper_for_id_palette_preview {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  color: #1d659c !important;
}
.BarcodeWidget---barcode_icon_wrapper_for_id_palette_preview > svg {
  height: 30px !important;
  width: 30px !important;
  fill: currentColor !important;
  margin-top: 2px !important;
  margin-right: 6px !important;
}

/* AN-79558: For some reason, the quoted font families are not processed the same way in LESS when they're used inside a
  detached ruleset (@shared-input-styles, here), and our theming extractor ends up not picking them. Moving the font-family
  declaration out of it addresses this. */
.TextInput---text,
.TextInput---password,
.TextInput---textarea,
.TextInput---textarea_print,
.TextInput---dropdown_value,
.TextInput---picker_value,
.TextInput---date_range_value {
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
}
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.TextInput---align_start {
  text-align: left !important;
}
.TextInput---align_end {
  text-align: right !important;
}
.TextInput---center {
  text-align: center !important;
}
.TextInput---text::-ms-clear,
.TextInput---picker_input::-ms-clear {
  display: none !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.TextInput---text::-webkit-input-placeholder,
.TextInput---password::-webkit-input-placeholder,
.TextInput---picker_input::-webkit-input-placeholder,
.TextInput---dropdown_value::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-style: italic !important;
  font-weight: 400 !important;
}
.TextInput---text::-moz-placeholder,
.TextInput---password::-moz-placeholder,
.TextInput---picker_input::-moz-placeholder,
.TextInput---dropdown_value::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.TextInput---text:-ms-input-placeholder,
.TextInput---password:-ms-input-placeholder,
.TextInput---picker_input:-ms-input-placeholder,
.TextInput---dropdown_value:-ms-input-placeholder,
.TextInput---dropdown_value:disabled:-ms-input-placeholder,
.TextInput---text:disabled:-ms-input-placeholder,
.TextInput---password:disabled:-ms-input-placeholder,
.TextInput---picker_input:disabled:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.TextInput---textarea_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.TextInput---text.TextInput---has_clear_link,
.TextInput---password.TextInput---has_clear_link {
  padding-right: 1.5714rem !important;
}
.TextInput---text,
.TextInput---password,
.TextInput---textarea,
.TextInput---textarea_print,
.TextInput---dropdown_value,
.TextInput---picker_value,
.TextInput---date_range_value,
.TextInput---date_picker2__control {
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  /* needs extra decimals for correct alignment in some browsers */
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  width: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
}
.TextInput---text.TextInput---inDarkBackground,
.TextInput---password.TextInput---inDarkBackground,
.TextInput---textarea.TextInput---inDarkBackground,
.TextInput---textarea_print.TextInput---inDarkBackground,
.TextInput---dropdown_value.TextInput---inDarkBackground,
.TextInput---picker_value.TextInput---inDarkBackground,
.TextInput---date_range_value.TextInput---inDarkBackground,
.TextInput---date_picker2__control.TextInput---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.TextInput---dropdown,
.TextInput---picker {
  position: relative !important;
  font-size: 1rem !important;
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}
.TextInput---dropdown_value,
.TextInput---picker_value {
  min-height: 2.4286rem !important;
}
.appian-context-browser-safari .TextInput---text,
.appian-context-browser-safari .TextInput---textarea {
  margin: 0 !important;
  /* needed to prevent 2px margin-top & margin-bottom on Safari */
}
.appian-context-os-ios .TextInput---text,
.appian-context-os-ios .TextInput---password,
.appian-context-os-ios .TextInput---textarea,
.appian-context-os-ios .TextInput---textarea_print,
.appian-context-os-ios .TextInput---dropdown_value,
.appian-context-os-ios .TextInput---picker_value {
  font-family: -apple-system !important;
}
.appian-context-os-android .TextInput---text,
.appian-context-os-android .TextInput---password,
.appian-context-os-android .TextInput---textarea,
.appian-context-os-android .TextInput---textarea_print,
.appian-context-os-android .TextInput---dropdown_value,
.appian-context-os-android .TextInput---picker_value {
  font-family: "Roboto" !important;
}
.TextInput---text.TextInput---width_narrow,
.TextInput---password.TextInput---width_narrow,
.TextInput---textarea.TextInput---width_narrow,
.TextInput---textarea_print.TextInput---width_narrow,
.TextInput---dropdown.TextInput---width_narrow,
.TextInput---picker.TextInput---width_narrow {
  max-width: 160px !important;
}
.TextInput---text.TextInput---width_medium,
.TextInput---password.TextInput---width_medium,
.TextInput---textarea.TextInput---width_medium,
.TextInput---textarea_print.TextInput---width_medium,
.TextInput---dropdown.TextInput---width_medium,
.TextInput---picker.TextInput---width_medium {
  max-width: 320px !important;
}
.TextInput---text:focus,
.TextInput---password:focus,
.TextInput---textarea:focus,
.TextInput---dropdown_value:focus,
.TextInput---dropdown_value.TextInput---focus,
.TextInput---picker_value:focus,
.TextInput---picker_value.TextInput---focus,
.TextInput---date_picker2__control.TextInput---date_picker2__control--is-focused {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.TextInput---text:disabled,
.TextInput---password:disabled,
.TextInput---textarea:disabled,
.TextInput---textarea.TextInput---is_disabled,
.TextInput---dropdown_value.TextInput---is_disabled,
.TextInput---picker_value.TextInput---is_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  /* needed to prevent dropdown & picker from getting focus styling on click on IE */
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.TextInput---text:disabled,
.TextInput---password:disabled,
.TextInput---textarea:disabled,
.TextInput---textarea.TextInput---is_disabled,
.TextInput---dropdown_value.TextInput---is_disabled:after,
.TextInput---dropdown_value.TextInput---is_disabled:not(.TextInput---placeholder) {
  color: var(--appian-disabled-text-color, #777) !important;
  -webkit-text-fill-color: var(--appian-disabled-text-color, #777) !important;
  /* needed so disabled text color is correct in Safari */
}
.TextInput---picker_value.TextInput---is_disabled {
  cursor: default !important;
  /* needed to prevent text cursor */
}
.TextInput---text[aria-invalid="true"]:not(.TextInput---inEditableGridLayout),
.TextInput---password[aria-invalid="true"]:not(.TextInput---inEditableGridLayout),
.TextInput---textarea[aria-invalid="true"]:not(.TextInput---inEditableGridLayout),
.TextInput---dropdown_value[aria-invalid="true"]:not(.TextInput---inEditableGridLayout),
.TextInput---picker_value.TextInput---invalid:not(.TextInput---inEditableGridLayout) {
  border-color: #de0037 !important;
}
.TextInput---text[aria-invalid="true"]:not(.TextInput---inEditableGridLayout).TextInput---inDarkBackground,
.TextInput---password[aria-invalid="true"]:not(.TextInput---inEditableGridLayout).TextInput---inDarkBackground,
.TextInput---textarea[aria-invalid="true"]:not(.TextInput---inEditableGridLayout).TextInput---inDarkBackground,
.TextInput---dropdown_value[aria-invalid="true"]:not(.TextInput---inEditableGridLayout).TextInput---inDarkBackground,
.TextInput---picker_value.TextInput---invalid:not(.TextInput---inEditableGridLayout).TextInput---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.TextInput---text[aria-invalid="true"]:not(.TextInput---inEditableGridLayout):focus,
.TextInput---password[aria-invalid="true"]:not(.TextInput---inEditableGridLayout):focus,
.TextInput---textarea[aria-invalid="true"]:not(.TextInput---inEditableGridLayout):focus,
.TextInput---dropdown_value[aria-invalid="true"]:not(.TextInput---inEditableGridLayout):focus,
.TextInput---picker_value.TextInput---invalid:not(.TextInput---inEditableGridLayout):focus,
.TextInput---picker_value.TextInput---invalid:not(.TextInput---inEditableGridLayout).TextInput---focus {
  border-color: #1d659c !important;
}
.TextInput---picker_value.TextInput---invalid:not(.TextInput---inEditableGridLayout),
.TextInput---picker_value.TextInput---invalid:not(.TextInput---inEditableGridLayout):focus,
.TextInput---picker_value.TextInput---invalid:not(.TextInput---inEditableGridLayout).TextInput---focus {
  z-index: 2 !important;
}
.TextInput---text[aria-invalid="true"].TextInput---inEditableGridLayout.TextInput---inSideBySideItem,
.TextInput---text[aria-invalid="true"].TextInput---inEditableGridLayout.TextInput---inSideBySideItem:focus,
.TextInput---password[aria-invalid="true"].TextInput---inEditableGridLayout.TextInput---inSideBySideItem,
.TextInput---password[aria-invalid="true"].TextInput---inEditableGridLayout.TextInput---inSideBySideItem:focus,
.TextInput---dropdown_value[aria-invalid="true"].TextInput---inEditableGridLayout.TextInput---inSideBySideItem,
.TextInput---dropdown_value[aria-invalid="true"].TextInput---inEditableGridLayout.TextInput---inSideBySideItem:focus,
.TextInput---picker_value.TextInput---invalid.TextInput---inEditableGridLayout.TextInput---inSideBySideItem,
.TextInput---picker_value.TextInput---invalid.TextInput---inEditableGridLayout.TextInput---inSideBySideItem:focus,
.TextInput---picker_value.TextInput---invalid.TextInput---inEditableGridLayout.TextInput---inSideBySideItem.TextInput---focus {
  border: 1px solid transparent !important;
}
.TextInput---invalidInSideBySide,
.TextInput---invalidInSideBySide:focus {
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.TextInput---invalidInSideBySide.TextInput---inDarkBackground,
.TextInput---invalidInSideBySide:focus.TextInput---inDarkBackground {
  border-left-color: var(--appian-input-border-color, #ddd) !important;
  border-right-color: var(--appian-input-border-color, #ddd) !important;
}
.TextInput---textarea[aria-invalid="true"].TextInput---inEditableGridLayout.TextInput---inSideBySideItem,
.TextInput---textarea[aria-invalid="true"].TextInput---inEditableGridLayout.TextInput---inSideBySideItem:focus {
  border-color: #de0037 !important;
}
.TextInput---textarea[aria-invalid="true"].TextInput---inEditableGridLayout.TextInput---inSideBySideItem.TextInput---inDarkBackground,
.TextInput---textarea[aria-invalid="true"].TextInput---inEditableGridLayout.TextInput---inSideBySideItem.TextInput---inDarkBackground:focus {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.TextInput---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.TextInput---show_data_icon .TextInput---text,
.TextInput---show_data_icon .TextInput---password,
.TextInput---show_data_icon .TextInput---textarea,
.TextInput---show_data_icon .TextInput---dropdown_value {
  padding-left: 1.7857rem !important;
}
.TextInput---text.TextInput---has_clear_link,
.TextInput---password.TextInput---has_clear_link {
  padding-right: 1.5714rem !important;
}
.TextInput---character_count {
  position: absolute !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 300 !important;
  right: 0 !important;
  bottom: 0 !important;
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  pointer-events: none !important;
}
.TextInput---character_count.TextInput---over_limit:not(.TextInput---inDarkBackground) {
  color: #de0037 !important;
  fill: #de0037 !important;
}
.TextInput---character_count.TextInput---over_limit.TextInput---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.TextInput---character_count .TextInput---icon_container {
  outline: none !important;
  margin-right: 3px !important;
  margin-bottom: -2px !important;
}
.TextInput---character_count .TextInput---icon_container > svg {
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
.TextInput---character_count_overlay {
  background-color: var(--appian-input-background-color-faded, #fffd) !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 0.7143rem 0.5714rem 0 !important;
  z-index: 3 !important;
}
.appian-context-os-windows .TextInput---character_count_overlay {
  margin: 0 1.2857rem 0.5714rem 0 !important;
}
.TextInput---textarea:disabled + .TextInput---character_count_overlay,
.TextInput---character_count_overlay_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.TextInput---data_icon {
  position: absolute !important;
  top: 0.7143rem !important;
  left: 0.5714rem !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  fill: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
a.TextInput---input_clear_link {
  border: none !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.TextInput---input_icon_wrapper > a.TextInput---input_clear_link {
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.9286rem !important;
}
.appian-context-browser-edge .TextInput---input_icon_wrapper > a.TextInput---input_clear_link {
  top: 0.5rem !important;
}
.TextInput---dropdown_value a.TextInput---input_clear_link {
  position: absolute !important;
  right: 1.4286rem !important;
  top: 0.5714rem !important;
}
.appian-context-os-mac.appian-context-browser-chrome .TextInput---dropdown_value a.TextInput---input_clear_link {
  top: 0.5rem !important;
}
a.TextInput---input_clear_link:hover,
a.TextInput---input_clear_link:focus:not([data-appian-ux-mouse-focus]) {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.TextInput---dropdown .TextInput---dropdown_value.TextInput---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.TextInput---dropdown_value.TextInput---has_inline_label span.TextInput---inline_label,
.TextInput---date_range_value.TextInput---has_inline_label span.TextInput---inline_label {
  display: inline-block !important;
  max-width: 70% !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.7857rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.1429rem !important;
  vertical-align: -0.2143rem !important;
  margin-right: 0.5rem !important;
  padding-right: 0.5rem !important;
  border-right: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.TextInput---dropdown_value.TextInput---has_inline_label.TextInput---inDarkBackground span.TextInput---inline_label,
.TextInput---date_range_value.TextInput---has_inline_label.TextInput---inDarkBackground span.TextInput---inline_label {
  border-right-color: var(--appian-choice-border-color, #bbb) !important;
}
.appian-context-browser-safari .TextInput---dropdown_value.TextInput---has_inline_label span.TextInput---inline_label,
.appian-context-browser-safari .TextInput---date_range_value.TextInput---has_inline_label span.TextInput---inline_label {
  vertical-align: inherit !important;
}
.TextInput---dropdown_value.TextInput---has_inline_label.TextInput---highlighted span.TextInput---value_display,
.TextInput---date_range_value.TextInput---has_inline_label.TextInput---highlighted span.TextInput---value_display {
  font-weight: 700 !important;
}
.TextInput---dropdown_value.TextInput---has_inline_label a.TextInput---input_clear_link,
.TextInput---date_range_value.TextInput---has_inline_label a.TextInput---input_clear_link {
  display: none !important;
  position: absolute !important;
  right: 1.5714rem !important;
  top: 0.5714rem !important;
}
.TextInput---dropdown_value.TextInput---has_inline_label.TextInput---highlighted a.TextInput---input_clear_link,
.TextInput---date_range_value.TextInput---has_inline_label.TextInput---highlighted a.TextInput---input_clear_link {
  display: inline-block !important;
}
.TextInput---date_range_value.TextInput---has_inline_label.TextInput---validation:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.TextInput---date_range_value.TextInput---has_inline_label.TextInput---validation:before {
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.TextInput---date_range_value.TextInput---has_inline_label.TextInput---validation.TextInput---inDarkBackground:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.TextInput---number_range_input.TextInput---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.TextInput---date_range_value.TextInput---has_inline_label.TextInput---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
}
.TextInput---date_range_value.TextInput---has_inline_label.TextInput---validation.TextInput---inDarkBackground:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.TextInput---number_range_input.TextInput---validation,
.TextInput---date_range_value.TextInput---has_inline_label.TextInput---validation {
  position: relative !important;
  border-color: transparent !important;
}
.TextInput---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .TextInput---accessibilityhidden {
  font-size: 0 !important;
}
.TextInput---container {
  position: relative !important;
}
a.TextInput---input_clear_link i.TextInput---fa-times-circle-svg {
  content: "" !important;
  display: inline-block !important;
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1277%201122q0-26-19-45l-181-181%20181-181q19-19%2019-45%200-27-19-46l-90-90q-19-19-46-19-26%200-45%2019l-181%20181-181-181q-19-19-45-19-27%200-46%2019l-90%2090q-19%2019-19%2046%200%2026%2019%2045l181%20181-181%20181q-19%2019-19%2045%200%2027%2019%2046l90%2090q19%2019%2046%2019%2026%200%2045-19l181-181%20181%20181q19%2019%2045%2019%2027%200%2046-19l90-90q19-19%2019-46zm387-226q0%20209-103%20385.5t-279.5%20279.5-385.5%20103-385.5-103-279.5-279.5-103-385.5%20103-385.5%20279.5-279.5%20385.5-103%20385.5%20103%20279.5%20279.5%20103%20385.5z%22/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 1rem 1rem !important;
  background-position: 50% 25% !important;
  width: 1rem !important;
  height: 1rem !important;
  position: static !important;
  vertical-align: middle !important;
  margin-top: -0.2143rem !important;
}
.appian-context-browser-edge a.TextInput---input_clear_link i.TextInput---fa-times-circle-svg {
  background-size: 2rem 2rem !important;
  width: 2rem !important;
  height: 2rem !important;
  -webkit-transform: scale(0.5) !important;
          transform: scale(0.5) !important;
  margin: -0.3571rem -0.3571rem 0 -0.5rem !important;
}
a.TextInput---input_clear_link i.TextInput---fa-times-circle-svg.TextInput---secondary_clear_icon {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22var%28--appian-secondary-text-color,%20%23767676%29%22%3E%3Cpath%20d%3D%22M1277%201122q0-26-19-45l-181-181%20181-181q19-19%2019-45%200-27-19-46l-90-90q-19-19-46-19-26%200-45%2019l-181%20181-181-181q-19-19-45-19-27%200-46%2019l-90%2090q-19%2019-19%2046%200%2026%2019%2045l181%20181-181%20181q-19%2019-19%2045%200%2027%2019%2046l90%2090q19%2019%2046%2019%2026%200%2045-19l181-181%20181%20181q19%2019%2045%2019%2027%200%2046-19l90-90q19-19%2019-46zm387-226q0%20209-103%20385.5t-279.5%20279.5-385.5%20103-385.5-103-279.5-279.5-103-385.5%20103-385.5%20279.5-279.5%20385.5-103%20385.5%20103%20279.5%20279.5%20103%20385.5z%22/%3E%3C/svg%3E") !important;
}
.TextInput---input_icon_wrapper.TextInput---inComponentPaletteWidget .TextInput---data_icon {
  top: 11px !important;
  left: 9px !important;
}
.TextInput---input_icon_wrapper.TextInput---inComponentPaletteWidget .TextInput---input_clear_link {
  top: 8px !important;
  right: 9px !important;
}
.appian-context-browser-edge .TextInput---input_icon_wrapper.TextInput---inComponentPaletteWidget .TextInput---input_clear_link {
  top: 9px !important;
}
.TextInput---input_icon_wrapper.TextInput---inComponentPaletteWidget .TextInput---text.TextInput---inComponentPaletteWidget {
  padding: 3px 20px 3px 20px !important;
  margin: 4px !important;
  width: calc(100% - 8px) !important;
}
.TextInput---input_icon_wrapper.TextInput---inOmnibox .TextInput---input_clear_link {
  top: 0.7rem !important;
}

.BillboardLayout---billboard_content {
  z-index: 2 !important;
  position: relative !important;
  width: 100% !important;
  max-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.BillboardLayout---billboard_content.BillboardLayout---hide_overflow_y {
  overflow-y: hidden !important;
}
.BillboardLayout---has_auto_height_background {
  position: absolute !important;
}
.BillboardLayout---billboard_content.BillboardLayout---dark {
  background-color: rgba(0, 0, 0, 0.75) !important;
}
.BillboardLayout---billboard_content.BillboardLayout---light {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.BillboardLayout---billboard_content.BillboardLayout---semi_dark {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.BillboardLayout---billboard_content.BillboardLayout---semi_light {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.BillboardLayout---billboard_content.BillboardLayout---full_height {
  height: 100% !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.BillboardLayout---billboard_content.BillboardLayout---full_height.BillboardLayout---content_align_start {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
          align-items: flex-start !important;
}
.BillboardLayout---billboard_content.BillboardLayout---full_height.BillboardLayout---content_center {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.BillboardLayout---billboard_content.BillboardLayout---full_height.BillboardLayout---content_align_end {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
          align-items: flex-end !important;
  overflow-y: hidden !important;
}
.BillboardLayout---billboard_content.BillboardLayout---width_narrow {
  width: 240px !important;
  max-width: 100% !important;
}
.BillboardLayout---billboard_content.BillboardLayout---width_medium {
  width: 400px !important;
  max-width: 100% !important;
}
.BillboardLayout---billboard_content.BillboardLayout---width_wide {
  width: 800px !important;
  max-width: 100% !important;
}
/* Needed so that live view placeholders in column overlay have correct width */
.BillboardLayout---billboard_content.BillboardLayout---full_height > div {
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
          flex-grow: 1 !important;
}
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* A prettier bug causes infinite semi colons to be added without this comment ( https://github.com/prettier/prettier/issues/11483 ) */
.BillboardLayout---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .BillboardLayout---accessibilityhidden {
  font-size: 0 !important;
}
.BillboardLayout---margin_above_div {
  height: 0.05px !important;
}
.BillboardLayout---billboard {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  -ms-flex-pack: center !important;
  width: 100% !important;
  vertical-align: middle !important;
  position: relative !important;
  overflow: hidden !important;
  background-color: #f0f0f0 !important;
}
.BillboardLayout---billboard.BillboardLayout---margin_below_none {
  margin-bottom: 0 !important;
}
.BillboardLayout---billboard.BillboardLayout---margin_below_standard {
  margin-bottom: 1rem !important;
}
.BillboardLayout---billboard.BillboardLayout---margin_below_less {
  margin-bottom: 0.5rem !important;
}
.BillboardLayout---billboard.BillboardLayout---margin_below_even_less {
  margin-bottom: 0.2857rem !important;
}
.BillboardLayout---billboard.BillboardLayout---margin_below_more {
  margin-bottom: 2rem !important;
}
.BillboardLayout---billboard.BillboardLayout---margin_below_even_more {
  margin-bottom: 4rem !important;
}
.BillboardLayout---billboard.BillboardLayout---margin_above_none {
  margin-top: 0 !important;
}
.BillboardLayout---billboard.BillboardLayout---margin_above_standard {
  margin-top: 1rem !important;
}
.BillboardLayout---billboard.BillboardLayout---margin_above_less {
  margin-top: 0.5rem !important;
}
.BillboardLayout---billboard.BillboardLayout---margin_above_even_less {
  margin-top: 0.2857rem !important;
}
.BillboardLayout---billboard.BillboardLayout---margin_above_more {
  margin-top: 2rem !important;
}
.BillboardLayout---billboard.BillboardLayout---margin_above_even_more {
  margin-top: 4rem !important;
}
.BillboardLayout---billboard.BillboardLayout---in_pane_layout {
  -webkit-flex-shrink: 0 !important;
          flex-shrink: 0 !important;
}
.BillboardLayout---billboard.BillboardLayout---align_start {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
          justify-content: flex-start !important;
}
.BillboardLayout---billboard.BillboardLayout---center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
}
.BillboardLayout---billboard.BillboardLayout---align_end {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
          justify-content: flex-end !important;
}
.BillboardLayout---billboard.BillboardLayout---top {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
          align-items: flex-start !important;
}
.BillboardLayout---billboard.BillboardLayout---middle {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.BillboardLayout---billboard.BillboardLayout---bottom {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
          align-items: flex-end !important;
}
.BillboardLayout---billboard.BillboardLayout---height_auto {
  min-height: 1px !important;
  height: auto !important;
  max-height: 5000px !important;
}
.BillboardLayout---billboard.BillboardLayout---height_extra_short {
  height: 100px !important;
}
.BillboardLayout---billboard.BillboardLayout---height_extra_short_alt {
  height: 135px !important;
}
.BillboardLayout---billboard.BillboardLayout---height_short_minus {
  height: 154.8px !important;
}
.BillboardLayout---billboard.BillboardLayout---height_short {
  height: 200px !important;
}
.BillboardLayout---billboard.BillboardLayout---height_short_plus {
  height: 250px !important;
}
.BillboardLayout---billboard.BillboardLayout---height_medium {
  height: 300px !important;
}
.BillboardLayout---billboard.BillboardLayout---height_medium_plus {
  height: 375px !important;
}
.BillboardLayout---billboard.BillboardLayout---height_tall {
  height: 450px !important;
}
.BillboardLayout---billboard.BillboardLayout---height_tall_plus {
  height: 600px !important;
}
.BillboardLayout---billboard.BillboardLayout---height_extra_tall {
  height: 750px !important;
}
.BillboardLayout---billboard.BillboardLayout---height_app_list {
  height: 135px !important;
}
.BillboardLayout---billboard.BillboardLayout---dark:before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 2 !important;
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  width: 100% !important;
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.BillboardLayout---billboard_photo_fixed_height,
.BillboardLayout---billboard_video_fixed_height,
.BillboardLayout---billboard_video_ie_fill_width,
.BillboardLayout---billboard_video_ie_fill_height {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}
.BillboardLayout---billboard_photo_fixed_height {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
}
.BillboardLayout---billboard_photo_fixed_height.BillboardLayout---blur {
  -webkit-filter: blur(3px) !important;
  -moz-filter: blur(3px) !important;
  -ms-filter: blur(3px) !important;
  filter: blur(3px) !important;
  margin: -4px !important;
}
.BillboardLayout---billboard_video_fixed_height video {
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
}
.BillboardLayout---billboard_video_ie_fill_width video,
.BillboardLayout---billboard_video_ie_fill_height video {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
}
.BillboardLayout---billboard_video_ie_fill_width video {
  width: 100% !important;
  height: auto !important;
}
.BillboardLayout---billboard_video_ie_fill_height video {
  width: auto !important;
  height: 100% !important;
}
.BillboardLayout---billboard_photo_auto_height,
.BillboardLayout---billboard_video_auto_height {
  display: inline !important;
  width: 100% !important;
}
.BillboardLayout---billboard_photo_auto_height img,
.BillboardLayout---billboard_video_auto_height video {
  width: 100% !important;
  display: block !important;
}
.BillboardLayout---billboard_media_image_position_left_top {
  background-position: 0% 0% !important;
}
.BillboardLayout---billboard_media_image_position_left_middle {
  background-position: 0% 50% !important;
}
.BillboardLayout---billboard_media_image_position_left_bottom {
  background-position: 0% 100% !important;
}
.BillboardLayout---billboard_media_image_position_center_top {
  background-position: 50% 0% !important;
}
.BillboardLayout---billboard_media_image_position_center_middle {
  background-position: 50% 50% !important;
}
.BillboardLayout---billboard_media_image_position_center_bottom {
  background-position: 50% 100% !important;
}
.BillboardLayout---billboard_media_image_position_right_top {
  background-position: 100% 0% !important;
}
.BillboardLayout---billboard_media_image_position_right_middle {
  background-position: 100% 50% !important;
}
.BillboardLayout---billboard_media_image_position_right_bottom {
  background-position: 100% 100% !important;
}
.BillboardLayout---billboard_media_image_position_auto_top {
  -webkit-align-self: start !important;
              -ms-grid-row-align: start !important;
          align-self: start !important;
}
.BillboardLayout---billboard_media_image_position_auto_middle {
  -webkit-align-self: center !important;
              -ms-grid-row-align: center !important;
          align-self: center !important;
}
.BillboardLayout---billboard_media_image_position_auto_bottom {
  -webkit-align-self: end !important;
              -ms-grid-row-align: end !important;
          align-self: end !important;
}
.BillboardLayout---billboard_media_video_position_left_top video {
  object-position: 0% 0% !important;
}
.BillboardLayout---billboard_media_video_position_left_top video {
  object-position: 0% 0% !important;
}
.BillboardLayout---billboard_media_video_position_left_middle video {
  object-position: 0% 50% !important;
}
.BillboardLayout---billboard_media_video_position_left_bottom video {
  object-position: 0% 100% !important;
}
.BillboardLayout---billboard_media_video_position_center_top video {
  object-position: 50% 0% !important;
}
.BillboardLayout---billboard_media_video_position_center_middle video {
  object-position: 50% 50% !important;
}
.BillboardLayout---billboard_media_video_position_center_bottom video {
  object-position: 50% 100% !important;
}
.BillboardLayout---billboard_media_video_position_right_top video {
  object-position: 100% 0% !important;
}
.BillboardLayout---billboard_media_video_position_right_middle video {
  object-position: 100% 50% !important;
}
.BillboardLayout---billboard_media_video_position_right_bottom video {
  object-position: 100% 100% !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* A prettier bug causes infinite semi colons to be added without this comment ( https://github.com/prettier/prettier/issues/11483 ) */
.BoxLayout---margin_above_div {
  height: 0.05px !important;
}
.BoxLayout---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .BoxLayout---accessibilityhidden {
  font-size: 0 !important;
}
.BoxLayout---box {
  border: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
}
.BoxLayout---box.BoxLayout---inDarkBackground {
  border-color: var(--appian-container-border-color, #d4d4d4) !important;
}
.BoxLayout---box.BoxLayout---semi_rounded {
  border-radius: 4px !important;
}
.BoxLayout---box.BoxLayout---rounded {
  border-radius: 8px !important;
}
.BoxLayout---box.BoxLayout---border_invisible {
  border: none !important;
}
.BoxLayout---box.BoxLayout---shadow {
  box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16) !important;
}
.BoxLayout---box.BoxLayout---margin_above_none {
  margin-top: 0 !important;
}
.BoxLayout---box.BoxLayout---margin_above_standard {
  margin-top: 1rem !important;
}
.BoxLayout---box.BoxLayout---margin_above_less {
  margin-top: 0.5rem !important;
}
.BoxLayout---box.BoxLayout---margin_above_even_less {
  margin-top: 0.2857rem !important;
}
.BoxLayout---box.BoxLayout---margin_above_more {
  margin-top: 2rem !important;
}
.BoxLayout---box.BoxLayout---margin_above_even_more {
  margin-top: 4rem !important;
}
.BoxLayout---box.BoxLayout---margin_below_none {
  margin-bottom: 0 !important;
}
.BoxLayout---box.BoxLayout---margin_below_standard {
  margin-bottom: 1rem !important;
}
.BoxLayout---box.BoxLayout---margin_below_less {
  margin-bottom: 0.5rem !important;
}
.BoxLayout---box.BoxLayout---margin_below_even_less {
  margin-bottom: 0.2857rem !important;
}
.BoxLayout---box.BoxLayout---margin_below_more {
  margin-bottom: 2rem !important;
}
.BoxLayout---box.BoxLayout---margin_below_even_more {
  margin-bottom: 4rem !important;
}
.BoxLayout---box_heading_wrapper {
  padding: 0.5714rem 0.8571rem !important;
  background-color: #f0f0f0 !important;
  color: #222 !important;
  font-size: 1rem !important;
  line-height: 0 !important;
  min-height: 2.5rem !important;
  outline: none !important;
  box-shadow: none !important;
  position: relative !important;
}
.BoxLayout---semi_rounded > .BoxLayout---box_heading_wrapper,
.BoxLayout---semi_rounded > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper {
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
}
.BoxLayout---semi_rounded > .BoxLayout---box_heading_wrapper.BoxLayout---shape_header_bottom,
.BoxLayout---semi_rounded > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---shape_header_bottom {
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
.BoxLayout---rounded > .BoxLayout---box_heading_wrapper,
.BoxLayout---rounded > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper {
  border-top-left-radius: 7px !important;
  border-top-right-radius: 7px !important;
}
.BoxLayout---rounded > .BoxLayout---box_heading_wrapper.BoxLayout---shape_header_bottom,
.BoxLayout---rounded > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---shape_header_bottom {
  border-bottom-left-radius: 7px !important;
  border-bottom-right-radius: 7px !important;
}
.BoxLayout---box_heading_wrapper.BoxLayout---size_large_plus {
  font-size: 3.7143rem !important;
}
.BoxLayout---box_heading_wrapper.BoxLayout---size_large {
  font-size: 2.1429rem !important;
}
.BoxLayout---box_heading_wrapper.BoxLayout---size_medium_plus {
  font-size: 1.8571rem !important;
}
.BoxLayout---box_heading_wrapper.BoxLayout---size_medium {
  font-size: 1.5714rem !important;
}
.BoxLayout---box_heading_wrapper.BoxLayout---size_small {
  font-size: 1.2143rem !important;
}
.BoxLayout---box_heading_wrapper.BoxLayout---custom_hex {
  background-color: var(--appian-box-header-color) !important;
}
.BoxLayout---box_heading_wrapper.BoxLayout---collapsible {
  cursor: pointer !important;
  overflow: hidden !important;
}
.BoxLayout---box_heading_wrapper.BoxLayout---collapsible:focus:not([data-appian-ux-mouse-focus]) {
  box-shadow: 0 0 0 2px #1d659c !important;
}
.BoxLayout---box > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---collapsible.BoxLayout---tint_hover,
.BoxLayout---box > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---collapsible.BoxLayout---tint_hover .BoxLayout---box_heading,
.BoxLayout---box > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---collapsible.BoxLayout---tint_hover:hover,
.BoxLayout---box > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---collapsible.BoxLayout---tint_hover:hover .BoxLayout---box_heading {
  -webkit-transition: background-color 100ms ease-in-out !important;
  transition: background-color 100ms ease-in-out !important;
}
.BoxLayout---box > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---collapsible.BoxLayout---tint_hover:hover,
.BoxLayout---box > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---collapsible.BoxLayout---tint_hover:hover .BoxLayout---box_heading {
  background-color: #e3e3e3 !important;
}
.BoxLayout---box > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---collapsible.BoxLayout---custom_hex.BoxLayout---tint_hover:hover,
.BoxLayout---box > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---collapsible.BoxLayout---custom_hex.BoxLayout---tint_hover:hover .BoxLayout---box_heading {
  background-color: var(--appian-box-collapsible-hover-color) !important;
}
.BoxLayout---box_heading_wrapper .BoxLayout---box_heading {
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  min-height: 1.4rem !important;
  overflow: hidden !important;
  font-weight: 600 !important;
  max-width: 100% !important;
  display: inline-block !important;
  line-height: 1.4 !important;
}
.BoxLayout---label_container {
  position: relative !important;
}
.BoxLayout---box_heading_wrapper.BoxLayout---has_icon .BoxLayout---box_heading .BoxLayout---label_container {
  max-width: calc(100% - 1rem - 0.5714rem) !important;
}
.BoxLayout---box_heading_wrapper.BoxLayout---size_large_plus.BoxLayout---has_icon .BoxLayout---box_heading .BoxLayout---label_container {
  max-width: calc(100% - 3.7143rem - 0.5714rem) !important;
}
.BoxLayout---box_heading_wrapper.BoxLayout---size_large.BoxLayout---has_icon .BoxLayout---box_heading .BoxLayout---label_container {
  max-width: calc(100% - 2.1429rem - 0.5714rem) !important;
}
.BoxLayout---box_heading_wrapper.BoxLayout---size_medium_plus.BoxLayout---has_icon .BoxLayout---box_heading .BoxLayout---label_container {
  max-width: calc(100% - 1.8571rem - 0.5714rem) !important;
}
.BoxLayout---box_heading_wrapper.BoxLayout---size_medium.BoxLayout---has_icon .BoxLayout---box_heading .BoxLayout---label_container {
  max-width: calc(100% - 1.5714rem - 0.5714rem) !important;
}
.BoxLayout---box_heading_wrapper.BoxLayout---size_small.BoxLayout---has_icon .BoxLayout---box_heading .BoxLayout---label_container {
  max-width: calc(100% - 1.2143rem - 0.5714rem) !important;
}
.BoxLayout---box_heading_wrapper.BoxLayout---has_icon .BoxLayout---box_heading {
  color: #222 !important;
  fill: #222 !important;
  width: 100% !important;
  position: relative !important;
}
.BoxLayout---box_heading_wrapper.BoxLayout---collapsible:focus .BoxLayout---box_heading {
  outline: none !important;
  box-shadow: none !important;
}
.BoxLayout---box_heading_wrapper.BoxLayout---collapsible .BoxLayout---box_heading {
  overflow: visible !important;
  /* allows outline to show when editing label in live view */
}
.BoxLayout---box_heading_wrapper.BoxLayout---collapsible .BoxLayout---box_heading .BoxLayout---box_label,
.BoxLayout---box_heading_wrapper.BoxLayout---validations .BoxLayout---box_heading .BoxLayout---box_label {
  text-overflow: ellipsis !important;
  overflow: hidden !important;
}
.BoxLayout---box > .BoxLayout---box_heading_wrapper.BoxLayout---inDarkBackground,
.BoxLayout---box > .BoxLayout---box_heading_wrapper.BoxLayout---inDarkBackground.BoxLayout---has_icon .BoxLayout---box_heading,
.BoxLayout---box > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---inDarkBackground,
.BoxLayout---box > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---inDarkBackground.BoxLayout---has_icon .BoxLayout---box_heading {
  color: #eee !important;
  fill: #eee !important;
}
.BoxLayout---box > .BoxLayout---box_heading_wrapper.BoxLayout---inLightBackground,
.BoxLayout---box > .BoxLayout---box_heading_wrapper.BoxLayout---inLightBackground.BoxLayout---has_icon .BoxLayout---box_heading,
.BoxLayout---box > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---inLightBackground,
.BoxLayout---box > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---inLightBackground.BoxLayout---has_icon .BoxLayout---box_heading {
  color: #222 !important;
  fill: #222 !important;
}
.BoxLayout---box.BoxLayout---info {
  border-color: #b9ceea !important;
}
.BoxLayout---box.BoxLayout---info > .BoxLayout---box_heading_wrapper,
.BoxLayout---box.BoxLayout---info > .BoxLayout---box_heading_wrapper.BoxLayout---has_icon .BoxLayout---box_heading,
.BoxLayout---box.BoxLayout---info > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper,
.BoxLayout---box.BoxLayout---info > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---has_icon .BoxLayout---box_heading {
  background-color: #ecf4ff !important;
  color: #2c5791 !important;
  fill: #2c5791 !important;
}
.BoxLayout---box.BoxLayout---info > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---collapsible.BoxLayout---tint_hover:hover,
.BoxLayout---box.BoxLayout---info > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---collapsible.BoxLayout---tint_hover:hover .BoxLayout---box_heading {
  background-color: #d3e5ff !important;
}
.BoxLayout---box.BoxLayout---warn,
.BoxLayout---box.BoxLayout---success {
  border-color: #e1e1e1 !important;
}
.BoxLayout---box.BoxLayout---warn > .BoxLayout---box_heading_wrapper,
.BoxLayout---box.BoxLayout---warn > .BoxLayout---box_heading_wrapper.BoxLayout---has_icon .BoxLayout---box_heading,
.BoxLayout---box.BoxLayout---warn > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper,
.BoxLayout---box.BoxLayout---warn > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---has_icon .BoxLayout---box_heading {
  background-color: #feffd2 !important;
  color: #555 !important;
  fill: #555 !important;
}
.BoxLayout---box.BoxLayout---warn > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---collapsible.BoxLayout---tint_hover:hover,
.BoxLayout---box.BoxLayout---warn > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---collapsible.BoxLayout---tint_hover:hover .BoxLayout---box_heading {
  background-color: #fdffb8 !important;
}
.BoxLayout---box.BoxLayout---success > .BoxLayout---box_heading_wrapper,
.BoxLayout---box.BoxLayout---success > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper {
  background-color: #e0ffd7 !important;
  color: #555 !important;
}
.BoxLayout---box.BoxLayout---success > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---collapsible.BoxLayout---tint_hover:hover,
.BoxLayout---box.BoxLayout---success > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---collapsible.BoxLayout---tint_hover:hover .BoxLayout---box_heading {
  background-color: #ccffbe !important;
}
.BoxLayout---box.BoxLayout---success > .BoxLayout---box_heading_wrapper.BoxLayout---has_icon .BoxLayout---box_heading .BoxLayout---box.BoxLayout---success > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---has_icon .BoxLayout---box_heading {
  color: #555 !important;
  fill: #555 !important;
}
.BoxLayout---box.BoxLayout---error {
  border-color: #ff92ad !important;
}
.BoxLayout---box.BoxLayout---error > .BoxLayout---box_heading_wrapper,
.BoxLayout---box.BoxLayout---error > .BoxLayout---box_heading_wrapper.BoxLayout---has_icon .BoxLayout---box_heading,
.BoxLayout---box.BoxLayout---error > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper,
.BoxLayout---box.BoxLayout---error > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---has_icon .BoxLayout---box_heading {
  background-color: #ffefef !important;
  color: #de0037 !important;
  fill: #de0037 !important;
}
.BoxLayout---box.BoxLayout---error > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---collapsible.BoxLayout---tint_hover:hover,
.BoxLayout---box.BoxLayout---error > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---collapsible.BoxLayout---tint_hover:hover .BoxLayout---box_heading {
  background-color: #ffd6d6 !important;
}
.BoxLayout---box.BoxLayout---accent > .BoxLayout---box_heading_wrapper:focus:not([data-appian-ux-mouse-focus]),
.BoxLayout---box.BoxLayout---accent > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper:focus:not([data-appian-ux-mouse-focus]) {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #1d659c !important;
}
.BoxLayout---box.BoxLayout---accent > .BoxLayout---box_heading_wrapper,
.BoxLayout---box.BoxLayout---accent > .BoxLayout---box_heading_wrapper.BoxLayout---has_icon .BoxLayout---box_heading,
.BoxLayout---box.BoxLayout---accent > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper,
.BoxLayout---box.BoxLayout---accent > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---has_icon .BoxLayout---box_heading {
  background-color: #1d659c !important;
  color: #fff !important;
  fill: #fff !important;
}
.BoxLayout---box.BoxLayout---accent > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---collapsible.BoxLayout---tint_hover:hover,
.BoxLayout---box.BoxLayout---accent > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---collapsible.BoxLayout---tint_hover:hover .BoxLayout---box_heading {
  background-color: #195786 !important;
}
.BoxLayout---box.BoxLayout---accent > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---collapsible.BoxLayout---dark_accent.BoxLayout---tint_hover:hover,
.BoxLayout---box.BoxLayout---accent > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper.BoxLayout---collapsible.BoxLayout---dark_accent.BoxLayout---tint_hover:hover .BoxLayout---box_heading {
  background-color: #2173b2 !important;
}
.BoxLayout---box_toggle_icon {
  content: "" !important;
  width: 0.8571rem !important;
  height: 0.8571rem !important;
  position: absolute !important;
  top: 0.2143rem !important;
  right: 0 !important;
  -webkit-transition: 0.3s ease-in-out !important;
  transition: 0.3s ease-in-out !important;
  pointer-events: none !important;
}
.BoxLayout---box_toggle_icon.BoxLayout---size_large_plus {
  width: 3.1835rem !important;
  height: 3.1835rem !important;
  top: calc(50% - 0.5 * 3.1835rem) !important;
}
.BoxLayout---box_toggle_icon.BoxLayout---size_large {
  width: 1.8367rem !important;
  height: 1.8367rem !important;
  top: calc(50% - 0.5 * 1.8367rem) !important;
}
.BoxLayout---box_toggle_icon.BoxLayout---size_medium_plus {
  width: 1.5917rem !important;
  height: 1.5917rem !important;
  top: calc(50% - 0.5 * 1.5917rem) !important;
}
.BoxLayout---box_toggle_icon.BoxLayout---size_medium {
  width: 1.3468rem !important;
  height: 1.3468rem !important;
  top: calc(50% - 0.5 * 1.3468rem) !important;
}
.BoxLayout---box_toggle_icon.BoxLayout---size_small {
  width: 1.0408rem !important;
  height: 1.0408rem !important;
  top: calc(50% - 0.5 * 1.0408rem) !important;
}
.BoxLayout---box_toggle_icon.BoxLayout---collapsed {
  -webkit-transform: rotate(-90deg) !important;
          transform: rotate(-90deg) !important;
}
.BoxLayout---box_error_icon {
  content: "" !important;
  width: 100% !important;
  height: 100% !important;
  fill: #de0037 !important;
}
.BoxLayout---box_custom_icon {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
}
.BoxLayout---box.BoxLayout---accent > .BoxLayout---box_heading_wrapper .BoxLayout---box_heading > .BoxLayout---box_error_wrapper > .BoxLayout---box_error_icon,
.BoxLayout---box.BoxLayout---accent > .BoxLayout---collapsible_a11y_heading > .BoxLayout---box_heading_wrapper .BoxLayout---box_heading > .BoxLayout---box_error_wrapper > .BoxLayout---box_error_icon {
  fill: #fff !important;
}
.BoxLayout---box_heading_wrapper.BoxLayout---inDarkBackground .BoxLayout---box_heading > .BoxLayout---box_error_wrapper > .BoxLayout---box_error_icon {
  fill: #eee !important;
}
.BoxLayout---box_heading_wrapper.BoxLayout---validations .BoxLayout---box_error_wrapper {
  position: absolute !important;
  top: 0.1429rem !important;
  right: 0 !important;
  width: 1rem !important;
  height: 1rem !important;
  outline: none !important;
  box-shadow: none !important;
}
.BoxLayout---box_heading_wrapper.BoxLayout---validations .BoxLayout---box_error_wrapper.BoxLayout---size_large_plus {
  width: 3.7143rem !important;
  height: 3.7143rem !important;
}
.BoxLayout---box_heading_wrapper.BoxLayout---validations .BoxLayout---box_error_wrapper.BoxLayout---size_large {
  width: 2.1429rem !important;
  height: 2.1429rem !important;
}
.BoxLayout---box_heading_wrapper.BoxLayout---validations .BoxLayout---box_error_wrapper.BoxLayout---size_medium_plus {
  width: 1.8571rem !important;
  height: 1.8571rem !important;
}
.BoxLayout---box_heading_wrapper.BoxLayout---validations .BoxLayout---box_error_wrapper.BoxLayout---size_medium {
  width: 1.5714rem !important;
  height: 1.5714rem !important;
}
.BoxLayout---box_heading_wrapper.BoxLayout---validations .BoxLayout---box_error_wrapper.BoxLayout---size_small {
  width: 1.2143rem !important;
  height: 1.2143rem !important;
}
.BoxLayout---box .BoxLayout---box_body {
  background-color: #fff !important;
  display: block !important;
  overflow: hidden !important;
}
.BoxLayout---box .BoxLayout---box_body.BoxLayout---transparent_background {
  background-color: transparent !important;
}
.BoxLayout---box.BoxLayout---semi_rounded .BoxLayout---box_body {
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
.BoxLayout---box.BoxLayout---rounded .BoxLayout---box_body {
  border-bottom-left-radius: 7px !important;
  border-bottom-right-radius: 7px !important;
}

.CollapsibleElement---collapsible {
  -webkit-transition: height 0.3s ease-in-out !important;
  transition: height 0.3s ease-in-out !important;
  position: relative !important;
  /* needed to set a positioned acestor for absolute positioned .accessibilityHidden child */
}
.CollapsibleElement---collapsed_without_animation {
  display: none !important;
}

.BrandingPreviewLayout---outer_wrapper {
  overflow-x: scroll !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  background-color: #f0f0f0 !important;
  position: relative !important;
  z-index: 0 !important;
}
.BrandingPreviewLayout---inner_wrapper {
  min-width: 1100px !important;
  height: 100% !important;
  width: 100% !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
  position: relative !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
ol.BreadcrumbLayout---breadcrumbs {
  font-size: 1rem !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
ol.BreadcrumbLayout---breadcrumbs,
ol.BreadcrumbLayout---breadcrumbs li {
  margin: 0 !important;
}
ol.BreadcrumbLayout---breadcrumbs li {
  display: inline-block !important;
  color: var(--appian-text-color, #222) !important;
}
ol.BreadcrumbLayout---breadcrumbs li:not(:last-child):after {
  content: "/" /*rtl:"\\"*/ !important;
  margin: 0 6px !important;
  color: var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
ol.BreadcrumbLayout---breadcrumbs.BreadcrumbLayout---inLightBackground li:not(:last-child):after {
  color: #555 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.BubbleChart---container {
  /*rtl:ignore*/
  direction: ltr !important;
  width: 100% !important;
  /**
   * We need to add an .inDarkBackground case that doesn't use the -hc LESS
   * variables because themingManager overrides the dark theme high contrast
   * values set in backgroundColorVariableOverrides
   */
}
.BubbleChart---container:not(.BubbleChart---inDarkBackground) svg path[stroke="rgba(200, 200, 200, 1)"] {
  stroke: var(--appian-chart-axis-line-color, rgba(200, 200, 200)) !important;
}
.BubbleChart---container:not(.BubbleChart---inDarkBackground) svg path[stroke="rgba(200, 200, 200, 0.5)"] {
  stroke: var(--appian-chart-grid-line-color, rgba(200, 200, 200, 0.5)) !important;
}
.BubbleChart---container.BubbleChart---inDarkBackground svg path[stroke="rgba(136, 136, 136, 1)"] {
  stroke: var(--appian-chart-axis-line-color-on-dark-bg, rgba(136, 136, 136)) !important;
}
.BubbleChart---container.BubbleChart---inDarkBackground svg path[stroke="rgba(136, 136, 136, 0.5)"] {
  stroke: var(--appian-chart-grid-line-color-on-dark-bg, rgba(136, 136, 136, 0.5)) !important;
}
.BubbleChart---chart_height_micro {
  height: 80px !important;
}
.BubbleChart---chart_height_short {
  height: 200px !important;
}
.BubbleChart---chart_height_medium {
  height: 400px !important;
}
.BubbleChart---chart_height_tall {
  height: 600px !important;
}
.BubbleChart---chart_height_auto {
  min-height: 400px !important;
}
.BubbleChart---scroll_horizontal {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}
.highcharts-tooltip table tr {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: start !important;
          justify-content: start !important;
  padding: 0.125rem 0 !important;
}
.highcharts-tooltip table tr span {
  font-size: 1rem !important;
  font-weight: bold !important;
}
.BubbleChart---icon_container {
  font-size: 16px !important;
}
.BubbleChart---icon {
  height: 1em !important;
  width: 1em !important;
  vertical-align: -0.15em !important;
  fill: currentColor !important;
}

.ButtonGroup---button_group {
  display: inline-block !important;
  vertical-align: middle !important;
}
.ButtonGroup---button_group > *:not(.appian-context-component-selector),.ButtonGroup---button_group .appian-context-component-selector > .appian-context-component-selector-children > *:not(.appian-context-component-selector) {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ButtonGroup_LIVE_VIEW_FORM_FACTOR_TOGGLES---button_group {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  height: calc(2.1429rem - 1px) !important;
  background-color: #f3f3fd !important;
  font-size: 0 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ButtonGroup_LIVE_VIEW_FORM_FACTOR_ROTATION_TOGGLE---button_group {
  position: absolute !important;
  z-index: 2000010 !important;
  right: 0 !important;
  top: 0 !important;
  height: 2.1429rem !important;
  font-size: 0 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
nav > div > div.ButtonGroup_DESIGNER_HEADER_TOGGLES---button_group.ButtonGroup_DESIGNER_HEADER_TOGGLES---button_group {
  display: -ms-inline-grid !important;
  display: inline-grid !important;
  -ms-grid-columns: 1fr 1fr !important;
      grid-template-columns: 1fr 1fr !important;
}

.ButtonGroup_PHQ_TOGGLE_BUTTON---button_group {
  display: -ms-inline-grid !important;
  display: inline-grid !important;
  -ms-grid-columns: (minmax(0, 1fr))[2] !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ButtonLayout2---align_start {
  text-align: left !important;
}
.ButtonLayout2---align_end {
  text-align: right !important;
}
.ButtonLayout2---center {
  text-align: center !important;
}
.ButtonLayout2---margin_above_div {
  height: 0.05px !important;
}
.ButtonLayout2---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .ButtonLayout2---accessibilityhidden {
  font-size: 0 !important;
}
.ButtonLayout2---button_layout {
  font-size: 0 !important;
}
.ButtonLayout2---button_layout.ButtonLayout2---margin_below_none {
  margin-bottom: 0 !important;
}
.ButtonLayout2---button_layout.ButtonLayout2---margin_below_standard {
  margin-bottom: 0.7143rem !important;
}
.ButtonLayout2---button_layout.ButtonLayout2---margin_below_less {
  margin-bottom: 0.5rem !important;
}
.ButtonLayout2---button_layout.ButtonLayout2---margin_below_even_less {
  margin-bottom: 0.2857rem !important;
}
.ButtonLayout2---button_layout.ButtonLayout2---margin_below_more {
  margin-bottom: 2rem !important;
}
.ButtonLayout2---button_layout.ButtonLayout2---margin_below_even_more {
  margin-bottom: 4rem !important;
}
/* Use pseudoelement to prevent margin collapse */
.ButtonLayout2---button_layout.ButtonLayout2---margin_above_standard::before,
.ButtonLayout2---button_layout.ButtonLayout2---margin_above_less::before,
.ButtonLayout2---button_layout.ButtonLayout2---margin_above_even_less::before,
.ButtonLayout2---button_layout.ButtonLayout2---margin_above_more::before,
.ButtonLayout2---button_layout.ButtonLayout2---margin_above_even_more::before {
  content: " " !important;
  display: table !important;
}
.ButtonLayout2---button_layout.ButtonLayout2---margin_above_none::before {
  margin-bottom: 0 !important;
}
.ButtonLayout2---button_layout.ButtonLayout2---margin_above_standard::before {
  margin-bottom: 0.7143rem !important;
}
.ButtonLayout2---button_layout.ButtonLayout2---margin_above_less::before {
  margin-bottom: 0.5rem !important;
}
.ButtonLayout2---button_layout.ButtonLayout2---margin_above_even_less::before {
  margin-bottom: 0.2857rem !important;
}
.ButtonLayout2---button_layout.ButtonLayout2---margin_above_more::before {
  margin-bottom: 2rem !important;
}
.ButtonLayout2---button_layout.ButtonLayout2---margin_above_even_more::before {
  margin-bottom: 4rem !important;
}
.ButtonLayout2---button_layout.ButtonLayout2---no_wrap {
  white-space: nowrap !important;
}
.appian-context-ux-page-size-tablet-portrait .ButtonLayout2---button_layout.ButtonLayout2---no_wrap {
  white-space: normal !important;
}
.appian-context-ux-page-size-tablet-landscape .ButtonLayout2---button_layout.ButtonLayout2---no_wrap {
  white-space: normal !important;
}
.ButtonLayout2---button_layout.ButtonLayout2---no_wrap > button:not(.appian-context-component-selector),.ButtonLayout2---button_layout.ButtonLayout2---no_wrap .appian-context-component-selector > .appian-context-component-selector-children > button:not(.appian-context-component-selector),
.ButtonLayout2---button_layout.ButtonLayout2---no_wrap > div:not(.appian-context-component-selector) > button,
.ButtonLayout2---button_layout.ButtonLayout2---no_wrap .appian-context-component-selector > .appian-context-component-selector-children > div:not(.appian-context-component-selector) > button {
  max-width: 18em !important;
}
.ButtonLayout2---button_layout.ButtonLayout2---align_start > :not(.appian-context-last-in-list):not(.appian-context-component-selector),.ButtonLayout2---button_layout.ButtonLayout2---align_start .appian-context-component-selector > .appian-context-component-selector-children > :not(.appian-context-last-in-list):not(.appian-context-component-selector) {
  margin-right: 4px !important;
}
.appian-context-ux-page-size-phone .ButtonLayout2---button_layout.ButtonLayout2---align_start > :not(.appian-context-last-in-list):not(.appian-context-component-selector),.appian-context-ux-page-size-phone .ButtonLayout2---button_layout.ButtonLayout2---align_start .appian-context-component-selector > .appian-context-component-selector-children > :not(.appian-context-last-in-list):not(.appian-context-component-selector) {
  margin-right: 0 !important;
}
.ButtonLayout2---button_layout.ButtonLayout2---align_end > :not(.appian-context-first-in-list):not(.appian-context-component-selector),.ButtonLayout2---button_layout.ButtonLayout2---align_end .appian-context-component-selector > .appian-context-component-selector-children > :not(.appian-context-first-in-list):not(.appian-context-component-selector) {
  margin-left: 4px !important;
}
.appian-context-ux-page-size-phone .ButtonLayout2---button_layout.ButtonLayout2---align_end > :not(.appian-context-first-in-list):not(.appian-context-component-selector),.appian-context-ux-page-size-phone .ButtonLayout2---button_layout.ButtonLayout2---align_end .appian-context-component-selector > .appian-context-component-selector-children > :not(.appian-context-first-in-list):not(.appian-context-component-selector) {
  margin-left: 0 !important;
}
.ButtonLayout2---button_layout.ButtonLayout2---center > *:not(.appian-context-component-selector),.ButtonLayout2---button_layout.ButtonLayout2---center .appian-context-component-selector > .appian-context-component-selector-children > *:not(.appian-context-component-selector) {
  margin-left: 2px !important;
  margin-right: 2px !important;
}
.appian-context-ux-page-size-phone .ButtonLayout2---button_layout.ButtonLayout2---center > *:not(.appian-context-component-selector),.appian-context-ux-page-size-phone .ButtonLayout2---button_layout.ButtonLayout2---center .appian-context-component-selector > .appian-context-component-selector-children > *:not(.appian-context-component-selector) {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.appian-context-ux-page-size-phone .ButtonLayout2---button_layout:not(.ButtonLayout2---inUserProfileLayout) > :not(.appian-context-last-in-list):not(.appian-context-component-selector),.appian-context-ux-page-size-phone .ButtonLayout2---button_layout:not(.ButtonLayout2---inUserProfileLayout) .appian-context-component-selector > .appian-context-component-selector-children > :not(.appian-context-last-in-list):not(.appian-context-component-selector) {
  margin-bottom: 10px !important;
}
.ButtonLayout2---button_layout.ButtonLayout2---in_vertical_record_action > *:not(.appian-context-component-selector),.ButtonLayout2---button_layout.ButtonLayout2---in_vertical_record_action .appian-context-component-selector > .appian-context-component-selector-children > *:not(.appian-context-component-selector),
.ButtonLayout2---button_layout.ButtonLayout2---inUserProfileLayout > *:not(.appian-context-component-selector),
.ButtonLayout2---button_layout.ButtonLayout2---inUserProfileLayout .appian-context-component-selector > .appian-context-component-selector-children > *:not(.appian-context-component-selector) {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.Button---btn {
  padding: 0 0.7143rem !important;
}
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.Button---btn_wrapper {
  --appian-custom-hex-color: #1d659c !important;
  --appian-custom-hex-inverted-color: #fff !important;
  --appian-custom-hex-disabled-inverted-color: #ddd !important;
  /* will be overwritten by JS for hex colors and for accent colors. this is the fallback value that the unevolved button also uses. */
  --appian-custom-hex-glow-color: #2173b2 !important;
}
.Button---btn_wrapper.Button---negative:not(.Button---inDarkBackground) {
  --appian-custom-hex-color: #de0037 !important;
  --appian-custom-hex-inverted-color: #fff !important;
  --appian-custom-hex-disabled-inverted-color: #ddd !important;
  --appian-custom-hex-glow-color: #f8003d !important;
}
.Button---btn_wrapper.Button---accent.Button---inAccentBackground {
  --appian-custom-hex-color: #fff !important;
  --appian-custom-hex-inverted-color: #1d659c !important;
  --appian-custom-hex-disabled-inverted-color: #1d659c !important;
  --appian-custom-hex-glow-color: #fff !important;
}
.Button---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .Button---accessibilityhidden {
  font-size: 0 !important;
}
.Button---default_direction {
  /* repeated class name is a specificity hack to override buttonLayout2 styles for margin on child buttons */
  /* Margin styles for MINIMIZE buttons override margin styles set in ButtonLayout2 */
  /***************************************
            EVOLVED STYLES
***************************************/
  /***************************************
        END OF EVOLVED STYLES
***************************************/
}
.Button---default_direction.Button---btn_wrapper {
  display: inline-block !important;
  position: relative !important;
}
.Button---default_direction.Button---btn_wrapper:not(.Button---minimize_width):not(.Button---fill_width) {
  /* FILL buttons always take up full width. MINIMIZE never take up full width.
        On a phone-sized browser:
        DEFAULT buttons take up full width. Icon-only DEFAULT buttons do not take up full width.
        DEFAULT icon-only buttons stack. MINIMIZE icon-only buttons do not stack. */
}
.appian-context-ux-page-size-phone .Button---default_direction.Button---btn_wrapper:not(.Button---minimize_width):not(.Button---fill_width) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
.Button---default_direction.Button---btn_wrapper.Button---inGridLayout {
  /* Max grid column width - horizontal padding. Keep in sync with grids.less */
  max-width: calc(300px - 2 * 0.1429rem) !important;
}
.Button---default_direction.Button---btn {
  cursor: pointer !important;
  text-transform: var(--appian-button-text-transform, uppercase) !important;
  text-align: center !important;
  font-family: inherit !important;
  color: #1d659c !important;
  fill: #1d659c !important;
  font-size: 1rem !important;
  /* height and width of svg icon in standard button should match this value */
  line-height: 1.4 !important;
  /* needed for correct vertical alignment of text on Tempo */
  font-weight: 600 !important;
  height: 2.7143rem !important;
  vertical-align: middle !important;
  margin: 1px 0 !important;
  /* 0 margin left/right needed for correct spacing on Safari */
  max-width: 28em !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  background-color: #fff !important;
  border: 1px solid #1d659c !important;
  border-radius: 0rem !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-transition-duration: 0.2s !important;
  transition-duration: 0.2s !important;
  -webkit-transition-property: -webkit-transform !important;
  transition-property: -webkit-transform !important;
  transition-property: transform !important;
  transition-property: transform, -webkit-transform !important;
  -webkit-font-smoothing: antialiased !important;
  /* Safari-only: smooth transform */
}
.Button---default_direction.Button---btn.Button---match_input_shape {
  border-radius: 0rem !important;
}
.Button---default_direction.Button---btn.Button---inAccentBackground {
  color: #fff !important;
  fill: #fff !important;
  background-color: #1d659c !important;
  border: 1px solid #fff !important;
}
.Button---default_direction.Button---btn:not(.Button---minimize_width):not(.Button---fill_width):not(.Button---icon_only) {
  /* FILL buttons always take up full width. MINIMIZE never take up full width.
      On a phone-sized browser:
      DEFAULT buttons take up full width. Icon-only DEFAULT buttons do not take up full width.
      DEFAULT icon-only buttons stack. MINIMIZE icon-only buttons do not stack. */
}
.appian-context-ux-page-size-phone .Button---default_direction.Button---btn:not(.Button---minimize_width):not(.Button---fill_width):not(.Button---icon_only) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
.Button---default_direction.Button---btn:disabled {
  -webkit-transform: none !important;
          transform: none !important;
  opacity: 0.5 !important;
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  cursor: default !important;
  box-shadow: none !important;
}
.Button---default_direction.Button---btn.Button---inAccentBackground:disabled {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
}
.Button---default_direction.Button---btn:not(:disabled):active,
.Button---default_direction.Button---btn:not(:disabled):hover {
  box-shadow: 0 0px 5px #2173b2 !important;
}
.Button---default_direction.Button---btn.Button---inAccentBackground:not(:disabled):active,
.Button---default_direction.Button---btn.Button---inAccentBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #fff !important;
}
.Button---default_direction:not(.Button---accent):not(.Button---secondary):not(.Button---negative):not(.Button---hex) .Button---btn.Button---link_style.Button---inDarkBackground:not(:disabled):active,
.Button---default_direction:not(.Button---accent):not(.Button---secondary):not(.Button---negative):not(.Button---hex) .Button---btn.Button---link_style.Button---inDarkBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #eee !important;
}
.Button---default_direction.Button---btn:not(:disabled):active {
  -webkit-transform: scaleX(0.98) scaleY(0.98) !important;
  transform: scaleX(0.98) scaleY(0.98) !important;
}
.Button---default_direction.Button---btn.Button---inGridLayout {
  max-width: 100% !important;
}
.Button---default_direction.Button---btn.Button---inToolbarLayout.Button---icon_only {
  height: 1.5714rem !important;
  margin: 0 !important;
  color: #666 !important;
  fill: #666 !important;
  border-color: transparent !important;
  background-color: transparent !important;
}
.Button---default_direction.Button---btn.Button---inToolbarLayout.Button---icon_only {
  padding: 2px 6px !important;
}
.Button---default_direction.Button---btn.Button---inToolbarLayout:not(:disabled):active,
.Button---default_direction.Button---btn.Button---inToolbarLayout:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.Button---default_direction.Button---btn.Button---inToolbarLayout:not(:disabled):hover {
  box-shadow: 0 0px 4px var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-color: #bbb !important;
}
.Button---default_direction.Button---btn.Button---inToolbarLayout svg.Button---icon {
  vertical-align: 0 !important;
}
.Button---default_direction.Button---btn:focus {
  outline: none !important;
}
.Button---default_direction.Button---btn::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
.Button---default_direction.Button---btn {
  position: relative !important;
}
.Button---default_direction.Button---btn:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  content: "" !important;
  position: absolute !important;
  top: 1px !important;
  left: 1px !important;
  height: calc(100% - 2px) !important;
  width: calc(100% - 2px) !important;
  border: 1px solid #1d659c !important;
  border-radius: inherit !important;
}
.Button---default_direction.Button---btn.Button---inAccentBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #fff !important;
}
.Button---default_direction:not(.Button---accent):not(.Button---secondary):not(.Button---negative):not(.Button---hex) .Button---btn.Button---link_style.Button---inDarkBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #eee !important;
}
.appian-context-os-ios .Button---default_direction.Button---btn {
  font-family: -apple-system !important;
}
.appian-context-os-android .Button---default_direction.Button---btn {
  font-family: "Roboto" !important;
}
.Button---default_direction.Button---btn.Button---is_loading:disabled.Button---no_label .Button---icon {
  fill: transparent !important;
}
.Button---default_direction.Button---btn.Button---is_loading:disabled ~ svg.Button---loading_icon {
  position: absolute !important;
  width: 1rem !important;
  height: 1rem !important;
  top: calc(50% - .5rem) !important;
  left: calc(50% - .5rem) !important;
  -webkit-animation: Button---spin linear infinite 2s !important;
  animation: Button---spin linear infinite 2s !important;
  fill: var(--appian-custom-hex-color) !important;
}
.Button---default_direction.Button---btn.Button---is_loading:disabled.Button---small ~ svg.Button---loading_icon {
  width: 0.9286rem !important;
  /* matches the font-size defined in small buttons */
  height: 0.9286rem !important;
  top: calc(50% - .4643rem) !important;
  left: calc(50% - .4643rem) !important;
}
.Button---default_direction.Button---btn.Button---is_loading:disabled.Button---large ~ svg.Button---loading_icon {
  width: 1.2857rem !important;
  /* matches the font-size defined in large buttons */
  height: 1.2857rem !important;
  top: calc(50% - .6428rem) !important;
  left: calc(50% - .6428rem) !important;
}
:not(.Button---accent):not(.Button---secondary):not(.Button---negative):not(.Button---hex).Button---inAccentBackground .Button---default_direction.Button---btn.Button---is_loading:disabled ~ svg.Button---loading_icon {
  fill: #fff !important;
}
:not(.Button---accent):not(.Button---secondary):not(.Button---negative):not(.Button---hex).Button---inDarkBackground .Button---default_direction.Button---btn.Button---is_loading:disabled ~ svg.Button---loading_icon {
  fill: #eee !important;
}
.Button---default_direction.Button---btn.Button---is_loading:disabled.Button---secondary:not(.Button---inAccentBackground):not(.Button---inDarkBackground) ~ svg.Button---loading_icon {
  fill: var(--appian-subtle-text-color, #666) !important;
}
.Button---default_direction.Button---btn.Button---is_loading:disabled.Button---destructive:not(.Button---inAccentBackground):not(.Button---inDarkBackground) ~ svg.Button---loading_icon {
  fill: #de0037 !important;
}
.Button---default_direction.Button---btn.Button---primary {
  background-color: #1d659c !important;
  border-color: #1d659c !important;
  color: #fff !important;
  fill: #fff !important;
}
.Button---default_direction.Button---btn.Button---primary.Button---inAccentBackground {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #1d659c !important;
  fill: #1d659c !important;
}
.Button---default_direction.Button---btn.Button---primary:disabled {
  background-color: #1d659c !important;
  color: #ddd !important;
  fill: #ddd !important;
}
.Button---default_direction.Button---btn.Button---primary.Button---inAccentBackground:disabled {
  background-color: #ddd !important;
  color: #1d659c !important;
  fill: #1d659c !important;
}
.Button---default_direction.Button---btn.Button---primary:not(:disabled):hover,
.Button---default_direction.Button---btn.Button---primary:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: #2173b2 !important;
}
.Button---default_direction.Button---btn.Button---primary:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #fff !important;
}
.Button---default_direction.Button---btn.Button---primary.Button---inAccentBackground:not(:disabled):hover,
.Button---default_direction.Button---btn.Button---primary.Button---inAccentBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: #fff !important;
}
.Button---default_direction.Button---btn.Button---primary.Button---inAccentBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #2173b2 !important;
}
.Button---default_direction.Button---btn.Button---secondary {
  border-color: var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  color: var(--appian-subtle-text-color, #666) !important;
  fill: var(--appian-subtle-text-color, #666) !important;
}
.Button---default_direction.Button---btn.Button---secondary.Button---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.Button---default_direction.Button---btn.Button---secondary:not(:disabled):active,
.Button---default_direction.Button---btn.Button---secondary:not(:disabled):hover {
  box-shadow: 0 0px 5px var(--appian-choice-border-color, #bbb) !important;
}
.Button---inApplicationHeaderLayout.Button---default_direction.Button---btn.Button---secondary:not(:disabled):active,
.Button---inApplicationHeaderLayout.Button---default_direction.Button---btn.Button---secondary:not(:disabled):hover {
  box-shadow: 0 0px 5px #7781bd !important;
}
.Button---default_direction.Button---btn.Button---secondary.Button---inAccentBackground {
  border-color: #fff !important;
  color: #fff !important;
  fill: #fff !important;
}
.Button---default_direction.Button---btn.Button---secondary.Button---inApplicationHeaderLayout.Button---inDarkBackground {
  border-color: #7781bd !important;
  color: #fff !important;
  fill: #fff !important;
  background-color: transparent !important;
}
.Button---default_direction.Button---btn.Button---secondary.Button---inApplicationHeaderLayout.Button---inDarkBackground:disabled {
  color: #aaa !important;
  fill: #aaa !important;
}
.Button---default_direction.Button---btn.Button---secondary.Button---inApplicationHeaderLayout.Button---inDarkBackground:not(:disabled):focus:not([data-appian-ux-mouse-focus]):after {
  border-color: #7781bd !important;
}
.Button---default_direction.Button---btn.Button---secondary.Button---inAccentBackground:not(:disabled):active,
.Button---default_direction.Button---btn.Button---secondary.Button---inAccentBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #fff !important;
}
.Button---default_direction.Button---btn.Button---destructive,
.Button---default_direction.Button---btn.Button---destructive.Button---inAccentBackground,
.Button---default_direction.Button---btn.Button---destructive.Button---inAccentBackground:disabled {
  background-color: #fff !important;
  border-color: #de0037 !important;
  color: #de0037 !important;
  fill: #de0037 !important;
}
.Button---default_direction.Button---btn.Button---destructive:not(:disabled):hover,
.Button---default_direction.Button---btn.Button---destructive:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.Button---default_direction.Button---btn.Button---destructive.Button---inAccentBackground:not(:disabled):hover,
.Button---default_direction.Button---btn.Button---destructive.Button---inAccentBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: #de0037 !important;
  color: #eee !important;
  fill: #eee !important;
}
.Button---default_direction.Button---btn.Button---destructive:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button---default_direction.Button---btn.Button---destructive.Button---inAccentBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #eee !important;
}
.Button---default_direction.Button---btn.Button---destructive:not(:disabled):active,
.Button---default_direction.Button---btn.Button---destructive:not(:disabled):hover {
  box-shadow: 0 0px 5px #de0037 !important;
}
.Button---default_direction.Button---btn.Button---link_style,
.Button---default_direction.Button---btn.Button---link_style:disabled,
.Button---default_direction.Button---btn.Button---link_style.Button---inAccentBackground,
.Button---default_direction.Button---btn.Button---link_style.Button---inAccentBackground:disabled {
  background-color: transparent !important;
  border-color: transparent !important;
}
.Button---default_direction .Button---btn.Button---link_style.Button---inDarkBackground {
  color: #eee !important;
  fill: #eee !important;
}
.Button---default_direction.Button---btn.Button---icon_only {
  padding: 0 0.7857rem !important;
}
.Button---default_direction.Button---btn.Button---small {
  font-size: 0.9286rem !important;
  /* height and width of svg icon in small button should match this value */
  height: 2.4286rem !important;
}
.Button---default_direction.Button---btn.Button---small.Button---icon_only {
  padding: 0 0.6785rem !important;
}
.Button---default_direction.Button---btn.Button---large {
  font-size: 1.2857rem !important;
  /* height and width of svg icon in large button should match this value */
  line-height: 2.9286rem !important;
  height: 3.5rem !important;
}
.Button---default_direction.Button---btn.Button---large.Button---icon_only {
  padding: 0 1.0357rem !important;
}
.Button---default_direction.Button---btn.Button---icon_only:not(.Button---minimize_width).Button---inMobilePreview {
  /* On browsers and mobile app:
      FILL buttons always take up full width. MINIMIZE never take up full width.
      On mobile app:
      DEFAULT buttons take up full width. Icon-only DEFAULT buttons also take up full width
      (on browsers icon-only buttons do not take up full width). */
  width: 100% !important;
  max-width: 100% !important;
}
.Button---default_direction.Button---btn_wrapper.Button---fill_width,
.Button---default_direction.Button---btn_wrapper.Button---fill_width .Button---btn {
  display: block !important;
  max-width: none !important;
}
.Button---default_direction.Button---btn_wrapper.Button---fill_width .Button---btn {
  width: 100% !important;
}
.Button---default_direction.Button---btn_wrapper.Button---btn_wrapper.Button---btn_wrapper.Button---fill_width {
  margin-right: 0 !important;
  margin-left: 0 !important;
  max-width: none !important;
}
.Button---default_direction.Button---btn_wrapper.Button---fill_width:not(.appian-context-last-in-list) {
  margin-bottom: 10px !important;
}
.appian-context-ux-page-size-phone .Button---default_direction.Button---btn_wrapper.Button---minimize_width:not(.appian-context-last-in-list) {
  margin-bottom: 0 !important;
}
.appian-context-ux-page-size-phone .Button---default_direction.Button---btn_wrapper.Button---in_align_start.Button---minimize_width:not(.appian-context-last-in-list):not(.Button---inDatePicker) {
  margin-right: 4px !important;
}
.appian-context-ux-page-size-phone .Button---default_direction.Button---btn_wrapper.Button---in_align_end.Button---minimize_width:not(.appian-context-first-in-list):not(.Button---inDatePicker) {
  margin-left: 4px !important;
}
.appian-context-ux-page-size-phone .Button---default_direction.Button---btn_wrapper.Button---in_align_center.Button---minimize_width:not(.Button---inDatePicker) {
  margin-right: 2px !important;
  margin-left: 2px !important;
}
.Button---default_direction.Button---btn.Button---fit {
  /* used in decision designer hit policy dropdown */
  padding: 0 0 0 3px !important;
  /* padding-left needed to center button contents */
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  margin: 0 !important;
}
.appian-context-browser-safari .Button---default_direction.Button---btn.Button---fit {
  padding-left: 2px !important;
}
.Button---default_direction.Button---btn.Button---semi_rounded {
  border-radius: 0.2857rem !important;
}
.Button---default_direction.Button---btn.Button---rounded {
  border-radius: 1.7857rem !important;
}
.Button---default_direction.Button---btn.Button---squared {
  border-radius: 0 !important;
}
.Button---default_direction.Button---btn.Button---search {
  border-radius: 0rem !important;
  padding: 0 0.5rem !important;
}
.Button---default_direction.Button---btn.Button---icon_only.Button---small.Button---inFontAwesomeIconPicker:not(.Button---has_pulldown) {
  padding: 0 !important;
  width: 3rem !important;
  height: 3rem !important;
  margin: 0 3px 3px 0 !important;
}
.Button---default_direction.Button---btn.Button---icon_only.Button---small.Button---inFontAwesomeIconPicker:not(.Button---has_pulldown) svg.Button---icon {
  width: 1.4286rem !important;
  height: 1.4286rem !important;
}
.Button---default_direction.Button---button_box {
  margin: 20px 0 !important;
}
@media print {
  .Button---default_direction {
    print-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }
  .Button---default_direction.Button---btn.Button---icon_only.Button---follow {
    display: none !important;
  }
}
.Button---default_direction.Button---btn.Button---icon_only.Button---follow svg.Button---icon {
  height: 2rem !important;
  width: 2rem !important;
}
.Button---default_direction.Button---btn.Button---icon_only.Button---follow {
  padding: 0 5px 2px 8px !important;
}
.Button---default_direction.Button---btn:not(.Button---icon_only) i.Button---icon {
  margin-right: 0.4286rem !important;
}
.Button---default_direction.Button---btn.Button---has_pulldown:not(.Button---fit) {
  padding-right: 0.5rem !important;
}
.Button---default_direction.Button---btn.Button---icon_only.Button---has_pulldown {
  padding-right: 0.6429rem !important;
}
.Button---default_direction.Button---btn.Button---small.Button---has_pulldown {
  padding-right: 0.4286rem !important;
}
.Button---default_direction.Button---btn.Button---small.Button---icon_only.Button---has_pulldown {
  padding-right: 0.6429rem !important;
  padding-left: 0.7143rem !important;
}
.Button---default_direction.Button---btn.Button---large.Button---has_pulldown {
  padding-right: 0.7143rem !important;
}
.Button---default_direction.Button---btn.Button---large.Button---icon_only.Button---has_pulldown {
  padding-right: 0.5rem !important;
}
.Button---default_direction.Button---btn.Button---has_pulldown svg.Button---pulldown {
  content: "" !important;
  display: inline-block !important;
  /* necessary for proper RTL behavior */
  width: 1rem !important;
  height: 1rem !important;
  margin-left: 0.2143rem !important;
  vertical-align: -0.1429rem !important;
}
.Button---default_direction.Button---btn.Button---small.Button---has_pulldown svg.Button---pulldown {
  width: 0.9286rem !important;
  /* matches the font-size defined in small buttons */
  height: 0.9286rem !important;
}
.Button---default_direction.Button---btn.Button---large.Button---has_pulldown svg.Button---pulldown {
  width: 1.2857rem !important;
  /* matches the font-size defined in large buttons */
  height: 1.2857rem !important;
}
.Button---default_direction.Button---btn.Button---has_pulldown.Button---no_label:not(.Button---icon_only) svg.Button---pulldown {
  margin-left: 0 !important;
}
.Button---default_direction.Button---btn.Button---has_pulldown.Button---no_label.Button---inFontAwesomeIconPicker:not(.Button---icon_only) svg.Button---pulldown {
  margin-left: 1.5rem !important;
}
.Button---default_direction .Button---disabled_btn_glass {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  z-index: 2000011 !important;
}
.Button---default_direction.Button---btn.Button---inSideBySide {
  margin: 0 !important;
}
.appian-context-ux-page-size-phone .Button---default_direction.Button---btn.Button---inButtonGroup {
  display: inline-block !important;
  width: auto !important;
}
.Button---default_direction.Button---btn.Button---inSignatureWidget,
.Button---default_direction.Button---btn_wrapper.Button---inSignatureWidget {
  max-width: 100% !important;
}
.Button---default_direction.Button---btn_wrapper:not(.Button---fill_width) + .Button---default_direction.Button---btn_wrapper:not(.Button---fill_width) .Button---default_direction.Button---btn.Button---inButtonGroup {
  margin-left: -1px !important;
}
.Button---default_direction.Button---btn_wrapper:not(.appian-context-first-in-list) .Button---default_direction.Button---btn.Button---inApplicationHeaderLayout.Button---inDarkBackground.Button---inButtonGroup {
  margin-left: 1px !important;
}
.Button---default_direction.Button---btn.Button---inButtonGroup:not(:disabled):active,
.Button---default_direction.Button---btn.Button---inButtonGroup:not(:disabled):hover,
.Button---default_direction.Button---btn.Button---inButtonGroup:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  box-shadow: 0 0px 2px #2173b2 inset !important;
}
.Button---default_direction.Button---btn.Button---inButtonGroup.Button---inAccentBackground:not(:disabled):active,
.Button---default_direction.Button---btn.Button---inButtonGroup.Button---inAccentBackground:not(:disabled):hover,
.Button---default_direction.Button---btn.Button---inButtonGroup.Button---inAccentBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  box-shadow: 0 0px 2px #fff inset !important;
}
.Button---default_direction.Button---btn.Button---link_style.Button---inButtonGroup.Button---inDarkBackground:not(:disabled):active,
.Button---default_direction.Button---btn.Button---link_style.Button---inButtonGroup.Button---inDarkBackground:not(:disabled):hover,
.Button---default_direction.Button---btn.Button---link_style.Button---inButtonGroup.Button---inDarkBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  box-shadow: 0 0px 2px #eee inset !important;
}
.Button---default_direction.Button---btn.Button---inButtonGroup.Button---secondary:not(:disabled):active,
.Button---default_direction.Button---btn.Button---inButtonGroup.Button---secondary:not(:disabled):hover,
.Button---default_direction.Button---btn.Button---inButtonGroup.Button---secondary:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.Button---default_direction.Button---btn_wrapper.Button---inFindReplaceWidget .Button---default_direction.Button---btn.Button---secondary:not(:disabled):active,
.Button---default_direction.Button---btn_wrapper.Button---inFindReplaceWidget .Button---default_direction.Button---btn.Button---secondary:not(:disabled):hover,
.Button---default_direction.Button---btn_wrapper.Button---inFindReplaceWidget .Button---default_direction.Button---btn.Button---secondary:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.Button---default_direction.Button---btn_wrapper.Button---inPickerWidget .Button---default_direction.Button---btn:not(:disabled):active,
.Button---default_direction.Button---btn_wrapper.Button---inPickerWidget .Button---default_direction.Button---btn:not(:disabled):hover,
.Button---default_direction.Button---btn_wrapper.Button---inPickerWidget .Button---default_direction.Button---btn:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  box-shadow: 0 0px 4px var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) inset !important;
}
.Button---default_direction.Button---btn.Button---inButtonGroup.Button---secondary.Button---inApplicationHeaderLayout:not(:disabled):active,
.Button---default_direction.Button---btn.Button---inButtonGroup.Button---secondary.Button---inApplicationHeaderLayout:not(:disabled):hover,
.Button---default_direction.Button---btn.Button---inButtonGroup.Button---secondary.Button---inApplicationHeaderLayout:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  box-shadow: 0 0px 4px #7781bd inset !important;
}
.Button---default_direction.Button---btn.Button---inButtonGroup.Button---destructive:active,
.Button---default_direction.Button---btn.Button---inButtonGroup.Button---destructive:hover,
.Button---default_direction.Button---btn.Button---inButtonGroup.Button---destructive:focus:not(.appian-context-ux-mouse-focus) {
  box-shadow: none !important;
}
.Button---default_direction.Button---btn_wrapper.Button---inPickerWidget {
  position: static !important;
}
.Button---default_direction.Button---btn_wrapper.Button---inPickerWidget .Button---default_direction.Button---btn {
  height: 100% !important;
  top: 0 !important;
  position: absolute !important;
  width: 24px !important;
  /* this number should be 1px more than the px value used to calculate ".picker.inline_choices .picker_value" width in PickerWidget.less */
  min-width: 24px !important;
  /* needed to override default button min-width */
  padding: 0 !important;
  margin: 0 0 0 -1px !important;
  color: var(--appian-text-color, #222) !important;
  fill: var(--appian-text-color, #222) !important;
  display: inline-block !important;
  vertical-align: middle !important;
  border-radius: 0 0rem 0rem 0 !important;
}
.appian-context-ux-page-size-phone .Button---default_direction.Button---btn_wrapper.Button---inPickerWidget .Button---default_direction.Button---btn {
  display: inline-block !important;
  width: initial !important;
  max-width: 2.1429rem !important;
}
.Button---default_direction.Button---btn_wrapper.Button---inFindReplaceWidget {
  width: 100% !important;
}
.Button---default_direction.Button---btn_wrapper.Button---inFindReplaceWidget .Button---default_direction.Button---btn.Button---small.Button---secondary {
  padding: 0 0.5rem !important;
  border-color: #bbb !important;
  width: 100% !important;
  background-color: #f9f9f9 !important;
  height: 2.4286rem !important;
  margin: 0 !important;
}
.Button---default_direction.Button---btn.Button---inConfigurationPanelHeader.Button---icon_only,
.Button---default_direction.Button---btn.Button---inConfigurationPanelHeader.Button---icon_only:not(:disabled):active,
.Button---default_direction.Button---btn.Button---inConfigurationPanelHeader.Button---icon_only:not(:disabled):hover,
.Button---default_direction.Button---btn.Button---inConfigurationPanelHeader.Button---icon_only:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  color: #fff !important;
  fill: #fff !important;
  line-height: 0.8571rem !important;
  font-size: 1rem !important;
  height: 1.2857rem !important;
  display: inline-block !important;
  padding: 1px 0 0 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  border: none !important;
  -webkit-transform: none !important;
          transform: none !important;
  vertical-align: top !important;
}
.Button---default_direction.Button---btn.Button---inReconcileDocumentToolbar.Button---primary svg.Button---icon {
  fill: #fff !important;
}
.Button---default_direction.Button---btn.Button---inReconcileDocumentToolbar svg.Button---icon {
  fill: #fff !important;
  height: 1.2857rem !important;
  width: 1.2857rem !important;
}
.Button---default_direction.Button---btn.Button---icon_only.Button---record_action_menu_icon.Button---minimize_width.Button---small {
  border: none !important;
  background-color: transparent !important;
  padding: 0 0.5rem !important;
  width: 2.4286rem !important;
  height: 2.4286rem !important;
}
.Button---default_direction.Button---btn.Button---icon_only.Button---record_action_menu_icon.Button---minimize_width.Button---small > svg {
  height: 1.4286rem !important;
  width: 1.4286rem !important;
  vertical-align: -0.5rem !important;
}
.Button---default_direction.Button---btn.Button---icon_only.Button---record_action_menu_icon.Button---minimize_width.Button---small.Button---inDarkBackground:not(:disabled):active,
.Button---default_direction.Button---btn.Button---icon_only.Button---record_action_menu_icon.Button---minimize_width.Button---small.Button---inDarkBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #eee !important;
}
.Button---default_direction.Button---btn.Button---icon_only.Button---record_action_menu_icon.Button---minimize_width.Button---small.Button---inDarkBackground:focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #eee !important;
}
.Button---default_direction.Button---btn.Button---icon_only.Button---record_action_menu_icon.Button---minimize_width.Button---small.Button---inDarkBackground > svg.Button---icon {
  fill: #eee !important;
}
.appian-context-browser-chrome .Button---default_direction.Button---btn.Button---inModalDialogLayout svg.Button---icon {
  -webkit-backface-visibility: hidden !important;
          backface-visibility: hidden !important;
  /* AN-129131 fixes flickering of svg icons in dialogs for chrome */
}
.Button---default_direction.Button---btn svg.Button---icon {
  content: "" !important;
  display: inline-block !important;
  height: 1rem !important;
  /* matches the font-size defined in standard buttons */
  width: 1rem !important;
  vertical-align: -0.1429rem !important;
  fill: inherit !important;
}
.Button---default_direction.Button---btn.Button---small svg.Button---icon {
  height: 0.9286rem !important;
  /* matches the font-size defined in small buttons */
  width: 0.9286rem !important;
}
.Button---default_direction.Button---btn.Button---large svg.Button---icon {
  height: 1.2857rem !important;
  /* matches the font-size defined in large buttons */
  width: 1.2857rem !important;
}
.Button---default_direction.Button---btn.Button---icon_only.Button---undoredo {
  padding: 0 9px !important;
}
.Button---default_direction.Button---btn.Button---icon_only.Button---undoredo svg.Button---icon {
  height: 12px !important;
  width: 16px !important;
  vertical-align: -1px !important;
  /*rtl:raw:
    transform: scaleX(-1);
    */
}
.Button---default_direction.Button---btn.Button---icon_only.Button---secondary.Button---hierarchy_navigator,
.Button---default_direction.Button---btn.Button---icon_only.Button---secondary.Button---site_preview_hierarchy_navigator {
  height: 43px !important;
  width: 43px !important;
  margin: 0 0 0 -1px !important;
  border-color: var(--appian-container-border-color, #d4d4d4) !important;
}
.Button---default_direction.Button---btn.Button---icon_only.Button---secondary.Button---hierarchy_navigator:hover,
.Button---default_direction.Button---btn.Button---icon_only.Button---secondary.Button---site_preview_hierarchy_navigator:hover {
  border-color: #1d659c !important;
  box-shadow: none !important;
}
.Button---default_direction.Button---btn.Button---icon_only.Button---secondary.Button---hierarchy_navigator:focus:not([data-appian-ux-mouse-focus]),
.Button---default_direction.Button---btn.Button---icon_only.Button---secondary.Button---site_preview_hierarchy_navigator:focus:not([data-appian-ux-mouse-focus]) {
  outline: 2px solid #1d659c !important;
  z-index: 2 !important;
}
.Button---default_direction.Button---btn.Button---icon_only.Button---secondary.Button---hierarchy_navigator:focus:not([data-appian-ux-mouse-focus]):after,
.Button---default_direction.Button---btn.Button---icon_only.Button---secondary.Button---site_preview_hierarchy_navigator:focus:not([data-appian-ux-mouse-focus]):after {
  display: none !important;
}
.Button---default_direction.Button---btn.Button---icon_only.Button---secondary.Button---hierarchy_navigator svg.Button---icon,
.Button---default_direction.Button---btn.Button---icon_only.Button---secondary.Button---site_preview_hierarchy_navigator svg.Button---icon {
  /*rtl:raw:
      transform: scaleX(-1);
      */
}
.Button---default_direction.Button---btn.Button---icon_only.Button---secondary.Button---site_preview_hierarchy_navigator {
  height: 58px !important;
  width: 58px !important;
}
.Button---default_direction.Button---btn.Button---icon_only.Button---secondary.Button---site_preview_hierarchy_navigator:hover,
.Button---default_direction.Button---btn.Button---icon_only.Button---secondary.Button---site_preview_hierarchy_navigator :focus:not([data-appian-ux-mouse-focus]) {
  z-index: 3 !important;
  /* Needed to place just above the adjacent card */
}
.Button---default_direction.Button---btn_wrapper.Button---pointer_events,
.Button---default_direction.Button---btn_wrapper.Button---pointer_events svg {
  pointer-events: none !important;
}
.Button---default_direction.Button---btn_wrapper.Button---pointer_events button,
.Button---default_direction.Button---btn_wrapper.Button---pointer_events .Button---disabled_btn_glass {
  pointer-events: all !important;
}
.Button---default_direction.Button---btn.Button---has_indicator svg.Button---indicator {
  content: "" !important;
  display: inline-block !important;
  /* necessary for proper RTL behavior */
  width: 0.7143rem !important;
  height: 0.7143rem !important;
  margin-left: 0.4286rem !important;
  vertical-align: 0px !important;
  fill: #de0037 !important;
  background-color: #de0037 !important;
  border: 1px solid #de0037 !important;
  border-radius: 1rem !important;
}
.Button---default_direction.Button---btn.Button---destructive.Button---has_indicator:not(:disabled):hover svg.Button---indicator,
.Button---default_direction.Button---btn.Button---destructive.Button---has_indicator:not(:disabled):focus svg.Button---indicator,
.Button---default_direction.Button---btn.Button---primary.Button---has_indicator svg.Button---indicator,
.Button---default_direction.Button---btn.Button---link_style.Button---inDarkBackground.Button---has_indicator svg.Button---indicator {
  border-color: #fff !important;
}
.Button---default_direction.Button---btn.Button---small.Button---has_indicator svg.Button---indicator {
  margin-left: 0.3571rem !important;
}
.Button---default_direction.Button---btn.Button---large.Button---has_indicator svg.Button---indicator {
  width: 0.8671rem !important;
  height: 0.8671rem !important;
  vertical-align: 1px !important;
}
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---outline ~ svg.Button---loading_icon,
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---ghost ~ svg.Button---loading_icon,
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---link_v1 ~ svg.Button---loading_icon,
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---solid ~ svg.Button---loading_icon {
  fill: var(--appian-custom-hex-color) !important;
}
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---outline:not(:disabled):hover,
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---ghost:not(:disabled):hover,
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---link_v1:not(:disabled):hover,
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---solid:not(:disabled):hover {
  box-shadow: 0 0px 5px var(--appian-custom-hex-glow-color) !important;
}
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---outline,
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---ghost,
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---link_v1 {
  background-color: transparent !important;
}
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---outline:disabled,
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---ghost:disabled,
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---link_v1:disabled {
  background-color: transparent !important;
}
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---outline {
  border-color: var(--appian-custom-hex-color) !important;
  color: var(--appian-custom-hex-color) !important;
  fill: var(--appian-custom-hex-color) !important;
}
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---outline:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-custom-hex-color) !important;
}
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---ghost {
  border-color: var(--appian-custom-hex-color) !important;
  color: var(--appian-custom-hex-color) !important;
  fill: var(--appian-custom-hex-color) !important;
}
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---ghost:not(:disabled):hover,
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---ghost:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: var(--appian-custom-hex-color) !important;
  color: var(--appian-custom-hex-inverted-color) !important;
  fill: var(--appian-custom-hex-inverted-color) !important;
}
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---ghost:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-custom-hex-inverted-color) !important;
}
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---link_v1 {
  border-color: transparent !important;
  color: var(--appian-custom-hex-color) !important;
  fill: var(--appian-custom-hex-color) !important;
}
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---link_v1:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-custom-hex-color) !important;
}
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---solid {
  background-color: var(--appian-custom-hex-color) !important;
  border-color: var(--appian-custom-hex-color) !important;
  color: var(--appian-custom-hex-inverted-color) !important;
  fill: var(--appian-custom-hex-inverted-color) !important;
}
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---solid:disabled {
  background-color: var(--appian-custom-hex-color) !important;
  color: var(--appian-custom-hex-disabled-inverted-color) !important;
  fill: var(--appian-custom-hex-disabled-inverted-color) !important;
}
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---solid:not(:disabled):hover,
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: var(--appian-custom-hex-glow-color) !important;
}
.Button---default_direction.Button---btn_wrapper .Button---btn.Button---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-custom-hex-inverted-color) !important;
}
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn ~ svg.Button---loading_icon,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled ~ svg.Button---loading_icon {
  fill: var(--appian-subtle-text-color, #666) !important;
}
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---outline,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---outline,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---ghost,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---ghost,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---link_v1,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---link_v1,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---solid,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---solid {
  color: var(--appian-subtle-text-color, #666) !important;
  fill: var(--appian-subtle-text-color, #666) !important;
}
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---outline:not(:disabled):hover,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---outline:not(:disabled):hover,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---ghost:not(:disabled):hover,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---ghost:not(:disabled):hover,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---link_v1:not(:disabled):hover,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---link_v1:not(:disabled):hover,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---solid:not(:disabled):hover,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---solid:not(:disabled):hover {
  box-shadow: 0 0px 5px var(--appian-choice-border-color, #bbb) !important;
}
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---outline:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---outline:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---ghost:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---ghost:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---link_v1:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---link_v1:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-subtle-text-color, #666) !important;
}
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---outline,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---outline,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---ghost,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---ghost {
  border-color: var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---ghost:not(:disabled):hover,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---ghost:not(:disabled):hover,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---ghost:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---ghost:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: #f0f0f0 !important;
  color: var(--appian-subtle-text-color, #666) !important;
  fill: var(--appian-subtle-text-color, #666) !important;
}
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---solid,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---solid {
  background-color: #f0f0f0 !important;
  border-color: #f0f0f0 !important;
}
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---solid:not(:disabled):hover,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---solid:not(:disabled):hover,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: #f5f5f5 !important;
}
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-subtle-text-color, #666) !important;
}
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---solid.Button---inThemedLayout,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---solid.Button---inThemedLayout {
  background-color: #f0f0f0 !important;
  border-color: #f0f0f0 !important;
}
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inAccentBackground:not(.Button---inDarkAccentBackground).Button---outline,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inAccentBackground:not(.Button---inDarkAccentBackground).Button---ghost {
  border-color: var(--appian-subtle-text-color, #666) !important;
}
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---outline:not(:disabled):hover,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---outline:not(:disabled):hover,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---ghost:not(:disabled):hover,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---ghost:not(:disabled):hover,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---link_v1:not(:disabled):hover,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---link_v1:not(:disabled):hover,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---solid:not(:disabled):hover,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---solid:not(:disabled):hover {
  box-shadow: 0 0px 5px #f0f0f0 !important;
}
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---outline,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---outline,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---ghost,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---ghost,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---link_v1,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---link_v1 {
  color: var(--appian-input-border-color, #ddd) !important;
  fill: var(--appian-input-border-color, #ddd) !important;
}
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---outline.Button---dark_theme,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---outline.Button---dark_theme,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---ghost.Button---dark_theme,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---ghost.Button---dark_theme,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---link_v1.Button---dark_theme,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---link_v1.Button---dark_theme {
  color: var(--appian-text-color, #222) !important;
  fill: var(--appian-text-color, #222) !important;
}
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---ghost,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---ghost,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---outline,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---outline {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---outline:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---outline:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---link_v1:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---link_v1:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground ~ svg.Button---loading_icon,
.Button---default_direction.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground ~ svg.Button---loading_icon {
  fill: var(--appian-input-border-color, #ddd) !important;
}
/* rtl:begin:ignore */
.Button---force_ltr {
  direction: ltr !important;
  /* repeated class name is a specificity hack to override buttonLayout2 styles for margin on child buttons */
  /* Margin styles for MINIMIZE buttons override margin styles set in ButtonLayout2 */
  /***************************************
            EVOLVED STYLES
***************************************/
  /***************************************
        END OF EVOLVED STYLES
***************************************/
}
.Button---force_ltr.Button---btn_wrapper {
  display: inline-block !important;
  position: relative !important;
}
.Button---force_ltr.Button---btn_wrapper:not(.Button---minimize_width):not(.Button---fill_width) {
  /* FILL buttons always take up full width. MINIMIZE never take up full width.
        On a phone-sized browser:
        DEFAULT buttons take up full width. Icon-only DEFAULT buttons do not take up full width.
        DEFAULT icon-only buttons stack. MINIMIZE icon-only buttons do not stack. */
}
.appian-context-ux-page-size-phone .Button---force_ltr.Button---btn_wrapper:not(.Button---minimize_width):not(.Button---fill_width) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---inGridLayout {
  /* Max grid column width - horizontal padding. Keep in sync with grids.less */
  max-width: calc(300px - 2 * 0.1429rem) !important;
}
.Button---force_ltr.Button---btn {
  cursor: pointer !important;
  text-transform: var(--appian-button-text-transform, uppercase) !important;
  text-align: center !important;
  font-family: inherit !important;
  color: #1d659c !important;
  fill: #1d659c !important;
  font-size: 1rem !important;
  /* height and width of svg icon in standard button should match this value */
  line-height: 1.4 !important;
  /* needed for correct vertical alignment of text on Tempo */
  font-weight: 600 !important;
  height: 2.7143rem !important;
  vertical-align: middle !important;
  margin: 1px 0 !important;
  /* 0 margin left/right needed for correct spacing on Safari */
  max-width: 28em !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  background-color: #fff !important;
  border: 1px solid #1d659c !important;
  border-radius: 0rem !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-transition-duration: 0.2s !important;
  transition-duration: 0.2s !important;
  -webkit-transition-property: -webkit-transform !important;
  transition-property: -webkit-transform !important;
  transition-property: transform !important;
  transition-property: transform, -webkit-transform !important;
  -webkit-font-smoothing: antialiased !important;
  /* Safari-only: smooth transform */
}
.Button---force_ltr.Button---btn.Button---match_input_shape {
  border-radius: 0rem !important;
}
.Button---force_ltr.Button---btn.Button---inAccentBackground {
  color: #fff !important;
  fill: #fff !important;
  background-color: #1d659c !important;
  border: 1px solid #fff !important;
}
.Button---force_ltr.Button---btn:not(.Button---minimize_width):not(.Button---fill_width):not(.Button---icon_only) {
  /* FILL buttons always take up full width. MINIMIZE never take up full width.
      On a phone-sized browser:
      DEFAULT buttons take up full width. Icon-only DEFAULT buttons do not take up full width.
      DEFAULT icon-only buttons stack. MINIMIZE icon-only buttons do not stack. */
}
.appian-context-ux-page-size-phone .Button---force_ltr.Button---btn:not(.Button---minimize_width):not(.Button---fill_width):not(.Button---icon_only) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
.Button---force_ltr.Button---btn:disabled {
  -webkit-transform: none !important;
          transform: none !important;
  opacity: 0.5 !important;
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  cursor: default !important;
  box-shadow: none !important;
}
.Button---force_ltr.Button---btn.Button---inAccentBackground:disabled {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
}
.Button---force_ltr.Button---btn:not(:disabled):active,
.Button---force_ltr.Button---btn:not(:disabled):hover {
  box-shadow: 0 0px 5px #2173b2 !important;
}
.Button---force_ltr.Button---btn.Button---inAccentBackground:not(:disabled):active,
.Button---force_ltr.Button---btn.Button---inAccentBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #fff !important;
}
.Button---force_ltr:not(.Button---accent):not(.Button---secondary):not(.Button---negative):not(.Button---hex) .Button---btn.Button---link_style.Button---inDarkBackground:not(:disabled):active,
.Button---force_ltr:not(.Button---accent):not(.Button---secondary):not(.Button---negative):not(.Button---hex) .Button---btn.Button---link_style.Button---inDarkBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #eee !important;
}
.Button---force_ltr.Button---btn:not(:disabled):active {
  -webkit-transform: scaleX(0.98) scaleY(0.98) !important;
  transform: scaleX(0.98) scaleY(0.98) !important;
}
.Button---force_ltr.Button---btn.Button---inGridLayout {
  max-width: 100% !important;
}
.Button---force_ltr.Button---btn.Button---inToolbarLayout.Button---icon_only {
  height: 1.5714rem !important;
  margin: 0 !important;
  color: #666 !important;
  fill: #666 !important;
  border-color: transparent !important;
  background-color: transparent !important;
}
.Button---force_ltr.Button---btn.Button---inToolbarLayout.Button---icon_only {
  padding: 2px 6px !important;
}
.Button---force_ltr.Button---btn.Button---inToolbarLayout:not(:disabled):active,
.Button---force_ltr.Button---btn.Button---inToolbarLayout:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.Button---force_ltr.Button---btn.Button---inToolbarLayout:not(:disabled):hover {
  box-shadow: 0 0px 4px var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-color: #bbb !important;
}
.Button---force_ltr.Button---btn.Button---inToolbarLayout svg.Button---icon {
  vertical-align: 0 !important;
}
.Button---force_ltr.Button---btn:focus {
  outline: none !important;
}
.Button---force_ltr.Button---btn::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
.Button---force_ltr.Button---btn {
  position: relative !important;
}
.Button---force_ltr.Button---btn:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  content: "" !important;
  position: absolute !important;
  top: 1px !important;
  left: 1px !important;
  height: calc(100% - 2px) !important;
  width: calc(100% - 2px) !important;
  border: 1px solid #1d659c !important;
  border-radius: inherit !important;
}
.Button---force_ltr.Button---btn.Button---inAccentBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #fff !important;
}
.Button---force_ltr:not(.Button---accent):not(.Button---secondary):not(.Button---negative):not(.Button---hex) .Button---btn.Button---link_style.Button---inDarkBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #eee !important;
}
.appian-context-os-ios .Button---force_ltr.Button---btn {
  font-family: -apple-system !important;
}
.appian-context-os-android .Button---force_ltr.Button---btn {
  font-family: "Roboto" !important;
}
.Button---force_ltr.Button---btn.Button---is_loading:disabled.Button---no_label .Button---icon {
  fill: transparent !important;
}
.Button---force_ltr.Button---btn.Button---is_loading:disabled ~ svg.Button---loading_icon {
  position: absolute !important;
  width: 1rem !important;
  height: 1rem !important;
  top: calc(50% - .5rem) !important;
  left: calc(50% - .5rem) !important;
  -webkit-animation: Button---spin linear infinite 2s !important;
  animation: Button---spin linear infinite 2s !important;
  fill: var(--appian-custom-hex-color) !important;
}
.Button---force_ltr.Button---btn.Button---is_loading:disabled.Button---small ~ svg.Button---loading_icon {
  width: 0.9286rem !important;
  /* matches the font-size defined in small buttons */
  height: 0.9286rem !important;
  top: calc(50% - .4643rem) !important;
  left: calc(50% - .4643rem) !important;
}
.Button---force_ltr.Button---btn.Button---is_loading:disabled.Button---large ~ svg.Button---loading_icon {
  width: 1.2857rem !important;
  /* matches the font-size defined in large buttons */
  height: 1.2857rem !important;
  top: calc(50% - .6428rem) !important;
  left: calc(50% - .6428rem) !important;
}
:not(.Button---accent):not(.Button---secondary):not(.Button---negative):not(.Button---hex).Button---inAccentBackground .Button---force_ltr.Button---btn.Button---is_loading:disabled ~ svg.Button---loading_icon {
  fill: #fff !important;
}
:not(.Button---accent):not(.Button---secondary):not(.Button---negative):not(.Button---hex).Button---inDarkBackground .Button---force_ltr.Button---btn.Button---is_loading:disabled ~ svg.Button---loading_icon {
  fill: #eee !important;
}
.Button---force_ltr.Button---btn.Button---is_loading:disabled.Button---secondary:not(.Button---inAccentBackground):not(.Button---inDarkBackground) ~ svg.Button---loading_icon {
  fill: var(--appian-subtle-text-color, #666) !important;
}
.Button---force_ltr.Button---btn.Button---is_loading:disabled.Button---destructive:not(.Button---inAccentBackground):not(.Button---inDarkBackground) ~ svg.Button---loading_icon {
  fill: #de0037 !important;
}
.Button---force_ltr.Button---btn.Button---primary {
  background-color: #1d659c !important;
  border-color: #1d659c !important;
  color: #fff !important;
  fill: #fff !important;
}
.Button---force_ltr.Button---btn.Button---primary.Button---inAccentBackground {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #1d659c !important;
  fill: #1d659c !important;
}
.Button---force_ltr.Button---btn.Button---primary:disabled {
  background-color: #1d659c !important;
  color: #ddd !important;
  fill: #ddd !important;
}
.Button---force_ltr.Button---btn.Button---primary.Button---inAccentBackground:disabled {
  background-color: #ddd !important;
  color: #1d659c !important;
  fill: #1d659c !important;
}
.Button---force_ltr.Button---btn.Button---primary:not(:disabled):hover,
.Button---force_ltr.Button---btn.Button---primary:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: #2173b2 !important;
}
.Button---force_ltr.Button---btn.Button---primary:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #fff !important;
}
.Button---force_ltr.Button---btn.Button---primary.Button---inAccentBackground:not(:disabled):hover,
.Button---force_ltr.Button---btn.Button---primary.Button---inAccentBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: #fff !important;
}
.Button---force_ltr.Button---btn.Button---primary.Button---inAccentBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #2173b2 !important;
}
.Button---force_ltr.Button---btn.Button---secondary {
  border-color: var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  color: var(--appian-subtle-text-color, #666) !important;
  fill: var(--appian-subtle-text-color, #666) !important;
}
.Button---force_ltr.Button---btn.Button---secondary.Button---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.Button---force_ltr.Button---btn.Button---secondary:not(:disabled):active,
.Button---force_ltr.Button---btn.Button---secondary:not(:disabled):hover {
  box-shadow: 0 0px 5px var(--appian-choice-border-color, #bbb) !important;
}
.Button---inApplicationHeaderLayout.Button---force_ltr.Button---btn.Button---secondary:not(:disabled):active,
.Button---inApplicationHeaderLayout.Button---force_ltr.Button---btn.Button---secondary:not(:disabled):hover {
  box-shadow: 0 0px 5px #7781bd !important;
}
.Button---force_ltr.Button---btn.Button---secondary.Button---inAccentBackground {
  border-color: #fff !important;
  color: #fff !important;
  fill: #fff !important;
}
.Button---force_ltr.Button---btn.Button---secondary.Button---inApplicationHeaderLayout.Button---inDarkBackground {
  border-color: #7781bd !important;
  color: #fff !important;
  fill: #fff !important;
  background-color: transparent !important;
}
.Button---force_ltr.Button---btn.Button---secondary.Button---inApplicationHeaderLayout.Button---inDarkBackground:disabled {
  color: #aaa !important;
  fill: #aaa !important;
}
.Button---force_ltr.Button---btn.Button---secondary.Button---inApplicationHeaderLayout.Button---inDarkBackground:not(:disabled):focus:not([data-appian-ux-mouse-focus]):after {
  border-color: #7781bd !important;
}
.Button---force_ltr.Button---btn.Button---secondary.Button---inAccentBackground:not(:disabled):active,
.Button---force_ltr.Button---btn.Button---secondary.Button---inAccentBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #fff !important;
}
.Button---force_ltr.Button---btn.Button---destructive,
.Button---force_ltr.Button---btn.Button---destructive.Button---inAccentBackground,
.Button---force_ltr.Button---btn.Button---destructive.Button---inAccentBackground:disabled {
  background-color: #fff !important;
  border-color: #de0037 !important;
  color: #de0037 !important;
  fill: #de0037 !important;
}
.Button---force_ltr.Button---btn.Button---destructive:not(:disabled):hover,
.Button---force_ltr.Button---btn.Button---destructive:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.Button---force_ltr.Button---btn.Button---destructive.Button---inAccentBackground:not(:disabled):hover,
.Button---force_ltr.Button---btn.Button---destructive.Button---inAccentBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: #de0037 !important;
  color: #eee !important;
  fill: #eee !important;
}
.Button---force_ltr.Button---btn.Button---destructive:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button---force_ltr.Button---btn.Button---destructive.Button---inAccentBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #eee !important;
}
.Button---force_ltr.Button---btn.Button---destructive:not(:disabled):active,
.Button---force_ltr.Button---btn.Button---destructive:not(:disabled):hover {
  box-shadow: 0 0px 5px #de0037 !important;
}
.Button---force_ltr.Button---btn.Button---link_style,
.Button---force_ltr.Button---btn.Button---link_style:disabled,
.Button---force_ltr.Button---btn.Button---link_style.Button---inAccentBackground,
.Button---force_ltr.Button---btn.Button---link_style.Button---inAccentBackground:disabled {
  background-color: transparent !important;
  border-color: transparent !important;
}
.Button---force_ltr .Button---btn.Button---link_style.Button---inDarkBackground {
  color: #eee !important;
  fill: #eee !important;
}
.Button---force_ltr.Button---btn.Button---icon_only {
  padding: 0 0.7857rem !important;
}
.Button---force_ltr.Button---btn.Button---small {
  font-size: 0.9286rem !important;
  /* height and width of svg icon in small button should match this value */
  height: 2.4286rem !important;
}
.Button---force_ltr.Button---btn.Button---small.Button---icon_only {
  padding: 0 0.6785rem !important;
}
.Button---force_ltr.Button---btn.Button---large {
  font-size: 1.2857rem !important;
  /* height and width of svg icon in large button should match this value */
  line-height: 2.9286rem !important;
  height: 3.5rem !important;
}
.Button---force_ltr.Button---btn.Button---large.Button---icon_only {
  padding: 0 1.0357rem !important;
}
.Button---force_ltr.Button---btn.Button---icon_only:not(.Button---minimize_width).Button---inMobilePreview {
  /* On browsers and mobile app:
      FILL buttons always take up full width. MINIMIZE never take up full width.
      On mobile app:
      DEFAULT buttons take up full width. Icon-only DEFAULT buttons also take up full width
      (on browsers icon-only buttons do not take up full width). */
  width: 100% !important;
  max-width: 100% !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---fill_width,
.Button---force_ltr.Button---btn_wrapper.Button---fill_width .Button---btn {
  display: block !important;
  max-width: none !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---fill_width .Button---btn {
  width: 100% !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---btn_wrapper.Button---btn_wrapper.Button---fill_width {
  margin-right: 0 !important;
  margin-left: 0 !important;
  max-width: none !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---fill_width:not(.appian-context-last-in-list) {
  margin-bottom: 10px !important;
}
.appian-context-ux-page-size-phone .Button---force_ltr.Button---btn_wrapper.Button---minimize_width:not(.appian-context-last-in-list) {
  margin-bottom: 0 !important;
}
.appian-context-ux-page-size-phone .Button---force_ltr.Button---btn_wrapper.Button---in_align_start.Button---minimize_width:not(.appian-context-last-in-list):not(.Button---inDatePicker) {
  margin-right: 4px !important;
}
.appian-context-ux-page-size-phone .Button---force_ltr.Button---btn_wrapper.Button---in_align_end.Button---minimize_width:not(.appian-context-first-in-list):not(.Button---inDatePicker) {
  margin-left: 4px !important;
}
.appian-context-ux-page-size-phone .Button---force_ltr.Button---btn_wrapper.Button---in_align_center.Button---minimize_width:not(.Button---inDatePicker) {
  margin-right: 2px !important;
  margin-left: 2px !important;
}
.Button---force_ltr.Button---btn.Button---fit {
  /* used in decision designer hit policy dropdown */
  padding: 0 0 0 3px !important;
  /* padding-left needed to center button contents */
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  margin: 0 !important;
}
.appian-context-browser-safari .Button---force_ltr.Button---btn.Button---fit {
  padding-left: 2px !important;
}
.Button---force_ltr.Button---btn.Button---semi_rounded {
  border-radius: 0.2857rem !important;
}
.Button---force_ltr.Button---btn.Button---rounded {
  border-radius: 1.7857rem !important;
}
.Button---force_ltr.Button---btn.Button---squared {
  border-radius: 0 !important;
}
.Button---force_ltr.Button---btn.Button---search {
  border-radius: 0rem !important;
  padding: 0 0.5rem !important;
}
.Button---force_ltr.Button---btn.Button---icon_only.Button---small.Button---inFontAwesomeIconPicker:not(.Button---has_pulldown) {
  padding: 0 !important;
  width: 3rem !important;
  height: 3rem !important;
  margin: 0 3px 3px 0 !important;
}
.Button---force_ltr.Button---btn.Button---icon_only.Button---small.Button---inFontAwesomeIconPicker:not(.Button---has_pulldown) svg.Button---icon {
  width: 1.4286rem !important;
  height: 1.4286rem !important;
}
.Button---force_ltr.Button---button_box {
  margin: 20px 0 !important;
}
@media print {
  .Button---force_ltr {
    print-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }
  .Button---force_ltr.Button---btn.Button---icon_only.Button---follow {
    display: none !important;
  }
}
.Button---force_ltr.Button---btn.Button---icon_only.Button---follow svg.Button---icon {
  height: 2rem !important;
  width: 2rem !important;
}
.Button---force_ltr.Button---btn.Button---icon_only.Button---follow {
  padding: 0 5px 2px 8px !important;
}
.Button---force_ltr.Button---btn:not(.Button---icon_only) i.Button---icon {
  margin-right: 0.4286rem !important;
}
.Button---force_ltr.Button---btn.Button---has_pulldown:not(.Button---fit) {
  padding-right: 0.5rem !important;
}
.Button---force_ltr.Button---btn.Button---icon_only.Button---has_pulldown {
  padding-right: 0.6429rem !important;
}
.Button---force_ltr.Button---btn.Button---small.Button---has_pulldown {
  padding-right: 0.4286rem !important;
}
.Button---force_ltr.Button---btn.Button---small.Button---icon_only.Button---has_pulldown {
  padding-right: 0.6429rem !important;
  padding-left: 0.7143rem !important;
}
.Button---force_ltr.Button---btn.Button---large.Button---has_pulldown {
  padding-right: 0.7143rem !important;
}
.Button---force_ltr.Button---btn.Button---large.Button---icon_only.Button---has_pulldown {
  padding-right: 0.5rem !important;
}
.Button---force_ltr.Button---btn.Button---has_pulldown svg.Button---pulldown {
  content: "" !important;
  display: inline-block !important;
  /* necessary for proper RTL behavior */
  width: 1rem !important;
  height: 1rem !important;
  margin-left: 0.2143rem !important;
  vertical-align: -0.1429rem !important;
}
.Button---force_ltr.Button---btn.Button---small.Button---has_pulldown svg.Button---pulldown {
  width: 0.9286rem !important;
  /* matches the font-size defined in small buttons */
  height: 0.9286rem !important;
}
.Button---force_ltr.Button---btn.Button---large.Button---has_pulldown svg.Button---pulldown {
  width: 1.2857rem !important;
  /* matches the font-size defined in large buttons */
  height: 1.2857rem !important;
}
.Button---force_ltr.Button---btn.Button---has_pulldown.Button---no_label:not(.Button---icon_only) svg.Button---pulldown {
  margin-left: 0 !important;
}
.Button---force_ltr.Button---btn.Button---has_pulldown.Button---no_label.Button---inFontAwesomeIconPicker:not(.Button---icon_only) svg.Button---pulldown {
  margin-left: 1.5rem !important;
}
.Button---force_ltr .Button---disabled_btn_glass {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  z-index: 2000011 !important;
}
.Button---force_ltr.Button---btn.Button---inSideBySide {
  margin: 0 !important;
}
.appian-context-ux-page-size-phone .Button---force_ltr.Button---btn.Button---inButtonGroup {
  display: inline-block !important;
  width: auto !important;
}
.Button---force_ltr.Button---btn.Button---inSignatureWidget,
.Button---force_ltr.Button---btn_wrapper.Button---inSignatureWidget {
  max-width: 100% !important;
}
.Button---force_ltr.Button---btn_wrapper:not(.Button---fill_width) + .Button---force_ltr.Button---btn_wrapper:not(.Button---fill_width) .Button---force_ltr.Button---btn.Button---inButtonGroup {
  margin-left: -1px !important;
}
.Button---force_ltr.Button---btn_wrapper:not(.appian-context-first-in-list) .Button---force_ltr.Button---btn.Button---inApplicationHeaderLayout.Button---inDarkBackground.Button---inButtonGroup {
  margin-left: 1px !important;
}
.Button---force_ltr.Button---btn.Button---inButtonGroup:not(:disabled):active,
.Button---force_ltr.Button---btn.Button---inButtonGroup:not(:disabled):hover,
.Button---force_ltr.Button---btn.Button---inButtonGroup:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  box-shadow: 0 0px 2px #2173b2 inset !important;
}
.Button---force_ltr.Button---btn.Button---inButtonGroup.Button---inAccentBackground:not(:disabled):active,
.Button---force_ltr.Button---btn.Button---inButtonGroup.Button---inAccentBackground:not(:disabled):hover,
.Button---force_ltr.Button---btn.Button---inButtonGroup.Button---inAccentBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  box-shadow: 0 0px 2px #fff inset !important;
}
.Button---force_ltr.Button---btn.Button---link_style.Button---inButtonGroup.Button---inDarkBackground:not(:disabled):active,
.Button---force_ltr.Button---btn.Button---link_style.Button---inButtonGroup.Button---inDarkBackground:not(:disabled):hover,
.Button---force_ltr.Button---btn.Button---link_style.Button---inButtonGroup.Button---inDarkBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  box-shadow: 0 0px 2px #eee inset !important;
}
.Button---force_ltr.Button---btn.Button---inButtonGroup.Button---secondary:not(:disabled):active,
.Button---force_ltr.Button---btn.Button---inButtonGroup.Button---secondary:not(:disabled):hover,
.Button---force_ltr.Button---btn.Button---inButtonGroup.Button---secondary:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.Button---force_ltr.Button---btn_wrapper.Button---inFindReplaceWidget .Button---force_ltr.Button---btn.Button---secondary:not(:disabled):active,
.Button---force_ltr.Button---btn_wrapper.Button---inFindReplaceWidget .Button---force_ltr.Button---btn.Button---secondary:not(:disabled):hover,
.Button---force_ltr.Button---btn_wrapper.Button---inFindReplaceWidget .Button---force_ltr.Button---btn.Button---secondary:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.Button---force_ltr.Button---btn_wrapper.Button---inPickerWidget .Button---force_ltr.Button---btn:not(:disabled):active,
.Button---force_ltr.Button---btn_wrapper.Button---inPickerWidget .Button---force_ltr.Button---btn:not(:disabled):hover,
.Button---force_ltr.Button---btn_wrapper.Button---inPickerWidget .Button---force_ltr.Button---btn:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  box-shadow: 0 0px 4px var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) inset !important;
}
.Button---force_ltr.Button---btn.Button---inButtonGroup.Button---secondary.Button---inApplicationHeaderLayout:not(:disabled):active,
.Button---force_ltr.Button---btn.Button---inButtonGroup.Button---secondary.Button---inApplicationHeaderLayout:not(:disabled):hover,
.Button---force_ltr.Button---btn.Button---inButtonGroup.Button---secondary.Button---inApplicationHeaderLayout:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  box-shadow: 0 0px 4px #7781bd inset !important;
}
.Button---force_ltr.Button---btn.Button---inButtonGroup.Button---destructive:active,
.Button---force_ltr.Button---btn.Button---inButtonGroup.Button---destructive:hover,
.Button---force_ltr.Button---btn.Button---inButtonGroup.Button---destructive:focus:not(.appian-context-ux-mouse-focus) {
  box-shadow: none !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---inPickerWidget {
  position: static !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---inPickerWidget .Button---force_ltr.Button---btn {
  height: 100% !important;
  top: 0 !important;
  position: absolute !important;
  width: 24px !important;
  /* this number should be 1px more than the px value used to calculate ".picker.inline_choices .picker_value" width in PickerWidget.less */
  min-width: 24px !important;
  /* needed to override default button min-width */
  padding: 0 !important;
  margin: 0 0 0 -1px !important;
  color: var(--appian-text-color, #222) !important;
  fill: var(--appian-text-color, #222) !important;
  display: inline-block !important;
  vertical-align: middle !important;
  border-radius: 0 0rem 0rem 0 !important;
}
.appian-context-ux-page-size-phone .Button---force_ltr.Button---btn_wrapper.Button---inPickerWidget .Button---force_ltr.Button---btn {
  display: inline-block !important;
  width: initial !important;
  max-width: 2.1429rem !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---inFindReplaceWidget {
  width: 100% !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---inFindReplaceWidget .Button---force_ltr.Button---btn.Button---small.Button---secondary {
  padding: 0 0.5rem !important;
  border-color: #bbb !important;
  width: 100% !important;
  background-color: #f9f9f9 !important;
  height: 2.4286rem !important;
  margin: 0 !important;
}
.Button---force_ltr.Button---btn.Button---inConfigurationPanelHeader.Button---icon_only,
.Button---force_ltr.Button---btn.Button---inConfigurationPanelHeader.Button---icon_only:not(:disabled):active,
.Button---force_ltr.Button---btn.Button---inConfigurationPanelHeader.Button---icon_only:not(:disabled):hover,
.Button---force_ltr.Button---btn.Button---inConfigurationPanelHeader.Button---icon_only:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  color: #fff !important;
  fill: #fff !important;
  line-height: 0.8571rem !important;
  font-size: 1rem !important;
  height: 1.2857rem !important;
  display: inline-block !important;
  padding: 1px 0 0 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  border: none !important;
  -webkit-transform: none !important;
          transform: none !important;
  vertical-align: top !important;
}
.Button---force_ltr.Button---btn.Button---inReconcileDocumentToolbar.Button---primary svg.Button---icon {
  fill: #fff !important;
}
.Button---force_ltr.Button---btn.Button---inReconcileDocumentToolbar svg.Button---icon {
  fill: #fff !important;
  height: 1.2857rem !important;
  width: 1.2857rem !important;
}
.Button---force_ltr.Button---btn.Button---icon_only.Button---record_action_menu_icon.Button---minimize_width.Button---small {
  border: none !important;
  background-color: transparent !important;
  padding: 0 0.5rem !important;
  width: 2.4286rem !important;
  height: 2.4286rem !important;
}
.Button---force_ltr.Button---btn.Button---icon_only.Button---record_action_menu_icon.Button---minimize_width.Button---small > svg {
  height: 1.4286rem !important;
  width: 1.4286rem !important;
  vertical-align: -0.5rem !important;
}
.Button---force_ltr.Button---btn.Button---icon_only.Button---record_action_menu_icon.Button---minimize_width.Button---small.Button---inDarkBackground:not(:disabled):active,
.Button---force_ltr.Button---btn.Button---icon_only.Button---record_action_menu_icon.Button---minimize_width.Button---small.Button---inDarkBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #eee !important;
}
.Button---force_ltr.Button---btn.Button---icon_only.Button---record_action_menu_icon.Button---minimize_width.Button---small.Button---inDarkBackground:focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #eee !important;
}
.Button---force_ltr.Button---btn.Button---icon_only.Button---record_action_menu_icon.Button---minimize_width.Button---small.Button---inDarkBackground > svg.Button---icon {
  fill: #eee !important;
}
.appian-context-browser-chrome .Button---force_ltr.Button---btn.Button---inModalDialogLayout svg.Button---icon {
  -webkit-backface-visibility: hidden !important;
          backface-visibility: hidden !important;
  /* AN-129131 fixes flickering of svg icons in dialogs for chrome */
}
.Button---force_ltr.Button---btn svg.Button---icon {
  content: "" !important;
  display: inline-block !important;
  height: 1rem !important;
  /* matches the font-size defined in standard buttons */
  width: 1rem !important;
  vertical-align: -0.1429rem !important;
  fill: inherit !important;
}
.Button---force_ltr.Button---btn.Button---small svg.Button---icon {
  height: 0.9286rem !important;
  /* matches the font-size defined in small buttons */
  width: 0.9286rem !important;
}
.Button---force_ltr.Button---btn.Button---large svg.Button---icon {
  height: 1.2857rem !important;
  /* matches the font-size defined in large buttons */
  width: 1.2857rem !important;
}
.Button---force_ltr.Button---btn.Button---icon_only.Button---undoredo {
  padding: 0 9px !important;
}
.Button---force_ltr.Button---btn.Button---icon_only.Button---undoredo svg.Button---icon {
  height: 12px !important;
  width: 16px !important;
  vertical-align: -1px !important;
  /*rtl:raw:
    transform: scaleX(-1);
    */
}
.Button---force_ltr.Button---btn.Button---icon_only.Button---secondary.Button---hierarchy_navigator,
.Button---force_ltr.Button---btn.Button---icon_only.Button---secondary.Button---site_preview_hierarchy_navigator {
  height: 43px !important;
  width: 43px !important;
  margin: 0 0 0 -1px !important;
  border-color: var(--appian-container-border-color, #d4d4d4) !important;
}
.Button---force_ltr.Button---btn.Button---icon_only.Button---secondary.Button---hierarchy_navigator:hover,
.Button---force_ltr.Button---btn.Button---icon_only.Button---secondary.Button---site_preview_hierarchy_navigator:hover {
  border-color: #1d659c !important;
  box-shadow: none !important;
}
.Button---force_ltr.Button---btn.Button---icon_only.Button---secondary.Button---hierarchy_navigator:focus:not([data-appian-ux-mouse-focus]),
.Button---force_ltr.Button---btn.Button---icon_only.Button---secondary.Button---site_preview_hierarchy_navigator:focus:not([data-appian-ux-mouse-focus]) {
  outline: 2px solid #1d659c !important;
  z-index: 2 !important;
}
.Button---force_ltr.Button---btn.Button---icon_only.Button---secondary.Button---hierarchy_navigator:focus:not([data-appian-ux-mouse-focus]):after,
.Button---force_ltr.Button---btn.Button---icon_only.Button---secondary.Button---site_preview_hierarchy_navigator:focus:not([data-appian-ux-mouse-focus]):after {
  display: none !important;
}
.Button---force_ltr.Button---btn.Button---icon_only.Button---secondary.Button---hierarchy_navigator svg.Button---icon,
.Button---force_ltr.Button---btn.Button---icon_only.Button---secondary.Button---site_preview_hierarchy_navigator svg.Button---icon {
  /*rtl:raw:
      transform: scaleX(-1);
      */
}
.Button---force_ltr.Button---btn.Button---icon_only.Button---secondary.Button---site_preview_hierarchy_navigator {
  height: 58px !important;
  width: 58px !important;
}
.Button---force_ltr.Button---btn.Button---icon_only.Button---secondary.Button---site_preview_hierarchy_navigator:hover,
.Button---force_ltr.Button---btn.Button---icon_only.Button---secondary.Button---site_preview_hierarchy_navigator :focus:not([data-appian-ux-mouse-focus]) {
  z-index: 3 !important;
  /* Needed to place just above the adjacent card */
}
.Button---force_ltr.Button---btn_wrapper.Button---pointer_events,
.Button---force_ltr.Button---btn_wrapper.Button---pointer_events svg {
  pointer-events: none !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---pointer_events button,
.Button---force_ltr.Button---btn_wrapper.Button---pointer_events .Button---disabled_btn_glass {
  pointer-events: all !important;
}
.Button---force_ltr.Button---btn.Button---has_indicator svg.Button---indicator {
  content: "" !important;
  display: inline-block !important;
  /* necessary for proper RTL behavior */
  width: 0.7143rem !important;
  height: 0.7143rem !important;
  margin-left: 0.4286rem !important;
  vertical-align: 0px !important;
  fill: #de0037 !important;
  background-color: #de0037 !important;
  border: 1px solid #de0037 !important;
  border-radius: 1rem !important;
}
.Button---force_ltr.Button---btn.Button---destructive.Button---has_indicator:not(:disabled):hover svg.Button---indicator,
.Button---force_ltr.Button---btn.Button---destructive.Button---has_indicator:not(:disabled):focus svg.Button---indicator,
.Button---force_ltr.Button---btn.Button---primary.Button---has_indicator svg.Button---indicator,
.Button---force_ltr.Button---btn.Button---link_style.Button---inDarkBackground.Button---has_indicator svg.Button---indicator {
  border-color: #fff !important;
}
.Button---force_ltr.Button---btn.Button---small.Button---has_indicator svg.Button---indicator {
  margin-left: 0.3571rem !important;
}
.Button---force_ltr.Button---btn.Button---large.Button---has_indicator svg.Button---indicator {
  width: 0.8671rem !important;
  height: 0.8671rem !important;
  vertical-align: 1px !important;
}
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---outline ~ svg.Button---loading_icon,
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---ghost ~ svg.Button---loading_icon,
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---link_v1 ~ svg.Button---loading_icon,
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---solid ~ svg.Button---loading_icon {
  fill: var(--appian-custom-hex-color) !important;
}
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---outline:not(:disabled):hover,
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---ghost:not(:disabled):hover,
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---link_v1:not(:disabled):hover,
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---solid:not(:disabled):hover {
  box-shadow: 0 0px 5px var(--appian-custom-hex-glow-color) !important;
}
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---outline,
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---ghost,
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---link_v1 {
  background-color: transparent !important;
}
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---outline:disabled,
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---ghost:disabled,
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---link_v1:disabled {
  background-color: transparent !important;
}
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---outline {
  border-color: var(--appian-custom-hex-color) !important;
  color: var(--appian-custom-hex-color) !important;
  fill: var(--appian-custom-hex-color) !important;
}
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---outline:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-custom-hex-color) !important;
}
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---ghost {
  border-color: var(--appian-custom-hex-color) !important;
  color: var(--appian-custom-hex-color) !important;
  fill: var(--appian-custom-hex-color) !important;
}
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---ghost:not(:disabled):hover,
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---ghost:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: var(--appian-custom-hex-color) !important;
  color: var(--appian-custom-hex-inverted-color) !important;
  fill: var(--appian-custom-hex-inverted-color) !important;
}
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---ghost:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-custom-hex-inverted-color) !important;
}
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---link_v1 {
  border-color: transparent !important;
  color: var(--appian-custom-hex-color) !important;
  fill: var(--appian-custom-hex-color) !important;
}
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---link_v1:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-custom-hex-color) !important;
}
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---solid {
  background-color: var(--appian-custom-hex-color) !important;
  border-color: var(--appian-custom-hex-color) !important;
  color: var(--appian-custom-hex-inverted-color) !important;
  fill: var(--appian-custom-hex-inverted-color) !important;
}
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---solid:disabled {
  background-color: var(--appian-custom-hex-color) !important;
  color: var(--appian-custom-hex-disabled-inverted-color) !important;
  fill: var(--appian-custom-hex-disabled-inverted-color) !important;
}
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---solid:not(:disabled):hover,
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: var(--appian-custom-hex-glow-color) !important;
}
.Button---force_ltr.Button---btn_wrapper .Button---btn.Button---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-custom-hex-inverted-color) !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn ~ svg.Button---loading_icon,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled ~ svg.Button---loading_icon {
  fill: var(--appian-subtle-text-color, #666) !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---outline,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---outline,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---ghost,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---ghost,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---link_v1,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---link_v1,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---solid,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---solid {
  color: var(--appian-subtle-text-color, #666) !important;
  fill: var(--appian-subtle-text-color, #666) !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---outline:not(:disabled):hover,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---outline:not(:disabled):hover,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---ghost:not(:disabled):hover,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---ghost:not(:disabled):hover,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---link_v1:not(:disabled):hover,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---link_v1:not(:disabled):hover,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---solid:not(:disabled):hover,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---solid:not(:disabled):hover {
  box-shadow: 0 0px 5px var(--appian-choice-border-color, #bbb) !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---outline:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---outline:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---ghost:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---ghost:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---link_v1:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---link_v1:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-subtle-text-color, #666) !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---outline,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---outline,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---ghost,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---ghost {
  border-color: var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---ghost:not(:disabled):hover,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---ghost:not(:disabled):hover,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---ghost:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---ghost:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: #f0f0f0 !important;
  color: var(--appian-subtle-text-color, #666) !important;
  fill: var(--appian-subtle-text-color, #666) !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---solid,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---solid {
  background-color: #f0f0f0 !important;
  border-color: #f0f0f0 !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---solid:not(:disabled):hover,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---solid:not(:disabled):hover,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: #f5f5f5 !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-subtle-text-color, #666) !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---solid.Button---inThemedLayout,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn:disabled.Button---solid.Button---inThemedLayout {
  background-color: #f0f0f0 !important;
  border-color: #f0f0f0 !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inAccentBackground:not(.Button---inDarkAccentBackground).Button---outline,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inAccentBackground:not(.Button---inDarkAccentBackground).Button---ghost {
  border-color: var(--appian-subtle-text-color, #666) !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---outline:not(:disabled):hover,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---outline:not(:disabled):hover,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---ghost:not(:disabled):hover,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---ghost:not(:disabled):hover,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---link_v1:not(:disabled):hover,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---link_v1:not(:disabled):hover,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---solid:not(:disabled):hover,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---solid:not(:disabled):hover {
  box-shadow: 0 0px 5px #f0f0f0 !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---outline,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---outline,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---ghost,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---ghost,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---link_v1,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---link_v1 {
  color: var(--appian-input-border-color, #ddd) !important;
  fill: var(--appian-input-border-color, #ddd) !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---outline.Button---dark_theme,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---outline.Button---dark_theme,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---ghost.Button---dark_theme,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---ghost.Button---dark_theme,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---link_v1.Button---dark_theme,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---link_v1.Button---dark_theme {
  color: var(--appian-text-color, #222) !important;
  fill: var(--appian-text-color, #222) !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---ghost,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---ghost,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---outline,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---outline {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---outline:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---outline:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground.Button---link_v1:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground.Button---link_v1:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkBackground ~ svg.Button---loading_icon,
.Button---force_ltr.Button---btn_wrapper.Button---secondary_color .Button---btn.Button---inDarkAccentBackground ~ svg.Button---loading_icon {
  fill: var(--appian-input-border-color, #ddd) !important;
}
/* rtl:end:ignore */
.Button---fill_cell {
  height: 100% !important;
  width: 100% !important;
}
.Button---label_icon_wrapper {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
  overflow: hidden !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.Button---label_text {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.Button---icon_end:not(.Button---icon_only) svg.Button---icon {
  margin-right: 0 !important;
  margin-left: 0.2857rem !important;
}
.Button---icon_start:not(.Button---icon_only) svg.Button---icon {
  margin-right: 0.2857rem !important;
  margin-left: 0 !important;
}
.Button---btn:not(.Button---icon_only) {
  min-width: 2.7143rem !important;
}
.Button---btn:not(.Button---icon_only).Button---small {
  padding: 0 0.5rem !important;
  min-width: 2.4286rem !important;
}
.Button---btn:not(.Button---icon_only).Button---large {
  padding: 0 1rem !important;
  min-width: 3.5rem !important;
}
.Button---btn:not(.Button---icon_only).Button---rounded {
  min-width: 2.7143rem !important;
  padding: 0 1.1429rem !important;
}
.Button---btn:not(.Button---icon_only).Button---rounded.Button---small {
  min-width: 2.4286rem !important;
  padding: 0 0.9286rem !important;
}
.Button---btn:not(.Button---icon_only).Button---rounded.Button---large {
  min-width: 3.5rem !important;
  padding: 0 1.4285rem !important;
}
.Button---btn:not(.Button---icon_only).Button---semi_rounded,
.Button---btn:not(.Button---icon_only).Button---squared {
  padding: 0 0.7143rem !important;
}
.Button---btn:not(.Button---icon_only).Button---semi_rounded.Button---small,
.Button---btn:not(.Button---icon_only).Button---squared.Button---small {
  padding: 0 0.5rem !important;
}
.Button---btn:not(.Button---icon_only).Button---semi_rounded.Button---large,
.Button---btn:not(.Button---icon_only).Button---squared.Button---large {
  padding: 0 1rem !important;
}
@-webkit-keyframes Button---spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes Button---spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.Button_APP_DESIGNER_FOLDER_VIEW_SETTINGS---btn {
  padding: 0 0.7143rem !important;
}
.Button_APP_DESIGNER_FOLDER_VIEW_SETTINGS---btn_wrapper {
  display: inline-block !important;
  position: relative !important;
}
.Button_APP_DESIGNER_FOLDER_VIEW_SETTINGS---btn_wrapper:not(.Button_APP_DESIGNER_FOLDER_VIEW_SETTINGS---minimize_width):not(.Button_APP_DESIGNER_FOLDER_VIEW_SETTINGS---fill_width) {
  /* FILL buttons always take up full width. MINIMIZE never take up full width.
        On a phone-sized browser:
        DEFAULT buttons take up full width. Icon-only DEFAULT buttons do not take up full width.
        DEFAULT icon-only buttons stack. MINIMIZE icon-only buttons do not stack. */
}
.appian-context-ux-page-size-phone .Button_APP_DESIGNER_FOLDER_VIEW_SETTINGS---btn_wrapper:not(.Button_APP_DESIGNER_FOLDER_VIEW_SETTINGS---minimize_width):not(.Button_APP_DESIGNER_FOLDER_VIEW_SETTINGS---fill_width) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
.Button_APP_DESIGNER_FOLDER_VIEW_SETTINGS---btn_wrapper.Button_APP_DESIGNER_FOLDER_VIEW_SETTINGS---inGridLayout {
  /* Max grid column width - horizontal padding. Keep in sync with grids.less */
  max-width: calc(300px - 2 * 0.1429rem) !important;
}
.Button_APP_DESIGNER_FOLDER_VIEW_SETTINGS---btn:focus {
  outline: none !important;
}
.Button_APP_DESIGNER_FOLDER_VIEW_SETTINGS---btn::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
button.Button_APP_DESIGNER_FOLDER_VIEW_SETTINGS---btn {
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 0 0 5px !important;
  border: none !important;
  background-color: transparent !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important;
  /* Safari-only: smooth transform */
}
.Button_APP_DESIGNER_FOLDER_VIEW_SETTINGS---btn svg {
  content: "" !important;
  display: inline-block !important;
  height: 17px !important;
  width: 17px !important;
  fill: #999 !important;
  vertical-align: -6px !important;
}
.Button_APP_DESIGNER_FOLDER_VIEW_SETTINGS---btn:hover svg,
.Button_APP_DESIGNER_FOLDER_VIEW_SETTINGS---btn:focus:not(.appian-context-ux-mouse-focus) svg {
  fill: #1d659c !important;
}

.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn {
  padding: 0 0.7143rem !important;
}
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper {
  --appian-custom-hex-color: #1d659c !important;
  --appian-custom-hex-inverted-color: #fff !important;
  --appian-custom-hex-disabled-inverted-color: #ddd !important;
  /* will be overwritten by JS for hex colors and for accent colors. this is the fallback value that the unevolved button also uses. */
  --appian-custom-hex-glow-color: #2173b2 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---negative:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground) {
  --appian-custom-hex-color: #de0037 !important;
  --appian-custom-hex-inverted-color: #fff !important;
  --appian-custom-hex-disabled-inverted-color: #ddd !important;
  --appian-custom-hex-glow-color: #f8003d !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---accent.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground {
  --appian-custom-hex-color: #fff !important;
  --appian-custom-hex-inverted-color: #1d659c !important;
  --appian-custom-hex-disabled-inverted-color: #1d659c !important;
  --appian-custom-hex-glow-color: #fff !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---accessibilityhidden {
  font-size: 0 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction {
  /* repeated class name is a specificity hack to override buttonLayout2 styles for margin on child buttons */
  /* Margin styles for MINIMIZE buttons override margin styles set in ButtonLayout2 */
  /***************************************
            EVOLVED STYLES
***************************************/
  /***************************************
        END OF EVOLVED STYLES
***************************************/
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper {
  display: inline-block !important;
  position: relative !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fill_width) {
  /* FILL buttons always take up full width. MINIMIZE never take up full width.
        On a phone-sized browser:
        DEFAULT buttons take up full width. Icon-only DEFAULT buttons do not take up full width.
        DEFAULT icon-only buttons stack. MINIMIZE icon-only buttons do not stack. */
}
.appian-context-ux-page-size-phone .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fill_width) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inGridLayout {
  /* Max grid column width - horizontal padding. Keep in sync with grids.less */
  max-width: calc(300px - 2 * 0.1429rem) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn {
  cursor: pointer !important;
  text-transform: var(--appian-button-text-transform, uppercase) !important;
  text-align: center !important;
  font-family: inherit !important;
  color: #1d659c !important;
  fill: #1d659c !important;
  font-size: 1rem !important;
  /* height and width of svg icon in standard button should match this value */
  line-height: 1.4 !important;
  /* needed for correct vertical alignment of text on Tempo */
  font-weight: 600 !important;
  height: 2.7143rem !important;
  vertical-align: middle !important;
  margin: 1px 0 !important;
  /* 0 margin left/right needed for correct spacing on Safari */
  max-width: 28em !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  background-color: #fff !important;
  border: 1px solid #1d659c !important;
  border-radius: 0rem !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-transition-duration: 0.2s !important;
  transition-duration: 0.2s !important;
  -webkit-transition-property: -webkit-transform !important;
  transition-property: -webkit-transform !important;
  transition-property: transform !important;
  transition-property: transform, -webkit-transform !important;
  -webkit-font-smoothing: antialiased !important;
  /* Safari-only: smooth transform */
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---match_input_shape {
  border-radius: 0rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground {
  color: #fff !important;
  fill: #fff !important;
  background-color: #1d659c !important;
  border: 1px solid #fff !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fill_width):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only) {
  /* FILL buttons always take up full width. MINIMIZE never take up full width.
      On a phone-sized browser:
      DEFAULT buttons take up full width. Icon-only DEFAULT buttons do not take up full width.
      DEFAULT icon-only buttons stack. MINIMIZE icon-only buttons do not stack. */
}
.appian-context-ux-page-size-phone .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fill_width):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled {
  -webkit-transform: none !important;
          transform: none !important;
  opacity: 0.5 !important;
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  cursor: default !important;
  box-shadow: none !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:disabled {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(:disabled):hover {
  box-shadow: 0 0px 5px #2173b2 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #fff !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---accent):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---negative):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---hex) .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_style.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---accent):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---negative):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---hex) .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_style.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #eee !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(:disabled):active {
  -webkit-transform: scaleX(0.98) scaleY(0.98) !important;
  transform: scaleX(0.98) scaleY(0.98) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inGridLayout {
  max-width: 100% !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inToolbarLayout.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only {
  height: 1.5714rem !important;
  margin: 0 !important;
  color: #666 !important;
  fill: #666 !important;
  border-color: transparent !important;
  background-color: transparent !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inToolbarLayout.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only {
  padding: 2px 6px !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inToolbarLayout:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inToolbarLayout:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inToolbarLayout:not(:disabled):hover {
  box-shadow: 0 0px 4px var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-color: #bbb !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inToolbarLayout svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  vertical-align: 0 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:focus {
  outline: none !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn {
  position: relative !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  content: "" !important;
  position: absolute !important;
  top: 1px !important;
  left: 1px !important;
  height: calc(100% - 2px) !important;
  width: calc(100% - 2px) !important;
  border: 1px solid #1d659c !important;
  border-radius: inherit !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #fff !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---accent):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---negative):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---hex) .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_style.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #eee !important;
}
.appian-context-os-ios .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn {
  font-family: -apple-system !important;
}
.appian-context-os-android .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn {
  font-family: "Roboto" !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---is_loading:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---no_label .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  fill: transparent !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---is_loading:disabled ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon {
  position: absolute !important;
  width: 1rem !important;
  height: 1rem !important;
  top: calc(50% - .5rem) !important;
  left: calc(50% - .5rem) !important;
  -webkit-animation: Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---spin linear infinite 2s !important;
  animation: Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---spin linear infinite 2s !important;
  fill: var(--appian-custom-hex-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---is_loading:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon {
  width: 0.9286rem !important;
  /* matches the font-size defined in small buttons */
  height: 0.9286rem !important;
  top: calc(50% - .4643rem) !important;
  left: calc(50% - .4643rem) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---is_loading:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---large ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon {
  width: 1.2857rem !important;
  /* matches the font-size defined in large buttons */
  height: 1.2857rem !important;
  top: calc(50% - .6428rem) !important;
  left: calc(50% - .6428rem) !important;
}
:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---accent):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---negative):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---hex).Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---is_loading:disabled ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon {
  fill: #fff !important;
}
:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---accent):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---negative):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---hex).Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---is_loading:disabled ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon {
  fill: #eee !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---is_loading:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground) ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon {
  fill: var(--appian-subtle-text-color, #666) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---is_loading:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground) ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon {
  fill: #de0037 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---primary {
  background-color: #1d659c !important;
  border-color: #1d659c !important;
  color: #fff !important;
  fill: #fff !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---primary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #1d659c !important;
  fill: #1d659c !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---primary:disabled {
  background-color: #1d659c !important;
  color: #ddd !important;
  fill: #ddd !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---primary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:disabled {
  background-color: #ddd !important;
  color: #1d659c !important;
  fill: #1d659c !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---primary:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---primary:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: #2173b2 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---primary:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #fff !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---primary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---primary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: #fff !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---primary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #2173b2 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary {
  border-color: var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  color: var(--appian-subtle-text-color, #666) !important;
  fill: var(--appian-subtle-text-color, #666) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary:not(:disabled):hover {
  box-shadow: 0 0px 5px var(--appian-choice-border-color, #bbb) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inApplicationHeaderLayout.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inApplicationHeaderLayout.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary:not(:disabled):hover {
  box-shadow: 0 0px 5px #7781bd !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground {
  border-color: #fff !important;
  color: #fff !important;
  fill: #fff !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inApplicationHeaderLayout.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground {
  border-color: #7781bd !important;
  color: #fff !important;
  fill: #fff !important;
  background-color: transparent !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inApplicationHeaderLayout.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground:disabled {
  color: #aaa !important;
  fill: #aaa !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inApplicationHeaderLayout.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground:not(:disabled):focus:not([data-appian-ux-mouse-focus]):after {
  border-color: #7781bd !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #fff !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:disabled {
  background-color: #fff !important;
  border-color: #de0037 !important;
  color: #de0037 !important;
  fill: #de0037 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: #de0037 !important;
  color: #eee !important;
  fill: #eee !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #eee !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive:not(:disabled):hover {
  box-shadow: 0 0px 5px #de0037 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_style,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_style:disabled,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_style.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_style.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:disabled {
  background-color: transparent !important;
  border-color: transparent !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_style.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground {
  color: #eee !important;
  fill: #eee !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only {
  padding: 0 0.7857rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small {
  font-size: 0.9286rem !important;
  /* height and width of svg icon in small button should match this value */
  height: 2.4286rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only {
  padding: 0 0.6785rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---large {
  font-size: 1.2857rem !important;
  /* height and width of svg icon in large button should match this value */
  line-height: 2.9286rem !important;
  height: 3.5rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---large.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only {
  padding: 0 1.0357rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width).Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inMobilePreview {
  /* On browsers and mobile app:
      FILL buttons always take up full width. MINIMIZE never take up full width.
      On mobile app:
      DEFAULT buttons take up full width. Icon-only DEFAULT buttons also take up full width
      (on browsers icon-only buttons do not take up full width). */
  width: 100% !important;
  max-width: 100% !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fill_width,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fill_width .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn {
  display: block !important;
  max-width: none !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fill_width .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn {
  width: 100% !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fill_width {
  margin-right: 0 !important;
  margin-left: 0 !important;
  max-width: none !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fill_width:not(.appian-context-last-in-list) {
  margin-bottom: 10px !important;
}
.appian-context-ux-page-size-phone .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width:not(.appian-context-last-in-list) {
  margin-bottom: 0 !important;
}
.appian-context-ux-page-size-phone .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---in_align_start.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width:not(.appian-context-last-in-list):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDatePicker) {
  margin-right: 4px !important;
}
.appian-context-ux-page-size-phone .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---in_align_end.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width:not(.appian-context-first-in-list):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDatePicker) {
  margin-left: 4px !important;
}
.appian-context-ux-page-size-phone .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---in_align_center.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDatePicker) {
  margin-right: 2px !important;
  margin-left: 2px !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fit {
  /* used in decision designer hit policy dropdown */
  padding: 0 0 0 3px !important;
  /* padding-left needed to center button contents */
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  margin: 0 !important;
}
.appian-context-browser-safari .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fit {
  padding-left: 2px !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---semi_rounded {
  border-radius: 0.2857rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---rounded {
  border-radius: 1.7857rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---squared {
  border-radius: 0 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---search {
  border-radius: 0rem !important;
  padding: 0 0.5rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inFontAwesomeIconPicker:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_pulldown) {
  padding: 0 !important;
  width: 3rem !important;
  height: 3rem !important;
  margin: 0 3px 3px 0 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inFontAwesomeIconPicker:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_pulldown) svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  width: 1.4286rem !important;
  height: 1.4286rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---button_box {
  margin: 20px 0 !important;
}
@media print {
  .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction {
    print-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }
  .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---follow {
    display: none !important;
  }
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---follow svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  height: 2rem !important;
  width: 2rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---follow {
  padding: 0 5px 2px 8px !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only) i.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  margin-right: 0.4286rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_pulldown:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fit) {
  padding-right: 0.5rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_pulldown {
  padding-right: 0.6429rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_pulldown {
  padding-right: 0.4286rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_pulldown {
  padding-right: 0.6429rem !important;
  padding-left: 0.7143rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---large.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_pulldown {
  padding-right: 0.7143rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---large.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_pulldown {
  padding-right: 0.5rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_pulldown svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---pulldown {
  content: "" !important;
  display: inline-block !important;
  /* necessary for proper RTL behavior */
  width: 1rem !important;
  height: 1rem !important;
  margin-left: 0.2143rem !important;
  vertical-align: -0.1429rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_pulldown svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---pulldown {
  width: 0.9286rem !important;
  /* matches the font-size defined in small buttons */
  height: 0.9286rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---large.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_pulldown svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---pulldown {
  width: 1.2857rem !important;
  /* matches the font-size defined in large buttons */
  height: 1.2857rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_pulldown.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---no_label:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only) svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---pulldown {
  margin-left: 0 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_pulldown.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---no_label.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inFontAwesomeIconPicker:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only) svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---pulldown {
  margin-left: 1.5rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---disabled_btn_glass {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  z-index: 2000011 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inSideBySide {
  margin: 0 !important;
}
.appian-context-ux-page-size-phone .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup {
  display: inline-block !important;
  width: auto !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inSignatureWidget,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inSignatureWidget {
  max-width: 100% !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fill_width) + .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fill_width) .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup {
  margin-left: -1px !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper:not(.appian-context-first-in-list) .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inApplicationHeaderLayout.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup {
  margin-left: 1px !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  box-shadow: 0 0px 2px #2173b2 inset !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  box-shadow: 0 0px 2px #fff inset !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_style.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_style.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_style.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  box-shadow: 0 0px 2px #eee inset !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inFindReplaceWidget .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inFindReplaceWidget .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inFindReplaceWidget .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inPickerWidget .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inPickerWidget .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inPickerWidget .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  box-shadow: 0 0px 4px var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) inset !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inApplicationHeaderLayout:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inApplicationHeaderLayout:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inApplicationHeaderLayout:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  box-shadow: 0 0px 4px #7781bd inset !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive:active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive:hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive:focus:not(.appian-context-ux-mouse-focus) {
  box-shadow: none !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inPickerWidget {
  position: static !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inPickerWidget .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn {
  height: 100% !important;
  top: 0 !important;
  position: absolute !important;
  width: 24px !important;
  /* this number should be 1px more than the px value used to calculate ".picker.inline_choices .picker_value" width in PickerWidget.less */
  min-width: 24px !important;
  /* needed to override default button min-width */
  padding: 0 !important;
  margin: 0 0 0 -1px !important;
  color: var(--appian-text-color, #222) !important;
  fill: var(--appian-text-color, #222) !important;
  display: inline-block !important;
  vertical-align: middle !important;
  border-radius: 0 0rem 0rem 0 !important;
}
.appian-context-ux-page-size-phone .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inPickerWidget .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn {
  display: inline-block !important;
  width: initial !important;
  max-width: 2.1429rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inFindReplaceWidget {
  width: 100% !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inFindReplaceWidget .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary {
  padding: 0 0.5rem !important;
  border-color: #bbb !important;
  width: 100% !important;
  background-color: #f9f9f9 !important;
  height: 2.4286rem !important;
  margin: 0 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inConfigurationPanelHeader.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inConfigurationPanelHeader.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inConfigurationPanelHeader.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inConfigurationPanelHeader.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  color: #fff !important;
  fill: #fff !important;
  line-height: 0.8571rem !important;
  font-size: 1rem !important;
  height: 1.2857rem !important;
  display: inline-block !important;
  padding: 1px 0 0 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  border: none !important;
  -webkit-transform: none !important;
          transform: none !important;
  vertical-align: top !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inReconcileDocumentToolbar.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---primary svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  fill: #fff !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inReconcileDocumentToolbar svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  fill: #fff !important;
  height: 1.2857rem !important;
  width: 1.2857rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---record_action_menu_icon.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small {
  border: none !important;
  background-color: transparent !important;
  padding: 0 0.5rem !important;
  width: 2.4286rem !important;
  height: 2.4286rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---record_action_menu_icon.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small > svg {
  height: 1.4286rem !important;
  width: 1.4286rem !important;
  vertical-align: -0.5rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---record_action_menu_icon.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---record_action_menu_icon.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #eee !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---record_action_menu_icon.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground:focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #eee !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---record_action_menu_icon.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground > svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  fill: #eee !important;
}
.appian-context-browser-chrome .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inModalDialogLayout svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  -webkit-backface-visibility: hidden !important;
          backface-visibility: hidden !important;
  /* AN-129131 fixes flickering of svg icons in dialogs for chrome */
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  content: "" !important;
  display: inline-block !important;
  height: 1rem !important;
  /* matches the font-size defined in standard buttons */
  width: 1rem !important;
  vertical-align: -0.1429rem !important;
  fill: inherit !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  height: 0.9286rem !important;
  /* matches the font-size defined in small buttons */
  width: 0.9286rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---large svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  height: 1.2857rem !important;
  /* matches the font-size defined in large buttons */
  width: 1.2857rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---undoredo {
  padding: 0 9px !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---undoredo svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  height: 12px !important;
  width: 16px !important;
  vertical-align: -1px !important;
  /*rtl:raw:
    transform: scaleX(-1);
    */
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---hierarchy_navigator,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---site_preview_hierarchy_navigator {
  height: 43px !important;
  width: 43px !important;
  margin: 0 0 0 -1px !important;
  border-color: var(--appian-container-border-color, #d4d4d4) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---hierarchy_navigator:hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---site_preview_hierarchy_navigator:hover {
  border-color: #1d659c !important;
  box-shadow: none !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---hierarchy_navigator:focus:not([data-appian-ux-mouse-focus]),
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---site_preview_hierarchy_navigator:focus:not([data-appian-ux-mouse-focus]) {
  outline: 2px solid #1d659c !important;
  z-index: 2 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---hierarchy_navigator:focus:not([data-appian-ux-mouse-focus]):after,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---site_preview_hierarchy_navigator:focus:not([data-appian-ux-mouse-focus]):after {
  display: none !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---hierarchy_navigator svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---site_preview_hierarchy_navigator svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  /*rtl:raw:
      transform: scaleX(-1);
      */
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---site_preview_hierarchy_navigator {
  height: 58px !important;
  width: 58px !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---site_preview_hierarchy_navigator:hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---site_preview_hierarchy_navigator :focus:not([data-appian-ux-mouse-focus]) {
  z-index: 3 !important;
  /* Needed to place just above the adjacent card */
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---pointer_events,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---pointer_events svg {
  pointer-events: none !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---pointer_events button,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---pointer_events .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---disabled_btn_glass {
  pointer-events: all !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_indicator svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---indicator {
  content: "" !important;
  display: inline-block !important;
  /* necessary for proper RTL behavior */
  width: 0.7143rem !important;
  height: 0.7143rem !important;
  margin-left: 0.4286rem !important;
  vertical-align: 0px !important;
  fill: #de0037 !important;
  background-color: #de0037 !important;
  border: 1px solid #de0037 !important;
  border-radius: 1rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_indicator:not(:disabled):hover svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---indicator,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_indicator:not(:disabled):focus svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---indicator,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---primary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_indicator svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---indicator,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_style.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_indicator svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---indicator {
  border-color: #fff !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_indicator svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---indicator {
  margin-left: 0.3571rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---large.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_indicator svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---indicator {
  width: 0.8671rem !important;
  height: 0.8671rem !important;
  vertical-align: 1px !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1 ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon {
  fill: var(--appian-custom-hex-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):hover {
  box-shadow: 0 0px 5px var(--appian-custom-hex-glow-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1 {
  background-color: transparent !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline:disabled,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:disabled,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1:disabled {
  background-color: transparent !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline {
  border-color: var(--appian-custom-hex-color) !important;
  color: var(--appian-custom-hex-color) !important;
  fill: var(--appian-custom-hex-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-custom-hex-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost {
  border-color: var(--appian-custom-hex-color) !important;
  color: var(--appian-custom-hex-color) !important;
  fill: var(--appian-custom-hex-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: var(--appian-custom-hex-color) !important;
  color: var(--appian-custom-hex-inverted-color) !important;
  fill: var(--appian-custom-hex-inverted-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-custom-hex-inverted-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1 {
  border-color: transparent !important;
  color: var(--appian-custom-hex-color) !important;
  fill: var(--appian-custom-hex-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-custom-hex-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid {
  background-color: var(--appian-custom-hex-color) !important;
  border-color: var(--appian-custom-hex-color) !important;
  color: var(--appian-custom-hex-inverted-color) !important;
  fill: var(--appian-custom-hex-inverted-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:disabled {
  background-color: var(--appian-custom-hex-color) !important;
  color: var(--appian-custom-hex-disabled-inverted-color) !important;
  fill: var(--appian-custom-hex-disabled-inverted-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: var(--appian-custom-hex-glow-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-custom-hex-inverted-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon {
  fill: var(--appian-subtle-text-color, #666) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid {
  color: var(--appian-subtle-text-color, #666) !important;
  fill: var(--appian-subtle-text-color, #666) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):hover {
  box-shadow: 0 0px 5px var(--appian-choice-border-color, #bbb) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-subtle-text-color, #666) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost {
  border-color: var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: #f0f0f0 !important;
  color: var(--appian-subtle-text-color, #666) !important;
  fill: var(--appian-subtle-text-color, #666) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid {
  background-color: #f0f0f0 !important;
  border-color: #f0f0f0 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: #f5f5f5 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-subtle-text-color, #666) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inThemedLayout,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inThemedLayout {
  background-color: #f0f0f0 !important;
  border-color: #f0f0f0 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground).Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground).Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost {
  border-color: var(--appian-subtle-text-color, #666) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):hover {
  box-shadow: 0 0px 5px #f0f0f0 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1 {
  color: var(--appian-input-border-color, #ddd) !important;
  fill: var(--appian-input-border-color, #ddd) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---dark_theme,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---dark_theme,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---dark_theme,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---dark_theme,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---dark_theme,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---dark_theme {
  color: var(--appian-text-color, #222) !important;
  fill: var(--appian-text-color, #222) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon {
  fill: var(--appian-input-border-color, #ddd) !important;
}
/* rtl:begin:ignore */
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr {
  direction: ltr !important;
  /* repeated class name is a specificity hack to override buttonLayout2 styles for margin on child buttons */
  /* Margin styles for MINIMIZE buttons override margin styles set in ButtonLayout2 */
  /***************************************
            EVOLVED STYLES
***************************************/
  /***************************************
        END OF EVOLVED STYLES
***************************************/
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper {
  display: inline-block !important;
  position: relative !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fill_width) {
  /* FILL buttons always take up full width. MINIMIZE never take up full width.
        On a phone-sized browser:
        DEFAULT buttons take up full width. Icon-only DEFAULT buttons do not take up full width.
        DEFAULT icon-only buttons stack. MINIMIZE icon-only buttons do not stack. */
}
.appian-context-ux-page-size-phone .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fill_width) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inGridLayout {
  /* Max grid column width - horizontal padding. Keep in sync with grids.less */
  max-width: calc(300px - 2 * 0.1429rem) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn {
  cursor: pointer !important;
  text-transform: var(--appian-button-text-transform, uppercase) !important;
  text-align: center !important;
  font-family: inherit !important;
  color: #1d659c !important;
  fill: #1d659c !important;
  font-size: 1rem !important;
  /* height and width of svg icon in standard button should match this value */
  line-height: 1.4 !important;
  /* needed for correct vertical alignment of text on Tempo */
  font-weight: 600 !important;
  height: 2.7143rem !important;
  vertical-align: middle !important;
  margin: 1px 0 !important;
  /* 0 margin left/right needed for correct spacing on Safari */
  max-width: 28em !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  background-color: #fff !important;
  border: 1px solid #1d659c !important;
  border-radius: 0rem !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-transition-duration: 0.2s !important;
  transition-duration: 0.2s !important;
  -webkit-transition-property: -webkit-transform !important;
  transition-property: -webkit-transform !important;
  transition-property: transform !important;
  transition-property: transform, -webkit-transform !important;
  -webkit-font-smoothing: antialiased !important;
  /* Safari-only: smooth transform */
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---match_input_shape {
  border-radius: 0rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground {
  color: #fff !important;
  fill: #fff !important;
  background-color: #1d659c !important;
  border: 1px solid #fff !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fill_width):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only) {
  /* FILL buttons always take up full width. MINIMIZE never take up full width.
      On a phone-sized browser:
      DEFAULT buttons take up full width. Icon-only DEFAULT buttons do not take up full width.
      DEFAULT icon-only buttons stack. MINIMIZE icon-only buttons do not stack. */
}
.appian-context-ux-page-size-phone .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fill_width):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled {
  -webkit-transform: none !important;
          transform: none !important;
  opacity: 0.5 !important;
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  cursor: default !important;
  box-shadow: none !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:disabled {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(:disabled):hover {
  box-shadow: 0 0px 5px #2173b2 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #fff !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---accent):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---negative):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---hex) .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_style.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---accent):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---negative):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---hex) .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_style.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #eee !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(:disabled):active {
  -webkit-transform: scaleX(0.98) scaleY(0.98) !important;
  transform: scaleX(0.98) scaleY(0.98) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inGridLayout {
  max-width: 100% !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inToolbarLayout.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only {
  height: 1.5714rem !important;
  margin: 0 !important;
  color: #666 !important;
  fill: #666 !important;
  border-color: transparent !important;
  background-color: transparent !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inToolbarLayout.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only {
  padding: 2px 6px !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inToolbarLayout:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inToolbarLayout:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inToolbarLayout:not(:disabled):hover {
  box-shadow: 0 0px 4px var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-color: #bbb !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inToolbarLayout svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  vertical-align: 0 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:focus {
  outline: none !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn {
  position: relative !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  content: "" !important;
  position: absolute !important;
  top: 1px !important;
  left: 1px !important;
  height: calc(100% - 2px) !important;
  width: calc(100% - 2px) !important;
  border: 1px solid #1d659c !important;
  border-radius: inherit !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #fff !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---accent):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---negative):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---hex) .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_style.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #eee !important;
}
.appian-context-os-ios .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn {
  font-family: -apple-system !important;
}
.appian-context-os-android .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn {
  font-family: "Roboto" !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---is_loading:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---no_label .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  fill: transparent !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---is_loading:disabled ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon {
  position: absolute !important;
  width: 1rem !important;
  height: 1rem !important;
  top: calc(50% - .5rem) !important;
  left: calc(50% - .5rem) !important;
  -webkit-animation: Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---spin linear infinite 2s !important;
  animation: Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---spin linear infinite 2s !important;
  fill: var(--appian-custom-hex-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---is_loading:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon {
  width: 0.9286rem !important;
  /* matches the font-size defined in small buttons */
  height: 0.9286rem !important;
  top: calc(50% - .4643rem) !important;
  left: calc(50% - .4643rem) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---is_loading:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---large ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon {
  width: 1.2857rem !important;
  /* matches the font-size defined in large buttons */
  height: 1.2857rem !important;
  top: calc(50% - .6428rem) !important;
  left: calc(50% - .6428rem) !important;
}
:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---accent):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---negative):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---hex).Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---is_loading:disabled ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon {
  fill: #fff !important;
}
:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---accent):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---negative):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---hex).Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---is_loading:disabled ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon {
  fill: #eee !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---is_loading:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground) ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon {
  fill: var(--appian-subtle-text-color, #666) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---is_loading:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground) ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon {
  fill: #de0037 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---primary {
  background-color: #1d659c !important;
  border-color: #1d659c !important;
  color: #fff !important;
  fill: #fff !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---primary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #1d659c !important;
  fill: #1d659c !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---primary:disabled {
  background-color: #1d659c !important;
  color: #ddd !important;
  fill: #ddd !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---primary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:disabled {
  background-color: #ddd !important;
  color: #1d659c !important;
  fill: #1d659c !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---primary:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---primary:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: #2173b2 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---primary:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #fff !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---primary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---primary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: #fff !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---primary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #2173b2 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary {
  border-color: var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  color: var(--appian-subtle-text-color, #666) !important;
  fill: var(--appian-subtle-text-color, #666) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary:not(:disabled):hover {
  box-shadow: 0 0px 5px var(--appian-choice-border-color, #bbb) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inApplicationHeaderLayout.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inApplicationHeaderLayout.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary:not(:disabled):hover {
  box-shadow: 0 0px 5px #7781bd !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground {
  border-color: #fff !important;
  color: #fff !important;
  fill: #fff !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inApplicationHeaderLayout.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground {
  border-color: #7781bd !important;
  color: #fff !important;
  fill: #fff !important;
  background-color: transparent !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inApplicationHeaderLayout.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground:disabled {
  color: #aaa !important;
  fill: #aaa !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inApplicationHeaderLayout.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground:not(:disabled):focus:not([data-appian-ux-mouse-focus]):after {
  border-color: #7781bd !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #fff !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:disabled {
  background-color: #fff !important;
  border-color: #de0037 !important;
  color: #de0037 !important;
  fill: #de0037 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: #de0037 !important;
  color: #eee !important;
  fill: #eee !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #eee !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive:not(:disabled):hover {
  box-shadow: 0 0px 5px #de0037 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_style,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_style:disabled,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_style.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_style.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:disabled {
  background-color: transparent !important;
  border-color: transparent !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_style.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground {
  color: #eee !important;
  fill: #eee !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only {
  padding: 0 0.7857rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small {
  font-size: 0.9286rem !important;
  /* height and width of svg icon in small button should match this value */
  height: 2.4286rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only {
  padding: 0 0.6785rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---large {
  font-size: 1.2857rem !important;
  /* height and width of svg icon in large button should match this value */
  line-height: 2.9286rem !important;
  height: 3.5rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---large.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only {
  padding: 0 1.0357rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width).Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inMobilePreview {
  /* On browsers and mobile app:
      FILL buttons always take up full width. MINIMIZE never take up full width.
      On mobile app:
      DEFAULT buttons take up full width. Icon-only DEFAULT buttons also take up full width
      (on browsers icon-only buttons do not take up full width). */
  width: 100% !important;
  max-width: 100% !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fill_width,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fill_width .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn {
  display: block !important;
  max-width: none !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fill_width .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn {
  width: 100% !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fill_width {
  margin-right: 0 !important;
  margin-left: 0 !important;
  max-width: none !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fill_width:not(.appian-context-last-in-list) {
  margin-bottom: 10px !important;
}
.appian-context-ux-page-size-phone .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width:not(.appian-context-last-in-list) {
  margin-bottom: 0 !important;
}
.appian-context-ux-page-size-phone .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---in_align_start.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width:not(.appian-context-last-in-list):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDatePicker) {
  margin-right: 4px !important;
}
.appian-context-ux-page-size-phone .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---in_align_end.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width:not(.appian-context-first-in-list):not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDatePicker) {
  margin-left: 4px !important;
}
.appian-context-ux-page-size-phone .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---in_align_center.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDatePicker) {
  margin-right: 2px !important;
  margin-left: 2px !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fit {
  /* used in decision designer hit policy dropdown */
  padding: 0 0 0 3px !important;
  /* padding-left needed to center button contents */
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  margin: 0 !important;
}
.appian-context-browser-safari .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fit {
  padding-left: 2px !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---semi_rounded {
  border-radius: 0.2857rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---rounded {
  border-radius: 1.7857rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---squared {
  border-radius: 0 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---search {
  border-radius: 0rem !important;
  padding: 0 0.5rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inFontAwesomeIconPicker:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_pulldown) {
  padding: 0 !important;
  width: 3rem !important;
  height: 3rem !important;
  margin: 0 3px 3px 0 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inFontAwesomeIconPicker:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_pulldown) svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  width: 1.4286rem !important;
  height: 1.4286rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---button_box {
  margin: 20px 0 !important;
}
@media print {
  .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr {
    print-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }
  .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---follow {
    display: none !important;
  }
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---follow svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  height: 2rem !important;
  width: 2rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---follow {
  padding: 0 5px 2px 8px !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only) i.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  margin-right: 0.4286rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_pulldown:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fit) {
  padding-right: 0.5rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_pulldown {
  padding-right: 0.6429rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_pulldown {
  padding-right: 0.4286rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_pulldown {
  padding-right: 0.6429rem !important;
  padding-left: 0.7143rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---large.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_pulldown {
  padding-right: 0.7143rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---large.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_pulldown {
  padding-right: 0.5rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_pulldown svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---pulldown {
  content: "" !important;
  display: inline-block !important;
  /* necessary for proper RTL behavior */
  width: 1rem !important;
  height: 1rem !important;
  margin-left: 0.2143rem !important;
  vertical-align: -0.1429rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_pulldown svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---pulldown {
  width: 0.9286rem !important;
  /* matches the font-size defined in small buttons */
  height: 0.9286rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---large.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_pulldown svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---pulldown {
  width: 1.2857rem !important;
  /* matches the font-size defined in large buttons */
  height: 1.2857rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_pulldown.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---no_label:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only) svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---pulldown {
  margin-left: 0 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_pulldown.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---no_label.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inFontAwesomeIconPicker:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only) svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---pulldown {
  margin-left: 1.5rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---disabled_btn_glass {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  z-index: 2000011 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inSideBySide {
  margin: 0 !important;
}
.appian-context-ux-page-size-phone .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup {
  display: inline-block !important;
  width: auto !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inSignatureWidget,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inSignatureWidget {
  max-width: 100% !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fill_width) + .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fill_width) .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup {
  margin-left: -1px !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper:not(.appian-context-first-in-list) .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inApplicationHeaderLayout.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup {
  margin-left: 1px !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  box-shadow: 0 0px 2px #2173b2 inset !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  box-shadow: 0 0px 2px #fff inset !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_style.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_style.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_style.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  box-shadow: 0 0px 2px #eee inset !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inFindReplaceWidget .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inFindReplaceWidget .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inFindReplaceWidget .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inPickerWidget .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inPickerWidget .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inPickerWidget .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  box-shadow: 0 0px 4px var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) inset !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inApplicationHeaderLayout:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inApplicationHeaderLayout:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inApplicationHeaderLayout:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  box-shadow: 0 0px 4px #7781bd inset !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive:active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive:hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inButtonGroup.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive:focus:not(.appian-context-ux-mouse-focus) {
  box-shadow: none !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inPickerWidget {
  position: static !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inPickerWidget .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn {
  height: 100% !important;
  top: 0 !important;
  position: absolute !important;
  width: 24px !important;
  /* this number should be 1px more than the px value used to calculate ".picker.inline_choices .picker_value" width in PickerWidget.less */
  min-width: 24px !important;
  /* needed to override default button min-width */
  padding: 0 !important;
  margin: 0 0 0 -1px !important;
  color: var(--appian-text-color, #222) !important;
  fill: var(--appian-text-color, #222) !important;
  display: inline-block !important;
  vertical-align: middle !important;
  border-radius: 0 0rem 0rem 0 !important;
}
.appian-context-ux-page-size-phone .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inPickerWidget .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn {
  display: inline-block !important;
  width: initial !important;
  max-width: 2.1429rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inFindReplaceWidget {
  width: 100% !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inFindReplaceWidget .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary {
  padding: 0 0.5rem !important;
  border-color: #bbb !important;
  width: 100% !important;
  background-color: #f9f9f9 !important;
  height: 2.4286rem !important;
  margin: 0 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inConfigurationPanelHeader.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inConfigurationPanelHeader.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inConfigurationPanelHeader.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inConfigurationPanelHeader.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  color: #fff !important;
  fill: #fff !important;
  line-height: 0.8571rem !important;
  font-size: 1rem !important;
  height: 1.2857rem !important;
  display: inline-block !important;
  padding: 1px 0 0 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  border: none !important;
  -webkit-transform: none !important;
          transform: none !important;
  vertical-align: top !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inReconcileDocumentToolbar.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---primary svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  fill: #fff !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inReconcileDocumentToolbar svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  fill: #fff !important;
  height: 1.2857rem !important;
  width: 1.2857rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---record_action_menu_icon.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small {
  border: none !important;
  background-color: transparent !important;
  padding: 0 0.5rem !important;
  width: 2.4286rem !important;
  height: 2.4286rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---record_action_menu_icon.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small > svg {
  height: 1.4286rem !important;
  width: 1.4286rem !important;
  vertical-align: -0.5rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---record_action_menu_icon.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground:not(:disabled):active,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---record_action_menu_icon.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #eee !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---record_action_menu_icon.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground:focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #eee !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---record_action_menu_icon.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---minimize_width.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground > svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  fill: #eee !important;
}
.appian-context-browser-chrome .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inModalDialogLayout svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  -webkit-backface-visibility: hidden !important;
          backface-visibility: hidden !important;
  /* AN-129131 fixes flickering of svg icons in dialogs for chrome */
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  content: "" !important;
  display: inline-block !important;
  height: 1rem !important;
  /* matches the font-size defined in standard buttons */
  width: 1rem !important;
  vertical-align: -0.1429rem !important;
  fill: inherit !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  height: 0.9286rem !important;
  /* matches the font-size defined in small buttons */
  width: 0.9286rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---large svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  height: 1.2857rem !important;
  /* matches the font-size defined in large buttons */
  width: 1.2857rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---undoredo {
  padding: 0 9px !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---undoredo svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  height: 12px !important;
  width: 16px !important;
  vertical-align: -1px !important;
  /*rtl:raw:
    transform: scaleX(-1);
    */
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---hierarchy_navigator,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---site_preview_hierarchy_navigator {
  height: 43px !important;
  width: 43px !important;
  margin: 0 0 0 -1px !important;
  border-color: var(--appian-container-border-color, #d4d4d4) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---hierarchy_navigator:hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---site_preview_hierarchy_navigator:hover {
  border-color: #1d659c !important;
  box-shadow: none !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---hierarchy_navigator:focus:not([data-appian-ux-mouse-focus]),
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---site_preview_hierarchy_navigator:focus:not([data-appian-ux-mouse-focus]) {
  outline: 2px solid #1d659c !important;
  z-index: 2 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---hierarchy_navigator:focus:not([data-appian-ux-mouse-focus]):after,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---site_preview_hierarchy_navigator:focus:not([data-appian-ux-mouse-focus]):after {
  display: none !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---hierarchy_navigator svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---site_preview_hierarchy_navigator svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  /*rtl:raw:
      transform: scaleX(-1);
      */
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---site_preview_hierarchy_navigator {
  height: 58px !important;
  width: 58px !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---site_preview_hierarchy_navigator:hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---site_preview_hierarchy_navigator :focus:not([data-appian-ux-mouse-focus]) {
  z-index: 3 !important;
  /* Needed to place just above the adjacent card */
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---pointer_events,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---pointer_events svg {
  pointer-events: none !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---pointer_events button,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---pointer_events .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---disabled_btn_glass {
  pointer-events: all !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_indicator svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---indicator {
  content: "" !important;
  display: inline-block !important;
  /* necessary for proper RTL behavior */
  width: 0.7143rem !important;
  height: 0.7143rem !important;
  margin-left: 0.4286rem !important;
  vertical-align: 0px !important;
  fill: #de0037 !important;
  background-color: #de0037 !important;
  border: 1px solid #de0037 !important;
  border-radius: 1rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_indicator:not(:disabled):hover svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---indicator,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---destructive.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_indicator:not(:disabled):focus svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---indicator,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---primary.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_indicator svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---indicator,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_style.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_indicator svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---indicator {
  border-color: #fff !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_indicator svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---indicator {
  margin-left: 0.3571rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---large.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---has_indicator svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---indicator {
  width: 0.8671rem !important;
  height: 0.8671rem !important;
  vertical-align: 1px !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1 ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon {
  fill: var(--appian-custom-hex-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):hover {
  box-shadow: 0 0px 5px var(--appian-custom-hex-glow-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1 {
  background-color: transparent !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline:disabled,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:disabled,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1:disabled {
  background-color: transparent !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline {
  border-color: var(--appian-custom-hex-color) !important;
  color: var(--appian-custom-hex-color) !important;
  fill: var(--appian-custom-hex-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-custom-hex-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost {
  border-color: var(--appian-custom-hex-color) !important;
  color: var(--appian-custom-hex-color) !important;
  fill: var(--appian-custom-hex-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: var(--appian-custom-hex-color) !important;
  color: var(--appian-custom-hex-inverted-color) !important;
  fill: var(--appian-custom-hex-inverted-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-custom-hex-inverted-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1 {
  border-color: transparent !important;
  color: var(--appian-custom-hex-color) !important;
  fill: var(--appian-custom-hex-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-custom-hex-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid {
  background-color: var(--appian-custom-hex-color) !important;
  border-color: var(--appian-custom-hex-color) !important;
  color: var(--appian-custom-hex-inverted-color) !important;
  fill: var(--appian-custom-hex-inverted-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:disabled {
  background-color: var(--appian-custom-hex-color) !important;
  color: var(--appian-custom-hex-disabled-inverted-color) !important;
  fill: var(--appian-custom-hex-disabled-inverted-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: var(--appian-custom-hex-glow-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-custom-hex-inverted-color) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon {
  fill: var(--appian-subtle-text-color, #666) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid {
  color: var(--appian-subtle-text-color, #666) !important;
  fill: var(--appian-subtle-text-color, #666) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):hover {
  box-shadow: 0 0px 5px var(--appian-choice-border-color, #bbb) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-subtle-text-color, #666) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost {
  border-color: var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: #f0f0f0 !important;
  color: var(--appian-subtle-text-color, #666) !important;
  fill: var(--appian-subtle-text-color, #666) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid {
  background-color: #f0f0f0 !important;
  border-color: #f0f0f0 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: #f5f5f5 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-subtle-text-color, #666) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inThemedLayout,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:disabled.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inThemedLayout {
  background-color: #f0f0f0 !important;
  border-color: #f0f0f0 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground).Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inAccentBackground:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground).Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost {
  border-color: var(--appian-subtle-text-color, #666) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---solid:not(:disabled):hover {
  box-shadow: 0 0px 5px #f0f0f0 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1 {
  color: var(--appian-input-border-color, #ddd) !important;
  fill: var(--appian-input-border-color, #ddd) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---dark_theme,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---dark_theme,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---dark_theme,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---dark_theme,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---dark_theme,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---dark_theme {
  color: var(--appian-text-color, #222) !important;
  fill: var(--appian-text-color, #222) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---ghost,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---outline:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---link_v1:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkBackground ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---force_ltr.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn_wrapper.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---secondary_color .Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---inDarkAccentBackground ~ svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---loading_icon {
  fill: var(--appian-input-border-color, #ddd) !important;
}
/* rtl:end:ignore */
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---fill_cell {
  height: 100% !important;
  width: 100% !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---label_icon_wrapper {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
  overflow: hidden !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---label_text {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_end:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only) svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  margin-right: 0 !important;
  margin-left: 0.2857rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_start:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only) svg.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon {
  margin-right: 0.2857rem !important;
  margin-left: 0 !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only) {
  min-width: 2.7143rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only).Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small {
  padding: 0 0.5rem !important;
  min-width: 2.4286rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only).Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---large {
  padding: 0 1rem !important;
  min-width: 3.5rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only).Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---rounded {
  min-width: 2.7143rem !important;
  padding: 0 1.1429rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only).Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---rounded.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small {
  min-width: 2.4286rem !important;
  padding: 0 0.9286rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only).Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---rounded.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---large {
  min-width: 3.5rem !important;
  padding: 0 1.4285rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only).Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---semi_rounded,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only).Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---squared {
  padding: 0 0.7143rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only).Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---semi_rounded.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only).Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---squared.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---small {
  padding: 0 0.5rem !important;
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only).Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---semi_rounded.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---large,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---icon_only).Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---squared.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---large {
  padding: 0 1rem !important;
}
@-webkit-keyframes Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(:disabled):hover,
.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---default_direction.Button_APP_DESIGNER_SEARCH_BOX_WITH_MODES---btn:not(:disabled):active {
  box-shadow: 0 0px 4px var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) inset !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.Button_SHARED_INTERNAL_NAVIGATION_MENU---btn {
  padding: 0 0.7143rem !important;
}
.Button_SHARED_INTERNAL_NAVIGATION_MENU---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .Button_SHARED_INTERNAL_NAVIGATION_MENU---accessibilityhidden {
  font-size: 0 !important;
}
.Button_SHARED_INTERNAL_NAVIGATION_MENU---btn_wrapper {
  display: inline-block !important;
  position: relative !important;
}
.Button_SHARED_INTERNAL_NAVIGATION_MENU---btn_wrapper:not(.Button_SHARED_INTERNAL_NAVIGATION_MENU---minimize_width):not(.Button_SHARED_INTERNAL_NAVIGATION_MENU---fill_width) {
  /* FILL buttons always take up full width. MINIMIZE never take up full width.
        On a phone-sized browser:
        DEFAULT buttons take up full width. Icon-only DEFAULT buttons do not take up full width.
        DEFAULT icon-only buttons stack. MINIMIZE icon-only buttons do not stack. */
}
.appian-context-ux-page-size-phone .Button_SHARED_INTERNAL_NAVIGATION_MENU---btn_wrapper:not(.Button_SHARED_INTERNAL_NAVIGATION_MENU---minimize_width):not(.Button_SHARED_INTERNAL_NAVIGATION_MENU---fill_width) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
.Button_SHARED_INTERNAL_NAVIGATION_MENU---btn_wrapper.Button_SHARED_INTERNAL_NAVIGATION_MENU---inGridLayout {
  /* Max grid column width - horizontal padding. Keep in sync with grids.less */
  max-width: calc(300px - 2 * 0.1429rem) !important;
}
.Button_SHARED_INTERNAL_NAVIGATION_MENU---btn:focus {
  outline: none !important;
}
.Button_SHARED_INTERNAL_NAVIGATION_MENU---btn::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
.Button_SHARED_INTERNAL_NAVIGATION_MENU---btn_wrapper {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  height: 32px !important;
}
button.Button_SHARED_INTERNAL_NAVIGATION_MENU---btn {
  cursor: pointer !important;
  fill: #fff !important;
  padding: 0 !important;
  height: 24px !important;
  box-shadow: none !important;
  margin: 0 !important;
  border: 1px solid transparent !important;
  background-color: transparent !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important;
  /* Safari-only: smooth transform */
}
.appian-context-browser-safari button.Button_SHARED_INTERNAL_NAVIGATION_MENU---btn {
  padding: 0 1px !important;
  /* left and right padding allows full svg to show */
}
.Button_SHARED_INTERNAL_NAVIGATION_MENU---btn:hover {
  opacity: 0.65 !important;
}
.Button_SHARED_INTERNAL_NAVIGATION_MENU---btn svg.Button_SHARED_INTERNAL_NAVIGATION_MENU---icon {
  content: "" !important;
  display: inline-block !important;
  height: 22px !important;
  width: 22px !important;
}
.Button_SHARED_INTERNAL_NAVIGATION_MENU---btn:focus:not([data-appian-ux-mouse-focus]) {
  position: relative !important;
}
.Button_SHARED_INTERNAL_NAVIGATION_MENU---btn:focus:not([data-appian-ux-mouse-focus]):before {
  position: absolute !important;
  content: "" !important;
  top: -3px !important;
  left: -4px !important;
  height: calc(100% + 6px) !important;
  width: calc(100% + 8px) !important;
  border: 1px solid #fff !important;
}
.Button_SHARED_INTERNAL_NAVIGATION_MENU---inSidebarNavigationLayout .Button_SHARED_INTERNAL_NAVIGATION_MENU---btn:focus:not([data-appian-ux-mouse-focus]):before {
  border-radius: 0.2857rem !important;
  /* matches semi_rounded button border radius */
}
.Button_SHARED_INTERNAL_NAVIGATION_MENU---inProcessHQ .Button_SHARED_INTERNAL_NAVIGATION_MENU---btn:focus:not([data-appian-ux-mouse-focus]):before {
  border-radius: 0rem !important;
}
button.Button_SHARED_INTERNAL_NAVIGATION_MENU---btn.Button_SHARED_INTERNAL_NAVIGATION_MENU---inNavigationHeaderLayout {
  fill: #ededed !important;
}
.Button_SHARED_INTERNAL_NAVIGATION_MENU---btn_wrapper:has(button.Button_SHARED_INTERNAL_NAVIGATION_MENU---btn.Button_SHARED_INTERNAL_NAVIGATION_MENU---inNavigationHeaderLayout) .Button_SHARED_INTERNAL_NAVIGATION_MENU---btn:focus:not([data-appian-ux-mouse-focus]) {
  position: relative !important;
}
.Button_SHARED_INTERNAL_NAVIGATION_MENU---btn_wrapper:has(button.Button_SHARED_INTERNAL_NAVIGATION_MENU---btn.Button_SHARED_INTERNAL_NAVIGATION_MENU---inNavigationHeaderLayout) .Button_SHARED_INTERNAL_NAVIGATION_MENU---btn:focus:not([data-appian-ux-mouse-focus]):before {
  position: absolute !important;
  content: "" !important;
  top: -3px !important;
  left: -4px !important;
  height: calc(100% + 6px) !important;
  width: calc(100% + 8px) !important;
  border: 1px solid #ededed !important;
}
.Button_SHARED_INTERNAL_NAVIGATION_MENU---inSidebarNavigationLayout .Button_SHARED_INTERNAL_NAVIGATION_MENU---btn_wrapper:has(button.Button_SHARED_INTERNAL_NAVIGATION_MENU---btn.Button_SHARED_INTERNAL_NAVIGATION_MENU---inNavigationHeaderLayout) .Button_SHARED_INTERNAL_NAVIGATION_MENU---btn:focus:not([data-appian-ux-mouse-focus]):before {
  border-radius: 0.2857rem !important;
  /* matches semi_rounded button border radius */
}
.Button_SHARED_INTERNAL_NAVIGATION_MENU---inProcessHQ .Button_SHARED_INTERNAL_NAVIGATION_MENU---btn_wrapper:has(button.Button_SHARED_INTERNAL_NAVIGATION_MENU---btn.Button_SHARED_INTERNAL_NAVIGATION_MENU---inNavigationHeaderLayout) .Button_SHARED_INTERNAL_NAVIGATION_MENU---btn:focus:not([data-appian-ux-mouse-focus]):before {
  border-radius: 0rem !important;
}
.Button_SHARED_INTERNAL_NAVIGATION_MENU---btn_wrapper.Button_SHARED_INTERNAL_NAVIGATION_MENU---accent button.Button_SHARED_INTERNAL_NAVIGATION_MENU---btn {
  fill: #1d659c !important;
}
.Button_SHARED_INTERNAL_NAVIGATION_MENU---btn_wrapper.Button_SHARED_INTERNAL_NAVIGATION_MENU---accent .Button_SHARED_INTERNAL_NAVIGATION_MENU---btn:focus:not([data-appian-ux-mouse-focus]) {
  position: relative !important;
}
.Button_SHARED_INTERNAL_NAVIGATION_MENU---btn_wrapper.Button_SHARED_INTERNAL_NAVIGATION_MENU---accent .Button_SHARED_INTERNAL_NAVIGATION_MENU---btn:focus:not([data-appian-ux-mouse-focus]):before {
  position: absolute !important;
  content: "" !important;
  top: -3px !important;
  left: -4px !important;
  height: calc(100% + 6px) !important;
  width: calc(100% + 8px) !important;
  border: 1px solid #1d659c !important;
}
.Button_SHARED_INTERNAL_NAVIGATION_MENU---inSidebarNavigationLayout .Button_SHARED_INTERNAL_NAVIGATION_MENU---btn_wrapper.Button_SHARED_INTERNAL_NAVIGATION_MENU---accent .Button_SHARED_INTERNAL_NAVIGATION_MENU---btn:focus:not([data-appian-ux-mouse-focus]):before {
  border-radius: 0.2857rem !important;
  /* matches semi_rounded button border radius */
}
.Button_SHARED_INTERNAL_NAVIGATION_MENU---inProcessHQ .Button_SHARED_INTERNAL_NAVIGATION_MENU---btn_wrapper.Button_SHARED_INTERNAL_NAVIGATION_MENU---accent .Button_SHARED_INTERNAL_NAVIGATION_MENU---btn:focus:not([data-appian-ux-mouse-focus]):before {
  border-radius: 0rem !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.Button_CONFIGURATION_MODE_TOGGLE---btn {
  padding: 0 0.7143rem !important;
}
.Button_CONFIGURATION_MODE_TOGGLE---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .Button_CONFIGURATION_MODE_TOGGLE---accessibilityhidden {
  font-size: 0 !important;
}
.Button_CONFIGURATION_MODE_TOGGLE---btn:focus {
  outline: none !important;
}
.Button_CONFIGURATION_MODE_TOGGLE---btn::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
.Button_CONFIGURATION_MODE_TOGGLE---btn_wrapper {
  display: inline-block !important;
  position: relative !important;
}
.appian-context-ux-page-size-phone .Button_CONFIGURATION_MODE_TOGGLE---btn_wrapper {
  display: block !important;
  max-width: none !important;
}
.appian-context-os-ios .Button_CONFIGURATION_MODE_TOGGLE---btn {
  font-family: -apple-system !important;
}
.appian-context-os-android .Button_CONFIGURATION_MODE_TOGGLE---btn {
  font-family: "Roboto" !important;
}
button.Button_CONFIGURATION_MODE_TOGGLE---btn {
  cursor: pointer !important;
  fill: #222 !important;
  line-height: 24px !important;
  display: inline-block !important;
  width: 40px !important;
  margin: 0 !important;
  /* 0 margin left/right needed for correct spacing on Safari */
  padding: 0 12px 0 0 !important;
  text-align: right !important;
  border: 1px solid transparent !important;
  background-color: transparent !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: auto !important;
}
.Button_CONFIGURATION_MODE_TOGGLE---btn.Button_CONFIGURATION_MODE_TOGGLE---has_pulldown svg.Button_CONFIGURATION_MODE_TOGGLE---pulldown {
  content: "" !important;
  display: inline-block !important;
  /* necessary for proper RTL behavior */
  width: 15px !important;
  height: 15px !important;
  position: absolute !important;
  right: -3px !important;
  top: 7px !important;
}
.Button_CONFIGURATION_MODE_TOGGLE---btn svg:not(.Button_CONFIGURATION_MODE_TOGGLE---pulldown) {
  height: 14px !important;
  width: auto !important;
  max-width: 24px !important;
  vertical-align: middle !important;
  fill: #222 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.Button_DECISION_CONTEXT_MENU---btn {
  padding: 0 0.7143rem !important;
}
.Button_DECISION_CONTEXT_MENU---btn_wrapper {
  display: inline-block !important;
  position: relative !important;
}
.Button_DECISION_CONTEXT_MENU---btn_wrapper:not(.Button_DECISION_CONTEXT_MENU---minimize_width):not(.Button_DECISION_CONTEXT_MENU---fill_width) {
  /* FILL buttons always take up full width. MINIMIZE never take up full width.
        On a phone-sized browser:
        DEFAULT buttons take up full width. Icon-only DEFAULT buttons do not take up full width.
        DEFAULT icon-only buttons stack. MINIMIZE icon-only buttons do not stack. */
}
.appian-context-ux-page-size-phone .Button_DECISION_CONTEXT_MENU---btn_wrapper:not(.Button_DECISION_CONTEXT_MENU---minimize_width):not(.Button_DECISION_CONTEXT_MENU---fill_width) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
.Button_DECISION_CONTEXT_MENU---btn_wrapper.Button_DECISION_CONTEXT_MENU---inGridLayout {
  /* Max grid column width - horizontal padding. Keep in sync with grids.less */
  max-width: calc(300px - 2 * 0.1429rem) !important;
}
.Button_DECISION_CONTEXT_MENU---btn:focus {
  outline: none !important;
}
.Button_DECISION_CONTEXT_MENU---btn::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
button.Button_DECISION_CONTEXT_MENU---btn {
  width: 20px !important;
  height: 40px !important;
  opacity: 0.65 !important;
  cursor: pointer !important;
  padding: 0 !important;
  border: 0 !important;
  background-color: transparent !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important;
  /* Safari-only: smooth transform */
}
.Button_DECISION_CONTEXT_MENU---btn:active,
.Button_DECISION_CONTEXT_MENU---btn:hover,
.Button_DECISION_CONTEXT_MENU---btn:focus:not(.appian-context-ux-mouse-focus) {
  opacity: 1 !important;
}
.Button_DECISION_CONTEXT_MENU---btn svg {
  content: "" !important;
  display: inline-block !important;
  height: 15px !important;
  width: 15px !important;
  fill: #666 !important;
  vertical-align: middle !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.Button_DESIGN_VIEW_FULL_WIDTH---btn {
  padding: 0 0.7143rem !important;
}
.Button_DESIGN_VIEW_FULL_WIDTH---btn:focus {
  outline: none !important;
}
.Button_DESIGN_VIEW_FULL_WIDTH---btn::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
.Button_DESIGN_VIEW_FULL_WIDTH---btn_wrapper {
  display: inline-block !important;
  position: relative !important;
  width: 100% !important;
}
button.Button_DESIGN_VIEW_FULL_WIDTH---btn {
  margin: 4px 0 0 -4px !important;
  padding: 0 7px !important;
  height: 30px !important;
  width: 100% !important;
  cursor: pointer !important;
  background-color: #fff !important;
  text-transform: uppercase !important;
  text-align: center !important;
  font-family: inherit !important;
  color: #1d659c !important;
  fill: #1d659c !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  font-size: 1rem !important;
  /* height and width of svg icon in standard button should match this value */
  font-weight: 600 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important;
  /* Safari-only: smooth transform */
  -webkit-transition-duration: 0.2s !important;
  transition-duration: 0.2s !important;
  -webkit-transition-property: -webkit-transform !important;
  transition-property: -webkit-transform !important;
  transition-property: transform !important;
  transition-property: transform, -webkit-transform !important;
}
.Button_DESIGN_VIEW_FULL_WIDTH---btn:disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  color: var(--appian-disabled-text-color, #777) !important;
  cursor: default !important;
}
.Button_DESIGN_VIEW_FULL_WIDTH---btn:not(:disabled):hover,
.Button_DESIGN_VIEW_FULL_WIDTH---btn:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  box-shadow: 0 0px 4px var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) inset !important;
}
.Button_DESIGN_VIEW_FULL_WIDTH---btn:not(:disabled):active {
  -webkit-transform: scaleX(0.98) scaleY(0.98) !important;
  transform: scaleX(0.98) scaleY(0.98) !important;
}
.Button_DESIGN_VIEW_FULL_WIDTH---btn .Button_DESIGN_VIEW_FULL_WIDTH---icon {
  display: inline-block !important;
  height: 1rem !important;
  width: 1rem !important;
  margin-right: 4px !important;
  vertical-align: -2px !important;
}
.Button_DESIGN_VIEW_FULL_WIDTH---btn:disabled .Button_DESIGN_VIEW_FULL_WIDTH---icon {
  fill: var(--appian-disabled-text-color, #777) !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.Button_DESIGN_VIEW_LEFT_ALIGN_NO_BORDER---btn {
  padding: 0 0.7143rem !important;
}
.Button_DESIGN_VIEW_LEFT_ALIGN_NO_BORDER---btn:focus {
  outline: none !important;
}
.Button_DESIGN_VIEW_LEFT_ALIGN_NO_BORDER---btn::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
.Button_DESIGN_VIEW_LEFT_ALIGN_NO_BORDER---btn_wrapper {
  display: inline-block !important;
  position: relative !important;
  width: 100% !important;
}
button.Button_DESIGN_VIEW_LEFT_ALIGN_NO_BORDER---btn {
  margin: 4px 0 0 -4px !important;
  padding: 0 7px !important;
  height: 30px !important;
  width: auto !important;
  cursor: pointer !important;
  background-color: #fff !important;
  text-transform: uppercase !important;
  text-align: left !important;
  font-family: inherit !important;
  color: #1d659c !important;
  fill: #1d659c !important;
  border: 0px none var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  font-size: 1rem !important;
  /* height and width of svg icon in standard button should match this value */
  font-weight: 600 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important;
  /* Safari-only: smooth transform */
  -webkit-transition-duration: 0.2s !important;
  transition-duration: 0.2s !important;
  -webkit-transition-property: -webkit-transform !important;
  transition-property: -webkit-transform !important;
  transition-property: transform !important;
  transition-property: transform, -webkit-transform !important;
}
.Button_DESIGN_VIEW_LEFT_ALIGN_NO_BORDER---btn:disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  color: var(--appian-disabled-text-color, #777) !important;
  cursor: default !important;
}
.Button_DESIGN_VIEW_LEFT_ALIGN_NO_BORDER---btn:not(:disabled):hover,
.Button_DESIGN_VIEW_LEFT_ALIGN_NO_BORDER---btn:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  border: 0px none var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  box-shadow: 0 0px 4px var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) inset !important;
}
.Button_DESIGN_VIEW_LEFT_ALIGN_NO_BORDER---btn:not(:disabled):active {
  -webkit-transform: scaleX(0.98) scaleY(0.98) !important;
  transform: scaleX(0.98) scaleY(0.98) !important;
}
.Button_DESIGN_VIEW_LEFT_ALIGN_NO_BORDER---btn .Button_DESIGN_VIEW_LEFT_ALIGN_NO_BORDER---icon {
  display: inline-block !important;
  height: 1rem !important;
  width: 1rem !important;
  margin-right: 4px !important;
  vertical-align: -2px !important;
}
.Button_DESIGN_VIEW_LEFT_ALIGN_NO_BORDER---btn:disabled .Button_DESIGN_VIEW_LEFT_ALIGN_NO_BORDER---icon {
  fill: var(--appian-disabled-text-color, #777) !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.Button_DESIGNER_HEADER_TOGGLES---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .Button_DESIGNER_HEADER_TOGGLES---accessibilityhidden {
  font-size: 0 !important;
}
button.Button_DESIGNER_HEADER_TOGGLES---btn {
  position: relative !important;
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-serif !important;
  width: 100% !important;
  cursor: pointer !important;
  fill: #bbb !important;
  color: #bbb !important;
  background-color: #24236a !important;
  border: none !important;
  margin: 0 !important;
  padding: 0.3571rem 1.1429rem !important;
  height: 2rem !important;
  font-size: 0.9286rem !important;
  text-transform: uppercase !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important;
  /* Safari-only: smooth transform */
  overflow: hidden !important;
}
.Button_DESIGNER_HEADER_TOGGLES---btn_wrapper:first-child .Button_DESIGNER_HEADER_TOGGLES---btn {
  box-shadow: inset 1px 0 0 #343380, inset 0 -1px 0 #343380, inset 0 1px 0 #343380 !important;
}
.Button_DESIGNER_HEADER_TOGGLES---btn_wrapper:last-child .Button_DESIGNER_HEADER_TOGGLES---btn {
  box-shadow: inset -1px 0 0 #343380, inset 0 -1px 0 #343380, inset 0 1px 0 #343380 !important;
}
.Button_DESIGNER_HEADER_TOGGLES---btn.Button_DESIGNER_HEADER_TOGGLES---primary {
  font-weight: 600 !important;
  fill: #fff !important;
  color: #fff !important;
}
.Button_DESIGNER_HEADER_TOGGLES---btn:before {
  content: "" !important;
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  border: 1px solid #7979c6 !important;
  background-color: #42429c !important;
}
.Button_DESIGNER_HEADER_TOGGLES---btn_wrapper:first-child .Button_DESIGNER_HEADER_TOGGLES---btn:before {
  left: 100% !important;
  -webkit-transition: left 150ms ease-in-out !important;
  transition: left 150ms ease-in-out !important;
}
.Button_DESIGNER_HEADER_TOGGLES---btn_wrapper:first-child .Button_DESIGNER_HEADER_TOGGLES---btn.Button_DESIGNER_HEADER_TOGGLES---primary:before {
  left: 0 !important;
}
.Button_DESIGNER_HEADER_TOGGLES---btn_wrapper:last-child .Button_DESIGNER_HEADER_TOGGLES---btn:before {
  right: 100% !important;
  -webkit-transition: right 150ms ease-in-out !important;
  transition: right 150ms ease-in-out !important;
}
.Button_DESIGNER_HEADER_TOGGLES---btn_wrapper:last-child .Button_DESIGNER_HEADER_TOGGLES---btn.Button_DESIGNER_HEADER_TOGGLES---primary:before {
  right: 0 !important;
}
.Button_DESIGNER_HEADER_TOGGLES---btn:focus:not([data-appian-ux-mouse-focus]):not(:disabled),
.Button_DESIGNER_HEADER_TOGGLES---btn.Button_DESIGNER_HEADER_TOGGLES---primary:focus:not([data-appian-ux-mouse-focus]):not(:disabled):before {
  outline: 1px solid #fff !important;
  outline-offset: -3px !important;
}
.Button_DESIGNER_HEADER_TOGGLES---btn:not(.Button_DESIGNER_HEADER_TOGGLES---primary):hover:not(:disabled),
.Button_DESIGNER_HEADER_TOGGLES---btn:not(.Button_DESIGNER_HEADER_TOGGLES---primary):focus:not([data-appian-ux-mouse-focus]):not(:disabled) {
  background-color: #343380 !important;
}
.Button_DESIGNER_HEADER_TOGGLES---btn:disabled {
  opacity: 0.5 !important;
  cursor: default !important;
}
.Button_DESIGNER_HEADER_TOGGLES---btn .Button_DESIGNER_HEADER_TOGGLES---icon {
  content: "" !important;
  display: inline-block !important;
  height: 1rem !important;
  width: 1rem !important;
  vertical-align: -2px !important;
  margin-right: 0.2857rem !important;
  position: relative !important;
}
.Button_DESIGNER_HEADER_TOGGLES---btn > span {
  position: relative !important;
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}
.Button_DESIGNER_HEADER_TOGGLES---btn > span > span:nth-child(2):after {
  content: attr(data-buttontext) !important;
  font-weight: 600 !important;
  display: block !important;
  visibility: hidden !important;
  padding-left: 1.2857rem !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.Button_GRID_CONTEXT_MENU---btn {
  padding: 0 0.7143rem !important;
}
.Button_GRID_CONTEXT_MENU---btn:focus {
  outline: none !important;
}
.Button_GRID_CONTEXT_MENU---btn::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
button.Button_GRID_CONTEXT_MENU---btn {
  width: 20px !important;
  padding: 0 !important;
  opacity: 0.65 !important;
  cursor: pointer !important;
  border: 0 !important;
  vertical-align: middle !important;
  background-color: transparent !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important;
  /* Safari-only: smooth transform */
}
.Button_GRID_CONTEXT_MENU---btn:active,
.Button_GRID_CONTEXT_MENU---btn:hover,
.Button_GRID_CONTEXT_MENU---btn:focus:not(.appian-context-ux-mouse-focus) {
  opacity: 1 !important;
}
.Button_GRID_CONTEXT_MENU---btn svg {
  content: "" !important;
  display: inline-block !important;
  height: 15px !important;
  width: 20px !important;
  fill: var(--appian-subtle-text-color, #666) !important;
  vertical-align: middle !important;
  position: relative !important;
  right: 3px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.Button_ID_CONTEXT_MENU---btn {
  padding: 0 0.7143rem !important;
}
.Button_ID_CONTEXT_MENU---btn:focus {
  outline: none !important;
}
.Button_ID_CONTEXT_MENU---btn::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
.Button_ID_CONTEXT_MENU---btn_wrapper {
  position: absolute !important;
  top: 0.0714rem !important;
  display: inline-block !important;
}
button.Button_ID_CONTEXT_MENU---btn {
  display: inline-block !important;
  background-color: #888 !important;
  height: 1.1429rem !important;
  line-height: 1.1429rem !important;
  fill: #eee !important;
  margin-left: 0.1429rem !important;
  position: relative !important;
  pointer-events: auto !important;
  border: none !important;
  padding: 0 !important;
}
.Button_ID_CONTEXT_MENU---btn:hover,
.Button_ID_CONTEXT_MENU---btn:focus:not(.appian-context-ux-mouse-focus) {
  cursor: pointer !important;
}
.Button_ID_CONTEXT_MENU---btn svg.Button_ID_CONTEXT_MENU---icon {
  content: "" !important;
  display: inline-block !important;
  height: 1.1429rem !important;
  width: 1.1429rem !important;
  padding: 0 0.2857rem !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.Button_LIVE_VIEW_FORM_FACTOR_ROTATION_TOGGLE---btn {
  padding: 0 0.7143rem !important;
}
.Button_LIVE_VIEW_FORM_FACTOR_ROTATION_TOGGLE---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .Button_LIVE_VIEW_FORM_FACTOR_ROTATION_TOGGLE---accessibilityhidden {
  font-size: 0 !important;
}
.Button_LIVE_VIEW_FORM_FACTOR_ROTATION_TOGGLE---btn_wrapper {
  display: inline-block !important;
  position: relative !important;
}
.Button_LIVE_VIEW_FORM_FACTOR_ROTATION_TOGGLE---btn_wrapper:not(.Button_LIVE_VIEW_FORM_FACTOR_ROTATION_TOGGLE---minimize_width):not(.Button_LIVE_VIEW_FORM_FACTOR_ROTATION_TOGGLE---fill_width) {
  /* FILL buttons always take up full width. MINIMIZE never take up full width.
        On a phone-sized browser:
        DEFAULT buttons take up full width. Icon-only DEFAULT buttons do not take up full width.
        DEFAULT icon-only buttons stack. MINIMIZE icon-only buttons do not stack. */
}
.appian-context-ux-page-size-phone .Button_LIVE_VIEW_FORM_FACTOR_ROTATION_TOGGLE---btn_wrapper:not(.Button_LIVE_VIEW_FORM_FACTOR_ROTATION_TOGGLE---minimize_width):not(.Button_LIVE_VIEW_FORM_FACTOR_ROTATION_TOGGLE---fill_width) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
.Button_LIVE_VIEW_FORM_FACTOR_ROTATION_TOGGLE---btn_wrapper.Button_LIVE_VIEW_FORM_FACTOR_ROTATION_TOGGLE---inGridLayout {
  /* Max grid column width - horizontal padding. Keep in sync with grids.less */
  max-width: calc(300px - 2 * 0.1429rem) !important;
}
.Button_LIVE_VIEW_FORM_FACTOR_ROTATION_TOGGLE---btn:focus {
  outline: none !important;
}
.Button_LIVE_VIEW_FORM_FACTOR_ROTATION_TOGGLE---btn::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
button.Button_LIVE_VIEW_FORM_FACTOR_ROTATION_TOGGLE---btn {
  height: 26px !important;
  display: inline-block !important;
  padding: 2px 2px !important;
  border: 1px solid #c5cbd4 !important;
  border-radius: 2px !important;
  background-color: #f3f3fd !important;
  fill: var(--appian-app-header-background-color, #020a51) !important;
  margin: 0 !important;
  opacity: 0.8 !important;
  line-height: 26px !important;
  position: absolute !important;
  bottom: -58px !important;
  right: 18px !important;
  -webkit-transition-duration: 0.2s !important;
  transition-duration: 0.2s !important;
  -webkit-transition-property: -webkit-transform !important;
  transition-property: -webkit-transform !important;
  transition-property: transform !important;
  transition-property: transform, -webkit-transform !important;
}
.Button_LIVE_VIEW_FORM_FACTOR_ROTATION_TOGGLE---btn:hover {
  cursor: pointer !important;
}
.Button_LIVE_VIEW_FORM_FACTOR_ROTATION_TOGGLE---btn:hover,
.Button_LIVE_VIEW_FORM_FACTOR_ROTATION_TOGGLE---btn:focus:not(.appian-context-ux-mouse-focus) {
  opacity: 1 !important;
}
.Button_LIVE_VIEW_FORM_FACTOR_ROTATION_TOGGLE---btn:not(:disabled):active {
  -webkit-transform: scaleX(0.98) scaleY(0.98) !important;
  transform: scaleX(0.98) scaleY(0.98) !important;
}
.Button_LIVE_VIEW_FORM_FACTOR_ROTATION_TOGGLE---btn svg.Button_LIVE_VIEW_FORM_FACTOR_ROTATION_TOGGLE---icon {
  height: 20px !important;
  width: 20px !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---btn {
  padding: 0 0.7143rem !important;
}
.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---accessibilityhidden {
  font-size: 0 !important;
}
.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---btn_wrapper {
  display: inline-block !important;
  position: relative !important;
}
.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---btn_wrapper:not(.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---minimize_width):not(.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---fill_width) {
  /* FILL buttons always take up full width. MINIMIZE never take up full width.
        On a phone-sized browser:
        DEFAULT buttons take up full width. Icon-only DEFAULT buttons do not take up full width.
        DEFAULT icon-only buttons stack. MINIMIZE icon-only buttons do not stack. */
}
.appian-context-ux-page-size-phone .Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---btn_wrapper:not(.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---minimize_width):not(.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---fill_width) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---btn_wrapper.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---inGridLayout {
  /* Max grid column width - horizontal padding. Keep in sync with grids.less */
  max-width: calc(300px - 2 * 0.1429rem) !important;
}
.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---btn:focus {
  outline: none !important;
}
.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---btn::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---btn_wrapper {
  height: 100% !important;
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
button.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---btn {
  height: calc(100% - 0.7143rem) !important;
  display: inline-block !important;
  padding: 0 0.2143rem 0.1429rem 0.2143rem !important;
  background-color: transparent !important;
  fill: #000 !important;
  margin: 0 3px !important;
  border: 1px solid transparent !important;
  border-radius: 2px !important;
}
.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---btn:hover,
.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---btn:focus:not(.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---primary):not(.appian-context-ux-mouse-focus) {
  border-color: #c5cbd4 !important;
}
.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---btn:focus:not(.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---primary):not(.appian-context-ux-mouse-focus) {
  text-decoration: none !important;
}
.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---btn:hover {
  cursor: pointer !important;
}
.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---btn.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---primary {
  fill: #fff !important;
  background-color: #42429c !important;
  border-color: #42429c !important;
}
.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---btn svg.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---icon {
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  vertical-align: -3px !important;
}
.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---btn.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---large svg.Button_LIVE_VIEW_FORM_FACTOR_TOGGLES---icon {
  width: 1.2381rem !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.Button_NAVIGATION_HAMBURGER_MENU_CLOSE---btn {
  padding: 0 0.7143rem !important;
}
.Button_NAVIGATION_HAMBURGER_MENU_CLOSE---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .Button_NAVIGATION_HAMBURGER_MENU_CLOSE---accessibilityhidden {
  font-size: 0 !important;
}
.Button_NAVIGATION_HAMBURGER_MENU_CLOSE---btn:focus {
  outline: none !important;
}
.Button_NAVIGATION_HAMBURGER_MENU_CLOSE---btn::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
button.Button_NAVIGATION_HAMBURGER_MENU_CLOSE---btn.Button_NAVIGATION_HAMBURGER_MENU_CLOSE---btn {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  cursor: pointer !important;
  fill: #ededed !important;
  background-color: transparent !important;
  padding: 0 !important;
  border: none !important;
}
.Button_NAVIGATION_HAMBURGER_MENU_CLOSE---btn:hover {
  opacity: 0.65 !important;
}
.Button_NAVIGATION_HAMBURGER_MENU_CLOSE---btn:focus:not([data-appian-ux-mouse-focus]) {
  outline: 1px dotted #ededed !important;
}
.Button_NAVIGATION_HAMBURGER_MENU_CLOSE---btn svg.Button_NAVIGATION_HAMBURGER_MENU_CLOSE---icon {
  content: "" !important;
  display: inline-block !important;
  height: 24px !important;
  width: 20px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.Button_MODAL_CLOSE_BUTTON---btn {
  padding: 0 0.7143rem !important;
}
.Button_MODAL_CLOSE_BUTTON---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .Button_MODAL_CLOSE_BUTTON---accessibilityhidden {
  font-size: 0 !important;
}
.Button_MODAL_CLOSE_BUTTON---btn_wrapper {
  display: inline-block !important;
  position: relative !important;
}
.Button_MODAL_CLOSE_BUTTON---btn_wrapper:not(.Button_MODAL_CLOSE_BUTTON---minimize_width):not(.Button_MODAL_CLOSE_BUTTON---fill_width) {
  /* FILL buttons always take up full width. MINIMIZE never take up full width.
        On a phone-sized browser:
        DEFAULT buttons take up full width. Icon-only DEFAULT buttons do not take up full width.
        DEFAULT icon-only buttons stack. MINIMIZE icon-only buttons do not stack. */
}
.appian-context-ux-page-size-phone .Button_MODAL_CLOSE_BUTTON---btn_wrapper:not(.Button_MODAL_CLOSE_BUTTON---minimize_width):not(.Button_MODAL_CLOSE_BUTTON---fill_width) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
.Button_MODAL_CLOSE_BUTTON---btn_wrapper.Button_MODAL_CLOSE_BUTTON---inGridLayout {
  /* Max grid column width - horizontal padding. Keep in sync with grids.less */
  max-width: calc(300px - 2 * 0.1429rem) !important;
}
.Button_MODAL_CLOSE_BUTTON---btn:focus {
  outline: none !important;
}
.Button_MODAL_CLOSE_BUTTON---btn::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
button.Button_MODAL_CLOSE_BUTTON---btn {
  cursor: pointer !important;
  fill: #949494 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background-color: transparent !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important;
  /* Safari-only: smooth transform */
}
.Button_MODAL_CLOSE_BUTTON---btn:hover,
.Button_MODAL_CLOSE_BUTTON---btn:focus:not(.appian-context-ux-mouse-focus) {
  fill: #444 !important;
}
.Button_MODAL_CLOSE_BUTTON---btn svg.Button_MODAL_CLOSE_BUTTON---icon {
  display: inline-block !important;
  height: 18px !important;
  width: 18px !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.Button_NEWS_HEADER_MENU---btn {
  padding: 0 0.7143rem !important;
}
.Button_NEWS_HEADER_MENU---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .Button_NEWS_HEADER_MENU---accessibilityhidden {
  font-size: 0 !important;
}
.Button_NEWS_HEADER_MENU---btn_wrapper {
  display: inline-block !important;
  position: relative !important;
}
.Button_NEWS_HEADER_MENU---btn_wrapper:not(.Button_NEWS_HEADER_MENU---minimize_width):not(.Button_NEWS_HEADER_MENU---fill_width) {
  /* FILL buttons always take up full width. MINIMIZE never take up full width.
        On a phone-sized browser:
        DEFAULT buttons take up full width. Icon-only DEFAULT buttons do not take up full width.
        DEFAULT icon-only buttons stack. MINIMIZE icon-only buttons do not stack. */
}
.appian-context-ux-page-size-phone .Button_NEWS_HEADER_MENU---btn_wrapper:not(.Button_NEWS_HEADER_MENU---minimize_width):not(.Button_NEWS_HEADER_MENU---fill_width) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
.Button_NEWS_HEADER_MENU---btn_wrapper.Button_NEWS_HEADER_MENU---inGridLayout {
  /* Max grid column width - horizontal padding. Keep in sync with grids.less */
  max-width: calc(300px - 2 * 0.1429rem) !important;
}
button.Button_NEWS_HEADER_MENU---btn {
  cursor: pointer !important;
  color: var(--appian-secondary-text-color, #767676) !important;
  fill: var(--appian-secondary-text-color, #767676) !important;
  padding: 0 !important;
  margin: 1px -3px !important;
  /* -3px margin needed to line this up with other icon-based buttons */
  border: 1px solid transparent !important;
  background-color: transparent !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important;
  /* Safari-only: smooth transform */
}
.appian-context-ux-page-size-phone button.Button_NEWS_HEADER_MENU---btn {
  width: initial !important;
}
button.Button_NEWS_HEADER_MENU---btn::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
.Button_NEWS_HEADER_MENU---btn:hover,
.Button_NEWS_HEADER_MENU---btn:focus:not(.appian-context-ux-mouse-focus) {
  color: #1d659c !important;
  fill: #1d659c !important;
}
.Button_NEWS_HEADER_MENU---btn:focus {
  outline: none !important;
}
.Button_NEWS_HEADER_MENU---btn svg.Button_NEWS_HEADER_MENU---icon {
  content: "" !important;
  display: inline-block !important;
  height: 17px !important;
  width: 17px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
button.Button_PHQ_TOGGLE_BUTTON---btn {
  position: relative !important;
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-serif !important;
  width: 100% !important;
  cursor: pointer !important;
  color: #eee !important;
  background-color: var(--appian-custom-hex-color, transparent) !important;
  border: none !important;
  margin: 0 !important;
  padding: 7px !important;
  text-transform: uppercase !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important;
  /* Safari-only: smooth transform */
  overflow: hidden !important;
  -webkit-transition: color 150ms ease-in-out !important;
  transition: color 150ms ease-in-out !important;
}
button.Button_PHQ_TOGGLE_BUTTON---btn:not(.Button_PHQ_TOGGLE_BUTTON---primary):hover {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
}
button.Button_PHQ_TOGGLE_BUTTON---btn.Button_PHQ_TOGGLE_BUTTON---primary {
  font-weight: 700 !important;
  color: #222 !important;
  -webkit-transition: color 150ms ease-in-out !important;
  transition: color 150ms ease-in-out !important;
}
button.Button_PHQ_TOGGLE_BUTTON---btn span {
  line-height: 1.42857143rem !important;
}
.Button_PHQ_TOGGLE_BUTTON---btn > span {
  position: relative !important;
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.Button_PHQ_TOGGLE_BUTTON---btn_wrapper.appian-context-first-in-list .Button_PHQ_TOGGLE_BUTTON---btn {
  border-top-left-radius: 0rem !important;
  border-bottom-left-radius: 0rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.Button_PHQ_TOGGLE_BUTTON---btn_wrapper.appian-context-last-in-list .Button_PHQ_TOGGLE_BUTTON---btn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0rem !important;
  border-bottom-right-radius: 0rem !important;
}
.Button_PHQ_TOGGLE_BUTTON---btn:before {
  content: "" !important;
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  background-color: #1d659c !important;
}
.Button_PHQ_TOGGLE_BUTTON---btn_wrapper:first-child .Button_PHQ_TOGGLE_BUTTON---btn:before {
  left: 100% !important;
  -webkit-transition: left 150ms ease-in-out !important;
  transition: left 150ms ease-in-out !important;
}
.Button_PHQ_TOGGLE_BUTTON---btn_wrapper:first-child .Button_PHQ_TOGGLE_BUTTON---btn.Button_PHQ_TOGGLE_BUTTON---primary:before {
  left: 0 !important;
}
.Button_PHQ_TOGGLE_BUTTON---btn_wrapper:last-child .Button_PHQ_TOGGLE_BUTTON---btn:before {
  right: 100% !important;
  -webkit-transition: right 150ms ease-in-out !important;
  transition: right 150ms ease-in-out !important;
}
.Button_PHQ_TOGGLE_BUTTON---btn_wrapper:last-child .Button_PHQ_TOGGLE_BUTTON---btn.Button_PHQ_TOGGLE_BUTTON---primary:before {
  right: 0 !important;
}
.Button_PHQ_TOGGLE_BUTTON---btn:focus:not([data-appian-ux-mouse-focus]):not(:disabled) {
  outline: 1px solid #fff !important;
  outline-offset: -3px !important;
}
.Button_PHQ_TOGGLE_BUTTON---btn.Button_PHQ_TOGGLE_BUTTON---primary:focus:not([data-appian-ux-mouse-focus]):not(:disabled):before {
  outline: 1px solid #222 !important;
  outline-offset: -3px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.Button_RICH_TEXT_DESIGN_TIME---btn {
  padding: 0 0.7143rem !important;
}
.Button_RICH_TEXT_DESIGN_TIME---btn:focus {
  outline: none !important;
}
.Button_RICH_TEXT_DESIGN_TIME---btn::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
.Button_RICH_TEXT_DESIGN_TIME---btn {
  position: relative !important;
}
.Button_RICH_TEXT_DESIGN_TIME---btn:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  content: "" !important;
  position: absolute !important;
  top: 1px !important;
  left: 1px !important;
  height: calc(100% - 2px) !important;
  width: calc(100% - 2px) !important;
  border: 1px solid #1d659c !important;
  border-radius: inherit !important;
}
.Button_RICH_TEXT_DESIGN_TIME---btn.Button_RICH_TEXT_DESIGN_TIME---inAccentBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #fff !important;
}
:not(.Button_RICH_TEXT_DESIGN_TIME---accent):not(.Button_RICH_TEXT_DESIGN_TIME---secondary):not(.Button_RICH_TEXT_DESIGN_TIME---negative):not(.Button_RICH_TEXT_DESIGN_TIME---hex) .Button_RICH_TEXT_DESIGN_TIME---btn.Button_RICH_TEXT_DESIGN_TIME---link_style.Button_RICH_TEXT_DESIGN_TIME---inDarkBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #eee !important;
}
.Button_RICH_TEXT_DESIGN_TIME---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .Button_RICH_TEXT_DESIGN_TIME---accessibilityhidden {
  font-size: 0 !important;
}
button.Button_RICH_TEXT_DESIGN_TIME---btn {
  cursor: pointer !important;
  height: 1.6429rem !important;
  /* 1.7143rem caused icons to move drastically when button was pressed */
  min-width: 1.7143rem !important;
  margin: 1px !important;
  color: var(--appian-subtle-text-color, #666) !important;
  fill: var(--appian-subtle-text-color, #666) !important;
  border: 1px solid transparent !important;
  background-color: transparent !important;
  padding: 2px 4px !important;
  border-radius: 0 !important;
  /* needed to prevent rounded corners on Mac Chrome v62 */
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-transition-duration: 0.2s !important;
  transition-duration: 0.2s !important;
  -webkit-transition-property: -webkit-transform !important;
  transition-property: -webkit-transform !important;
  transition-property: transform !important;
  transition-property: transform, -webkit-transform !important;
  -webkit-font-smoothing: antialiased !important;
  /* Safari-only: smooth transform */
}
button.Button_RICH_TEXT_DESIGN_TIME---btn:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
button.Button_RICH_TEXT_DESIGN_TIME---btn:not(:disabled):hover {
  border-color: #bbb !important;
}
.Button_RICH_TEXT_DESIGN_TIME---menu_is_open {
  border-color: #bbb !important;
}
.Button_RICH_TEXT_DESIGN_TIME---btn:disabled {
  -webkit-transform: none !important;
          transform: none !important;
  opacity: 0.5 !important;
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  cursor: default !important;
  box-shadow: none !important;
}
.Button_RICH_TEXT_DESIGN_TIME---btn:not(:disabled):active {
  -webkit-transform: scaleX(0.99) scaleY(0.99) !important;
  transform: scaleX(0.99) scaleY(0.99) !important;
}
.Button_RICH_TEXT_DESIGN_TIME---btn.Button_RICH_TEXT_DESIGN_TIME---primary {
  color: #fff !important;
  fill: #fff !important;
  border-color: #1d659c !important;
  background-color: #1d659c !important;
}
.Button_RICH_TEXT_DESIGN_TIME---btn.Button_RICH_TEXT_DESIGN_TIME---primary:not(:disabled):active,
.Button_RICH_TEXT_DESIGN_TIME---btn.Button_RICH_TEXT_DESIGN_TIME---primary:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.Button_RICH_TEXT_DESIGN_TIME---btn.Button_RICH_TEXT_DESIGN_TIME---primary:not(:disabled):hover {
  background-color: #2173b2 !important;
  border-color: #1d659c !important;
}
.Button_RICH_TEXT_DESIGN_TIME---btn.Button_RICH_TEXT_DESIGN_TIME---primary:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  background-color: #2173b2 !important;
}
.Button_RICH_TEXT_DESIGN_TIME---btn.Button_RICH_TEXT_DESIGN_TIME---primary:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #fff !important;
}
.Button_RICH_TEXT_DESIGN_TIME---btn svg.Button_RICH_TEXT_DESIGN_TIME---icon {
  content: "" !important;
  display: inline-block !important;
  height: 0.9286rem !important;
  /* matches the font-size defined in small buttons */
  max-width: 1.0714rem !important;
  /* custom size icon needs a wider width than the others */
  vertical-align: -0.1429rem !important;
  fill: inherit !important;
}
.Button_RICH_TEXT_DESIGN_TIME---btn:not(.Button_RICH_TEXT_DESIGN_TIME---primary):not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  content: none !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---btn {
  padding: 0 0.7143rem !important;
}
.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---accessibilityhidden {
  font-size: 0 !important;
}
.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---btn_wrapper {
  display: inline-block !important;
  position: relative !important;
}
.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---btn_wrapper:not(.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---minimize_width):not(.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---fill_width) {
  /* FILL buttons always take up full width. MINIMIZE never take up full width.
        On a phone-sized browser:
        DEFAULT buttons take up full width. Icon-only DEFAULT buttons do not take up full width.
        DEFAULT icon-only buttons stack. MINIMIZE icon-only buttons do not stack. */
}
.appian-context-ux-page-size-phone .Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---btn_wrapper:not(.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---minimize_width):not(.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---fill_width) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---btn_wrapper.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---inGridLayout {
  /* Max grid column width - horizontal padding. Keep in sync with grids.less */
  max-width: calc(300px - 2 * 0.1429rem) !important;
}
.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---btn:focus {
  outline: none !important;
}
.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---btn::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---btn_wrapper {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  height: 32px !important;
}
button.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---btn.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---btn,
button.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---btn.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---inTempoSiteHeaderLayout {
  cursor: pointer !important;
  color: #ededed !important;
  fill: #ededed !important;
  height: 24px !important;
  padding: 0 !important;
  margin: 1px 0 !important;
  /* 0 margin left/right needed for correct spacing on Safari */
  border: 1px solid transparent !important;
  background-color: transparent !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important;
  /* Safari-only: smooth transform */
}
.appian-context-ux-page-size-phone button.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---btn.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---btn,
.appian-context-ux-page-size-phone button.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---btn.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---inTempoSiteHeaderLayout {
  width: initial !important;
}
.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---btn:hover {
  opacity: 0.65 !important;
}
.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---btn:focus:not([data-appian-ux-mouse-focus]) {
  position: relative !important;
}
.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---btn:focus:not([data-appian-ux-mouse-focus]):before {
  position: absolute !important;
  content: "" !important;
  top: -3px !important;
  left: -4px !important;
  height: calc(100% + 6px) !important;
  width: calc(100% + 8px) !important;
  border: 1px solid #ededed !important;
}
.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---inSidebarNavigationLayout .Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---btn:focus:not([data-appian-ux-mouse-focus]):before {
  border-radius: 0.2857rem !important;
  /* matches semi_rounded button border radius */
}
.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---inProcessHQ .Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---btn:focus:not([data-appian-ux-mouse-focus]):before {
  border-radius: 0rem !important;
}
.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---btn svg.Button_SITE_HEADER_LAYOUT_ICON_NAVIGATION_MENU---icon {
  content: "" !important;
  display: inline-block !important;
  height: 22px !important;
  width: 22px !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.Button_SITE_HEADER_LAYOUT_NAME_NAVIGATION_MENU---btn {
  padding: 0 0.7143rem !important;
}
.Button_SITE_HEADER_LAYOUT_NAME_NAVIGATION_MENU---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .Button_SITE_HEADER_LAYOUT_NAME_NAVIGATION_MENU---accessibilityhidden {
  font-size: 0 !important;
}
.Button_SITE_HEADER_LAYOUT_NAME_NAVIGATION_MENU---btn:focus {
  outline: none !important;
}
.Button_SITE_HEADER_LAYOUT_NAME_NAVIGATION_MENU---btn::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
.appian-context-os-ios .Button_SITE_HEADER_LAYOUT_NAME_NAVIGATION_MENU---btn {
  font-family: -apple-system !important;
}
.appian-context-os-android .Button_SITE_HEADER_LAYOUT_NAME_NAVIGATION_MENU---btn {
  font-family: "Roboto" !important;
}
button.Button_SITE_HEADER_LAYOUT_NAME_NAVIGATION_MENU---btn,
button.Button_SITE_HEADER_LAYOUT_NAME_NAVIGATION_MENU---btn.Button_SITE_HEADER_LAYOUT_NAME_NAVIGATION_MENU---inSiteHeaderLayout {
  cursor: pointer !important;
  font-family: inherit !important;
  color: #ededed !important;
  fill: #ededed !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  display: inline-block !important;
  margin: 0 !important;
  /* 0 margin left/right needed for correct spacing on Safari */
  padding: 0 14px 0 0 !important;
  width: 100% !important;
  max-width: 400px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  border: 1px solid transparent !important;
  background-color: transparent !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: auto !important;
}
@media only screen and (max-width: 1024px) {
  button.Button_SITE_HEADER_LAYOUT_NAME_NAVIGATION_MENU---btn,
  button.Button_SITE_HEADER_LAYOUT_NAME_NAVIGATION_MENU---btn.Button_SITE_HEADER_LAYOUT_NAME_NAVIGATION_MENU---inSiteHeaderLayout {
    max-width: 250px !important;
  }
}
.Button_SITE_HEADER_LAYOUT_NAME_NAVIGATION_MENU---btn:hover,
.Button_SITE_HEADER_LAYOUT_NAME_NAVIGATION_MENU---btn:focus:not(.appian-context-ux-mouse-focus) {
  border-bottom: 1px solid #ededed !important;
}
.Button_SITE_HEADER_LAYOUT_NAME_NAVIGATION_MENU---btn.Button_SITE_HEADER_LAYOUT_NAME_NAVIGATION_MENU---has_pulldown svg.Button_SITE_HEADER_LAYOUT_NAME_NAVIGATION_MENU---pulldown {
  content: "" !important;
  display: inline-block !important;
  /* necessary for proper RTL behavior */
  width: 15px !important;
  height: 15px !important;
  position: absolute !important;
  right: -3px !important;
  top: 7px !important;
}
.Button_SITE_HEADER_LAYOUT_NAME_NAVIGATION_MENU---btn_wrapper {
  display: inline-block !important;
  position: relative !important;
  width: 100% !important;
}
.appian-context-ux-page-size-phone .Button_SITE_HEADER_LAYOUT_NAME_NAVIGATION_MENU---btn_wrapper {
  display: block !important;
  max-width: none !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.Button_STYLED_TEXT_EDITOR_TOOLBAR---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .Button_STYLED_TEXT_EDITOR_TOOLBAR---accessibilityhidden {
  font-size: 0 !important;
}
button.Button_STYLED_TEXT_EDITOR_TOOLBAR---btn {
  cursor: pointer !important;
  position: relative !important;
  height: 28px !important;
  width: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--appian-text-color, #222) !important;
  fill: var(--appian-text-color, #222) !important;
  border: 1px solid transparent !important;
  background-color: transparent !important;
  border-radius: 0rem !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-transition-duration: 0.2s !important;
  transition-duration: 0.2s !important;
  -webkit-transition-property: -webkit-transform !important;
  transition-property: -webkit-transform !important;
  transition-property: transform !important;
  transition-property: transform, -webkit-transform !important;
  -webkit-font-smoothing: antialiased !important;
  /* Safari-only: smooth transform */
}
button.Button_STYLED_TEXT_EDITOR_TOOLBAR---btn:focus {
  outline: none !important;
}
button.Button_STYLED_TEXT_EDITOR_TOOLBAR---btn:disabled {
  cursor: default !important;
  color: var(--appian-disabled-standalone-text-color, #bbb) !important;
  fill: var(--appian-disabled-standalone-text-color, #bbb) !important;
}
button.Button_STYLED_TEXT_EDITOR_TOOLBAR---btn:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  border-color: #1d659c !important;
}
button.Button_STYLED_TEXT_EDITOR_TOOLBAR---btn:not(:disabled):hover {
  background-color: #f0f0f0 !important;
}
button.Button_STYLED_TEXT_EDITOR_TOOLBAR---btn:not(:disabled):hover.Button_STYLED_TEXT_EDITOR_TOOLBAR---dark_theme:not(.Button_STYLED_TEXT_EDITOR_TOOLBAR---primary) {
  background-color: rgba(240, 240, 240, 0.15) !important;
}
.Button_STYLED_TEXT_EDITOR_TOOLBAR---btn.Button_STYLED_TEXT_EDITOR_TOOLBAR---primary {
  color: #fff !important;
  fill: #fff !important;
  border-color: #1d659c !important;
  background-color: #1d659c !important;
}
.Button_STYLED_TEXT_EDITOR_TOOLBAR---btn.Button_STYLED_TEXT_EDITOR_TOOLBAR---primary:not(:disabled):hover {
  border-color: #2173b2 !important;
  background-color: #2173b2 !important;
}
.Button_STYLED_TEXT_EDITOR_TOOLBAR---btn.Button_STYLED_TEXT_EDITOR_TOOLBAR---primary:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  content: "" !important;
  position: absolute !important;
  top: 1px !important;
  left: 1px !important;
  height: calc(100% - 2px) !important;
  width: calc(100% - 2px) !important;
  border: 1px solid #fff !important;
  border-radius: inherit !important;
}
.Button_STYLED_TEXT_EDITOR_TOOLBAR---btn svg.Button_STYLED_TEXT_EDITOR_TOOLBAR---icon {
  content: "" !important;
  display: inline-block !important;
  height: 14px !important;
  width: 14px !important;
  vertical-align: -3px !important;
  fill: inherit !important;
}
.appian-context-browser-firefox .Button_STYLED_TEXT_EDITOR_TOOLBAR---btn svg.Button_STYLED_TEXT_EDITOR_TOOLBAR---icon {
  vertical-align: -2px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.Button_STYLED_TEXT_EDITOR_TABLE_CELL_MENU---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .Button_STYLED_TEXT_EDITOR_TABLE_CELL_MENU---accessibilityhidden {
  font-size: 0 !important;
}
button.Button_STYLED_TEXT_EDITOR_TABLE_CELL_MENU---btn {
  display: block !important;
  height: 24px !important;
  width: 24px !important;
  margin: 0 !important;
  padding: 2px 2px 8px 8px !important;
  fill: #222 !important;
  background-color: transparent !important;
  border: none !important;
  cursor: pointer !important;
}
button.Button_STYLED_TEXT_EDITOR_TABLE_CELL_MENU---btn > span {
  height: 14px !important;
  width: 14px !important;
  display: block !important;
}
button.Button_STYLED_TEXT_EDITOR_TABLE_CELL_MENU---btn svg.Button_STYLED_TEXT_EDITOR_TABLE_CELL_MENU---icon {
  height: 10px !important;
  width: 10px !important;
}
button.Button_STYLED_TEXT_EDITOR_TABLE_CELL_MENU---btn:focus {
  outline: none !important;
}
button.Button_STYLED_TEXT_EDITOR_TABLE_CELL_MENU---btn:hover > span {
  background-color: #eeeeeecc !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.Button_TEMPO_SITE_NAVIGATION_MENU---btn {
  padding: 0 0.7143rem !important;
}
.Button_TEMPO_SITE_NAVIGATION_MENU---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .Button_TEMPO_SITE_NAVIGATION_MENU---accessibilityhidden {
  font-size: 0 !important;
}
.Button_TEMPO_SITE_NAVIGATION_MENU---btn_wrapper {
  display: inline-block !important;
  position: relative !important;
}
.Button_TEMPO_SITE_NAVIGATION_MENU---btn_wrapper:not(.Button_TEMPO_SITE_NAVIGATION_MENU---minimize_width):not(.Button_TEMPO_SITE_NAVIGATION_MENU---fill_width) {
  /* FILL buttons always take up full width. MINIMIZE never take up full width.
        On a phone-sized browser:
        DEFAULT buttons take up full width. Icon-only DEFAULT buttons do not take up full width.
        DEFAULT icon-only buttons stack. MINIMIZE icon-only buttons do not stack. */
}
.appian-context-ux-page-size-phone .Button_TEMPO_SITE_NAVIGATION_MENU---btn_wrapper:not(.Button_TEMPO_SITE_NAVIGATION_MENU---minimize_width):not(.Button_TEMPO_SITE_NAVIGATION_MENU---fill_width) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
.Button_TEMPO_SITE_NAVIGATION_MENU---btn_wrapper.Button_TEMPO_SITE_NAVIGATION_MENU---inGridLayout {
  /* Max grid column width - horizontal padding. Keep in sync with grids.less */
  max-width: calc(300px - 2 * 0.1429rem) !important;
}
.Button_TEMPO_SITE_NAVIGATION_MENU---btn:focus {
  outline: none !important;
}
.Button_TEMPO_SITE_NAVIGATION_MENU---btn::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
.Button_TEMPO_SITE_NAVIGATION_MENU---btn_wrapper {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  height: 32px !important;
}
button.Button_TEMPO_SITE_NAVIGATION_MENU---btn {
  cursor: pointer !important;
  color: #fff !important;
  fill: #fff !important;
  height: 24px !important;
  padding: 0 !important;
  margin: 1px 0 !important;
  /* 0 margin left/right needed for correct spacing on Safari */
  border: 1px solid transparent !important;
  background-color: transparent !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important;
  /* Safari-only: smooth transform */
}
.appian-context-ux-page-size-phone button.Button_TEMPO_SITE_NAVIGATION_MENU---btn {
  width: initial !important;
}
button.Button_TEMPO_SITE_NAVIGATION_MENU---btn:hover {
  opacity: 0.65 !important;
}
button.Button_TEMPO_SITE_NAVIGATION_MENU---btn svg.Button_TEMPO_SITE_NAVIGATION_MENU---icon {
  content: "" !important;
  display: inline-block !important;
  height: 22px !important;
  width: 22px !important;
}
.Button_TEMPO_SITE_NAVIGATION_MENU---btn:focus:not([data-appian-ux-mouse-focus]) {
  position: relative !important;
}
.Button_TEMPO_SITE_NAVIGATION_MENU---btn:focus:not([data-appian-ux-mouse-focus]):before {
  position: absolute !important;
  content: "" !important;
  top: -3px !important;
  left: -4px !important;
  height: calc(100% + 6px) !important;
  width: calc(100% + 8px) !important;
  border: 1px solid #fff !important;
}
.Button_TEMPO_SITE_NAVIGATION_MENU---inSidebarNavigationLayout .Button_TEMPO_SITE_NAVIGATION_MENU---btn:focus:not([data-appian-ux-mouse-focus]):before {
  border-radius: 0.2857rem !important;
  /* matches semi_rounded button border radius */
}
.Button_TEMPO_SITE_NAVIGATION_MENU---inProcessHQ .Button_TEMPO_SITE_NAVIGATION_MENU---btn:focus:not([data-appian-ux-mouse-focus]):before {
  border-radius: 0rem !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.Button_TRANSLATION_DESIGNER_GRID---btn {
  padding: 0 0.7143rem !important;
}
.Button_TRANSLATION_DESIGNER_GRID---btn_wrapper {
  display: inline-block !important;
  position: relative !important;
}
.Button_TRANSLATION_DESIGNER_GRID---btn_wrapper:not(.Button_TRANSLATION_DESIGNER_GRID---minimize_width):not(.Button_TRANSLATION_DESIGNER_GRID---fill_width) {
  /* FILL buttons always take up full width. MINIMIZE never take up full width.
        On a phone-sized browser:
        DEFAULT buttons take up full width. Icon-only DEFAULT buttons do not take up full width.
        DEFAULT icon-only buttons stack. MINIMIZE icon-only buttons do not stack. */
}
.appian-context-ux-page-size-phone .Button_TRANSLATION_DESIGNER_GRID---btn_wrapper:not(.Button_TRANSLATION_DESIGNER_GRID---minimize_width):not(.Button_TRANSLATION_DESIGNER_GRID---fill_width) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
.Button_TRANSLATION_DESIGNER_GRID---btn_wrapper.Button_TRANSLATION_DESIGNER_GRID---inGridLayout {
  /* Max grid column width - horizontal padding. Keep in sync with grids.less */
  max-width: calc(300px - 2 * 0.1429rem) !important;
}
.Button_TRANSLATION_DESIGNER_GRID---btn:focus {
  outline: none !important;
}
.Button_TRANSLATION_DESIGNER_GRID---btn::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
button.Button_TRANSLATION_DESIGNER_GRID---btn {
  width: 20px !important;
  opacity: 0.65 !important;
  cursor: pointer !important;
  padding: 0 !important;
  border: 0 !important;
  background-color: transparent !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important;
  /* Safari-only: smooth transform */
}
.Button_TRANSLATION_DESIGNER_GRID---btn:active,
.Button_TRANSLATION_DESIGNER_GRID---btn:hover,
.Button_TRANSLATION_DESIGNER_GRID---btn:focus:not(.appian-context-ux-mouse-focus) {
  opacity: 1 !important;
}
.Button_TRANSLATION_DESIGNER_GRID---btn svg {
  content: "" !important;
  display: inline-block !important;
  height: 15px !important;
  width: 15px !important;
  fill: #666 !important;
  vertical-align: middle !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
button.Button_USER_PROFILE_LAYOUT---btn {
  cursor: default !important;
  text-align: start !important;
  font-family: inherit !important;
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  fill: var(--appian-text-color, #222) !important;
  line-height: 1.4 !important;
  vertical-align: middle !important;
  margin: 1px 0 !important;
  /* 0 margin left/right needed for correct spacing on Safari */
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  background-color: transparent !important;
  border: none !important;
  height: 34px !important;
  width: 100% !important;
  padding: 0 20px !important;
}
button.Button_USER_PROFILE_LAYOUT---btn.Button_USER_PROFILE_LAYOUT---inApplicationHeaderLayout:not(.Button_USER_PROFILE_LAYOUT---inProcessHQ) {
  color: #eee !important;
  fill: #eee !important;
}
.Button_USER_PROFILE_LAYOUT---btn:focus {
  outline: none !important;
}
.Button_USER_PROFILE_LAYOUT---btn:hover:not(:disabled),
.Button_USER_PROFILE_LAYOUT---btn:focus:not(.appian-context-ux-mouse-focus):not(:disabled) {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
  box-shadow: 0 0 0 1px #1d659c inset !important;
}
.Button_USER_PROFILE_LAYOUT---btn:hover:not(:disabled).Button_USER_PROFILE_LAYOUT---inApplicationHeaderLayout:not(.Button_USER_PROFILE_LAYOUT---inProcessHQ),
.Button_USER_PROFILE_LAYOUT---btn:focus:not(.appian-context-ux-mouse-focus):not(:disabled).Button_USER_PROFILE_LAYOUT---inApplicationHeaderLayout:not(.Button_USER_PROFILE_LAYOUT---inProcessHQ) {
  background-color: rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 0 0 1px #fff inset !important;
}
.Button_USER_PROFILE_LAYOUT---btn svg.Button_USER_PROFILE_LAYOUT---icon {
  content: "" !important;
  display: inline-block !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  margin-left: 0 !important;
  vertical-align: -0.1429rem !important;
  fill: inherit !important;
  pointer-events: none !important;
}
.Button_USER_PROFILE_LAYOUT---btn.Button_USER_PROFILE_LAYOUT---inNavigationHeaderLayout:not(.Button_USER_PROFILE_LAYOUT---inProcessHQ) svg.Button_USER_PROFILE_LAYOUT---icon,
.Button_USER_PROFILE_LAYOUT---btn.Button_USER_PROFILE_LAYOUT---inTempoSiteHeaderLayout svg.Button_USER_PROFILE_LAYOUT---icon {
  fill: #383838 !important;
}
.Button_USER_PROFILE_LAYOUT---btn :not(.Button_USER_PROFILE_LAYOUT---icon_end) > svg.Button_USER_PROFILE_LAYOUT---icon {
  margin-right: 10px !important;
}
.Button_USER_PROFILE_LAYOUT---icon_end {
  float: right !important;
}
.Button_USER_PROFILE_LAYOUT---btn:not(:disabled) .Button_USER_PROFILE_LAYOUT---icon_end {
  fill: var(--appian-secondary-text-color, #767676) !important;
}
.Button_USER_PROFILE_LAYOUT---btn:disabled {
  fill: var(--appian-disabled-standalone-text-color, #bbb) !important;
  color: var(--appian-disabled-standalone-text-color, #bbb) !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.Button_VQD_FIELD---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .Button_VQD_FIELD---accessibilityhidden {
  font-size: 0 !important;
}
.Button_VQD_FIELD---btn {
  width: calc(100% + 4px) !important;
  /* needed to make the button the full width of the container (overrides 4px margin-right from ButtonLayout.less) */
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  height: 34px !important;
  padding: 0 22px 0 8px !important;
  font-size: 14px !important;
  font-family: inherit !important;
  text-align: left !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  background-color: #fff !important;
  color: var(--appian-text-color, #222) !important;
  position: relative !important;
  margin: 2px 0 !important;
  cursor: pointer !important;
  border-radius: 0 !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
  -webkit-transition-property: -webkit-transform !important;
  transition-property: -webkit-transform !important;
  transition-property: transform !important;
  transition-property: transform, -webkit-transform !important;
}
.Button_VQD_FIELD---btn:disabled {
  opacity: 0.5 !important;
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  cursor: default !important;
}
.Button_VQD_FIELD---btn_wrapper:last-child .Button_VQD_FIELD---btn {
  width: 100% !important;
  /* the last button does not get a 4px margin-right from the ButtonLayout */
}
.Button_VQD_FIELD---btn:not(:disabled):active,
.Button_VQD_FIELD---btn:not(:disabled):hover,
.Button_VQD_FIELD---btn:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  border-color: #1d659c !important;
}
.Button_VQD_FIELD---btn:focus,
.Button_VQD_FIELD---btn:not(:disabled):focus:not(.appian-context-ux-mouse-focus) {
  outline: none !important;
}
.Button_VQD_FIELD---btn:not(:disabled):active {
  -webkit-transform: scaleX(0.98) scaleY(0.98) !important;
          transform: scaleX(0.98) scaleY(0.98) !important;
}
.Button_VQD_FIELD---btn::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
.Button_VQD_FIELD---btn svg {
  content: "" !important;
  display: inline-block !important;
  height: 16px !important;
  width: 16px !important;
  fill: #1d659c !important;
  position: absolute !important;
  right: 6px !important;
  top: 9px !important;
}
.Button_VQD_FIELD---btn:disabled svg {
  fill: #888 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.Button_XRAY_CONTEXT_MENU---btn {
  padding: 0 0.7143rem !important;
}
.Button_XRAY_CONTEXT_MENU---btn:focus {
  outline: none !important;
}
.Button_XRAY_CONTEXT_MENU---btn::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
.Button_XRAY_CONTEXT_MENU---btn_wrapper {
  position: absolute !important;
  top: 0.0714rem !important;
  display: inline-block !important;
}
button.Button_XRAY_CONTEXT_MENU---btn {
  display: inline-block !important;
  background-color: #2376cd !important;
  height: 1.1429rem !important;
  line-height: 1.1429rem !important;
  fill: #eee !important;
  margin-left: 0.1429rem !important;
  position: relative !important;
  pointer-events: auto !important;
  border: none !important;
  padding: 0 !important;
}
.Button_XRAY_CONTEXT_MENU---btn:hover,
.Button_XRAY_CONTEXT_MENU---btn:focus:not(.appian-context-ux-mouse-focus) {
  cursor: pointer !important;
}
.Button_XRAY_CONTEXT_MENU---btn svg.Button_XRAY_CONTEXT_MENU---icon {
  content: "" !important;
  display: inline-block !important;
  height: 1.1429rem !important;
  width: 1.1429rem !important;
  padding: 0 0.2857rem !important;
}

.CardGroup---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .CardGroup---accessibilityhidden {
  font-size: 0 !important;
}
.CardGroup---card_group {
  font-size: 0 !important;
  /* to remove whitespace influence on layout */
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
}
.CardGroup---card_group.CardGroup---align_start {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
          justify-content: flex-start !important;
}
.CardGroup---card_group.CardGroup---align_center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
}
.CardGroup---card_group.CardGroup---align_end {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
          justify-content: flex-end !important;
}
.CardGroup---card_group.CardGroup---spacing_more {
  gap: 1.25rem !important;
}
.CardGroup---card_group.CardGroup---spacing_even_more {
  gap: 2rem !important;
}
.CardGroup---card_group.CardGroup---rac_dynamic {
  width: calc(100% + 6px) !important;
}
.CardGroup---card_group.CardGroup---sparse_dynamic {
  width: calc(100% + 20px) !important;
}
.CardGroup---card_group.CardGroup---dense_dynamic {
  width: calc(100% + 10px) !important;
}
.CardGroup---card_group.CardGroup---design_view_card_choice_dynamic {
  width: calc(100% + 8px) !important;
}

/* A prettier bug causes infinite semi colons to be added without this comment ( https://github.com/prettier/prettier/issues/11483 ) */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.CardGroupLayout---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .CardGroupLayout---accessibilityhidden {
  font-size: 0 !important;
}
.CardGroupLayout---card_group_layout {
  font-size: 0 !important;
  /* to remove whitespace influence on layout */
  display: -ms-grid !important;
  display: grid !important;
  -webkit-box-align: start !important;
  -webkit-align-items: start !important;
          align-items: start !important;
  -ms-grid-column-align: start !important;
      justify-items: start !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---fill_width_extra_narrow {
  -ms-grid-columns: (minmax(80px, 1fr))[auto-fit] !important;
      grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)) !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---fill_width_narrow {
  -ms-grid-columns: (minmax(240px, 1fr))[auto-fit] !important;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---fill_width_narrow_plus {
  -ms-grid-columns: (minmax(320px, 1fr))[auto-fit] !important;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---fill_width_medium {
  -ms-grid-columns: (minmax(400px, 1fr))[auto-fit] !important;
      grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)) !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---fill_width_medium_plus {
  -ms-grid-columns: (minmax(560px, 1fr))[auto-fit] !important;
      grid-template-columns: repeat(auto-fit, minmax(560px, 1fr)) !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---fill_width_wide {
  -ms-grid-columns: (minmax(800px, 1fr))[auto-fit] !important;
      grid-template-columns: repeat(auto-fit, minmax(800px, 1fr)) !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---fill_width_wide_plus {
  -ms-grid-columns: (minmax(1120px, 1fr))[auto-fit] !important;
      grid-template-columns: repeat(auto-fit, minmax(1120px, 1fr)) !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---static_width_extra_narrow {
  -ms-grid-columns: (80px)[auto-fit] !important;
      grid-template-columns: repeat(auto-fit, 80px) !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---static_width_narrow {
  -ms-grid-columns: (240px)[auto-fit] !important;
      grid-template-columns: repeat(auto-fit, 240px) !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---static_width_narrow_plus {
  -ms-grid-columns: (320px)[auto-fit] !important;
      grid-template-columns: repeat(auto-fit, 320px) !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---static_width_medium {
  -ms-grid-columns: (400px)[auto-fit] !important;
      grid-template-columns: repeat(auto-fit, 400px) !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---static_width_medium_plus {
  -ms-grid-columns: (560px)[auto-fit] !important;
      grid-template-columns: repeat(auto-fit, 560px) !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---static_width_wide {
  -ms-grid-columns: (800px)[auto-fit] !important;
      grid-template-columns: repeat(auto-fit, 800px) !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---static_width_wide_plus {
  -ms-grid-columns: (1120px)[auto-fit] !important;
      grid-template-columns: repeat(auto-fit, 1120px) !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---match_heights_auto {
  grid-auto-rows: 1fr !important;
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
          align-items: stretch !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---spacing_standard {
  gap: 20px !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---spacing_dense {
  gap: 10px !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---spacing_sparse {
  gap: 40px !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---spacing_none {
  gap: 0px !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---margin_above_none {
  margin-top: 0 !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---margin_above_standard {
  margin-top: 1rem !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---margin_above_less {
  margin-top: 0.5rem !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---margin_above_even_less {
  margin-top: 0.2857rem !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---margin_above_more {
  margin-top: 2rem !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---margin_above_even_more {
  margin-top: 4rem !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---margin_below_none {
  margin-bottom: 0 !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---margin_below_standard {
  margin-bottom: 1rem !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---margin_below_less {
  margin-bottom: 0.5rem !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---margin_below_even_less {
  margin-bottom: 0.2857rem !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---margin_below_more {
  margin-bottom: 2rem !important;
}
.CardGroupLayout---card_group_layout.CardGroupLayout---margin_below_even_more {
  margin-bottom: 4rem !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* A prettier bug causes infinite semi colons to be added without this comment ( https://github.com/prettier/prettier/issues/11483 ) */
.CardLayout---margin_above_div {
  height: 0.05px !important;
}
.CardLayout---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .CardLayout---accessibilityhidden {
  font-size: 0 !important;
}
.CardLayout---card_item.CardLayout---standard {
  background-color: #f0f0f0 !important;
}
.CardLayout---card_item.CardLayout---info {
  background-color: #ecf4ff !important;
}
.CardLayout---card_item.CardLayout---warn {
  background-color: #feffd2 !important;
}
.CardLayout---card_item.CardLayout---success {
  background-color: #e0ffd7 !important;
}
.CardLayout---card_item.CardLayout---error {
  background-color: #ffefef !important;
}
.CardLayout---card_item.CardLayout---accent {
  background-color: #1d659c !important;
}
.CardLayout---card_item.CardLayout---disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.CardLayout---card_item.CardLayout---disabled.CardLayout---inDarkTheme {
  background-color: var(--appian-disabled-select-background-color, #ddd) !important;
}
.CardLayout---card_item.CardLayout---transparent {
  background-color: transparent !important;
}
.CardLayout---card_item.CardLayout---input {
  background-color: var(--appian-input-background-color, #fff) !important;
}
.CardLayout---card_item {
  display: block !important;
  /* to remove whitespace below card */
  background-color: #fff !important;
  outline: none !important;
  /*
    Setting position is needed to set a positioned acestor for absolute positioned .accessibilityHidden child
    and to allow the z-index of linked cards to increase on hover, otherwise the hover style gets cut off
  */
  position: relative !important;
  /* Border styles used when showBorder is false */
  /* Border styles used when showBorder is true */
}
.CardLayout---card_item .CardLayout---field_layout .CardLayout---label_column {
  /* special case when using adjacent labels inside a card */
  width: 95px !important;
}
.CardLayout---card_item.CardLayout---height_extra_short {
  min-height: 60px !important;
  height: 60px !important;
}
.CardLayout---card_item.CardLayout---height_short {
  min-height: 120px !important;
  height: 120px !important;
}
.CardLayout---card_item.CardLayout---height_short_plus {
  min-height: 180px !important;
  height: 180px !important;
}
.CardLayout---card_item.CardLayout---height_medium {
  min-height: 240px !important;
  height: 240px !important;
}
.CardLayout---card_item.CardLayout---height_medium_plus {
  min-height: 300px !important;
  height: 300px !important;
}
.CardLayout---card_item.CardLayout---height_tall {
  min-height: 360px !important;
  height: 360px !important;
}
.CardLayout---card_item.CardLayout---height_tall_plus {
  min-height: 480px !important;
  height: 480px !important;
}
.CardLayout---card_item.CardLayout---height_extra_tall {
  min-height: 600px !important;
  height: 600px !important;
}
.CardLayout---card_item.CardLayout---height_design_view_card_choice {
  min-height: 86px !important;
  height: 86px !important;
}
.CardLayout---card_item.CardLayout---height_app_overview_card {
  min-height: 43px !important;
  height: 43px !important;
}
.CardLayout---card_item.CardLayout---height_auto {
  height: auto !important;
}
.CardLayout---card_item.CardLayout---inRecordActionWidget {
  height: 156px !important;
}
.CardLayout---card_item.CardLayout---height_eur_dataset_card_main_icon {
  /* standardizes height for dataset card icons with no icon url permissions */
  min-height: 48px !important;
  /* minimum height of the dataset card icon */
  height: auto !important;
  /* valid icon height set on it's own */
}
.CardLayout---card_item.CardLayout---height_eur_dataset_card_related_icon {
  /* standardizes height for dataset card related dataset icons with no icon url permissions */
  min-height: 28px !important;
  /* minimum height of the related dataset icon */
  height: auto !important;
  /* valid icon height set on it's own */
}
.CardLayout---card_item.CardLayout---height_ssa_dropzone_row {
  /* standardizes height for row dropzones in the dashboard builder in SSA */
  min-height: 40px !important;
  height: 40px !important;
}
.CardLayout---card_item.CardLayout---height_ssa_dropzone_row_view_mode {
  /* standardizes height for row dropzones in the dashboard builder in SSA */
  min-height: 16px !important;
  height: 16px !important;
}
.CardLayout---card_item.CardLayout---height_fit {
  height: 100% !important;
}
.CardLayout---card_item.CardLayout---width_narrow {
  width: 200px !important;
}
.CardLayout---card_item.CardLayout---width_narrow_plus {
  width: 220px !important;
}
.CardLayout---card_item.CardLayout---width_medium {
  width: 240px !important;
}
.CardLayout---card_item.CardLayout---width_wide {
  width: 400px !important;
}
.CardLayout---card_item.CardLayout---width_fit {
  width: 100% !important;
}
.CardLayout---card_item.CardLayout---width_design_view_card_choice {
  min-width: 76px !important;
  width: 88px !important;
}
.CardLayout---card_item.CardLayout---width_eur_dataset_card_main_icon {
  /* standardizes width for dataset card icons with no icon url permissions */
  min-width: 52px !important;
  /* minimum width of the dataset card icon */
  width: 100% !important;
  /* valid icon width set on it's own */
}
.CardLayout---card_item.CardLayout---width_eur_dataset_card_related_icon {
  /* standardizes width for dataset card related dataset icons with no icon url permissions */
  min-width: 32px !important;
  /* minimum width of the related dataset icon */
  width: 100% !important;
  /* valid icon width set on it's own */
}
.CardLayout---card_item.CardLayout---width_ssa_dropzone_column {
  /* standardizes width for column dropzones in the dashboard builder in SSA */
  min-width: 40px !important;
  width: 40px !important;
}
.CardLayout---card_item.CardLayout---width_ssa_dropzone_column_view_mode {
  /* standardizes width for column dropzones in the dashboard builder in SSA */
  min-width: 16px !important;
  width: 16px !important;
}
.CardLayout---card_item.CardLayout---width_ssa_preview_pane {
  /* width card that displays the report in ssa report builder preview pane */
  min-width: 700px !important;
  width: 700px !important;
}
.CardLayout---card_item.CardLayout---inCardGroupLayout {
  width: 100% !important;
}
.CardLayout---card_item.CardLayout---top,
.CardLayout---card_item.CardLayout---top.CardLayout---selectable_card {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
          justify-content: flex-start !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
}
.CardLayout---card_item.CardLayout---middle,
.CardLayout---card_item.CardLayout---middle.CardLayout---selectable_card {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
}
.CardLayout---card_item.CardLayout---bottom,
.CardLayout---card_item.CardLayout---bottom.CardLayout---selectable_card {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
          justify-content: flex-end !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
}
.CardLayout---card_item.CardLayout---inCardGroup {
  display: inline-block !important;
  margin: 0 0 6px 0 !important;
}
.CardLayout---card_item.CardLayout---inCardGroup.CardLayout---width_narrow,
.CardLayout---card_item.CardLayout---inCardGroup.CardLayout---width_narrow_plus {
  margin: 0 20px 20px 0 !important;
}
.CardLayout---card_item.CardLayout---inCardGroup.CardLayout---width_narrow.CardLayout---inBottomRow,
.CardLayout---card_item.CardLayout---inCardGroup.CardLayout---width_narrow_plus.CardLayout---inBottomRow {
  margin-bottom: 0 !important;
}
.CardLayout---card_item.CardLayout---inCardGroup.CardLayout---width_wide,
.CardLayout---card_item.CardLayout---inCardGroup.CardLayout---width_medium {
  margin: 0 10px 10px 0 !important;
}
.CardLayout---card_item.CardLayout---inCardGroup.CardLayout---width_wide.CardLayout---inBottomRow,
.CardLayout---card_item.CardLayout---inCardGroup.CardLayout---width_medium.CardLayout---inBottomRow {
  margin-bottom: 0 !important;
}
.CardLayout---card_item.CardLayout---inCardGroup.CardLayout---width_design_view_card_choice {
  margin: 0 8px 8px 0 !important;
}
.CardLayout---card_item.CardLayout---inCardGroup.CardLayout---width_design_view_card_choice.CardLayout---inBottomRow {
  margin-bottom: 0 !important;
}
.CardLayout---card_item.CardLayout---inCardGroup.CardLayout---width_rac_dynamic {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  width: 220px !important;
  margin-right: 6px !important;
  border-radius: 0rem !important;
}
.CardLayout---card_item.CardLayout---inCardGroup.CardLayout---width_rac_dynamic.CardLayout---inBottomRow {
  margin-bottom: 0 !important;
}
.CardLayout---card_item.CardLayout---inCardGroup.CardLayout---width_fit:last-child {
  margin-bottom: 0 !important;
}
.CardLayout---card_item.CardLayout---margin_above_none {
  margin-top: 0 !important;
}
.CardLayout---card_item.CardLayout---margin_above_standard {
  margin-top: 1rem !important;
}
.CardLayout---card_item.CardLayout---margin_above_less {
  margin-top: 0.5rem !important;
}
.CardLayout---card_item.CardLayout---margin_above_even_less {
  margin-top: 0.2857rem !important;
}
.CardLayout---card_item.CardLayout---margin_above_more {
  margin-top: 2rem !important;
}
.CardLayout---card_item.CardLayout---margin_above_even_more {
  margin-top: 4rem !important;
}
.CardLayout---card_item.CardLayout---margin_below_none {
  margin-bottom: 0 !important;
}
.CardLayout---card_item.CardLayout---margin_below_standard {
  margin-bottom: 1rem !important;
}
.CardLayout---card_item.CardLayout---margin_below_less {
  margin-bottom: 0.5rem !important;
}
.CardLayout---card_item.CardLayout---margin_below_even_less {
  margin-bottom: 0.2857rem !important;
}
.CardLayout---card_item.CardLayout---margin_below_more {
  margin-bottom: 2rem !important;
}
.CardLayout---card_item.CardLayout---margin_below_even_more {
  margin-bottom: 4rem !important;
}
.CardLayout---card_item.CardLayout---margin_below_less_alt {
  margin-bottom: 0.429rem !important;
}
.CardLayout---card_item.CardLayout---margin_above_less_alt {
  margin-top: 0.429rem !important;
}
.CardLayout---card_item.CardLayout---standard_border {
  border-color: #f0f0f0 !important;
}
.CardLayout---card_item.CardLayout---info_border {
  border-color: #ecf4ff !important;
}
.CardLayout---card_item.CardLayout---warn_border {
  border-color: #feffd2 !important;
}
.CardLayout---card_item.CardLayout---success_border {
  border-color: #e0ffd7 !important;
}
.CardLayout---card_item.CardLayout---error_border {
  border-color: #ffefef !important;
}
.CardLayout---card_item.CardLayout---accent_border {
  border-color: #1d659c !important;
}
.CardLayout---card_item.CardLayout---overflow_hidden {
  overflow: hidden !important;
}
.CardLayout---card_item .CardLayout---scrollable_content {
  height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  border-radius: inherit !important;
}
.CardLayout---card_item.CardLayout---semi_rounded {
  border-radius: 4px !important;
}
.CardLayout---card_item.CardLayout---semi_rounded:not(.CardLayout---border_invisible) .CardLayout---scrollable_content {
  border-radius: 3px !important;
}
.CardLayout---card_item.CardLayout---rounded {
  border-radius: 8px !important;
}
.CardLayout---card_item.CardLayout---rounded:not(.CardLayout---border_invisible) .CardLayout---scrollable_content {
  border-radius: 7px !important;
}
.CardLayout---card_item.CardLayout---more_rounded {
  border-radius: 20px !important;
}
.CardLayout---card_item.CardLayout---more_rounded:not(.CardLayout---border_invisible) .CardLayout---scrollable_content {
  border-radius: 18px !important;
}
.CardLayout---card_item.CardLayout---shadow {
  box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16) !important;
}
.CardLayout---card_item.CardLayout---border_visible {
  border: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
}
.CardLayout---card_item.CardLayout---border_visible.CardLayout---inDarkBackground {
  border-color: var(--appian-container-border-color, #d4d4d4) !important;
}
.CardLayout---card_item.CardLayout---border_visible.CardLayout---inDarkBackground.CardLayout---accent_border {
  border-color: #1d659c !important;
}
.CardLayout---card_item.CardLayout---border_visible.CardLayout---inDarkBackground.CardLayout---positive_border {
  border-color: var(--appian-positive-color-on-dark-bg, #59f73f) !important;
}
.CardLayout---card_item.CardLayout---border_visible.CardLayout---inDarkBackground.CardLayout---warn_border {
  border-color: #fcb858 !important;
}
.CardLayout---card_item.CardLayout---border_visible.CardLayout---inDarkBackground.CardLayout---negative_border {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.CardLayout---card_item.CardLayout---border_visible.CardLayout---accent_border {
  border-color: #1d659c !important;
}
.CardLayout---card_item.CardLayout---border_visible.CardLayout---positive_border {
  border-color: #1cc101 !important;
}
.CardLayout---card_item.CardLayout---border_visible.CardLayout---warn_border {
  border-color: #ffa800 !important;
}
.CardLayout---card_item.CardLayout---border_visible.CardLayout---negative_border {
  border-color: #de0037 !important;
}
.CardLayout---card_item.CardLayout---border_visible.CardLayout---disabled {
  border: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.CardLayout---card_item.CardLayout---border_visible.CardLayout---disabled.CardLayout---inDarkBackground {
  border-color: var(--appian-choice-border-color, #bbb) !important;
}
.CardLayout---card_item.CardLayout---border_visible.CardLayout---disabled.CardLayout---inDarkTheme {
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.CardLayout---card_item.CardLayout---shadow:not(.CardLayout---border_visible),
.CardLayout---card_item.CardLayout---border_invisible {
  border: none !important;
}
.CardLayout---card_item.CardLayout---linked_card {
  cursor: pointer !important;
  /* hover styles should not appear if card is keyboard focused and hovered at the same time */
}
.CardLayout---card_item.CardLayout---linked_card:not(:focus),
.CardLayout---card_item.CardLayout---linked_card:focus[data-appian-ux-mouse-focus] {
  /* On hover, we change the border color for the basic case of a linked/selectable card (round or square) with a border if:
       * 1) it has no background color or a light background color, and is not in an accent background,
       * OR
       * 2) it has a light background and is in a dark background,
       * OR
       * 3) it is selectable and not in an accent background,
        */
  /* For more complex cases of a linked/selectable card, to make hover state more visible, we use an outline (for square cards) or box-shadow (for round cards) if:
       * 1) card does not have a border
       * OR
       * 2) card has a border AND:
       *   a) it has a dark background and is in a light background,
       *   OR
       *   b) it has a light background and is in a dark background,
       *   OR
       *   c) it has any background color and is in an accent background,
       *   OR
       *   d) is selectable and in an accent background,
       *   OR
       *   e) is selected and in any background
       */
}
.CardLayout---card_item.CardLayout---linked_card:not(:focus).CardLayout---border_visible,
.CardLayout---card_item.CardLayout---linked_card:focus[data-appian-ux-mouse-focus].CardLayout---border_visible {
  /* accent colored cards and cards with custom border colors should never use a border color change on hover */
}
.CardLayout---card_item.CardLayout---linked_card:not(:focus).CardLayout---border_visible:not(.CardLayout---accent):not(.CardLayout---custom_border).CardLayout---light_background:not(.CardLayout---inAccentBackground):not(.CardLayout---inDarkBackground):not(.CardLayout---disabled):not(.CardLayout---selected_card):hover,
.CardLayout---card_item.CardLayout---linked_card:focus[data-appian-ux-mouse-focus].CardLayout---border_visible:not(.CardLayout---accent):not(.CardLayout---custom_border).CardLayout---light_background:not(.CardLayout---inAccentBackground):not(.CardLayout---inDarkBackground):not(.CardLayout---disabled):not(.CardLayout---selected_card):hover,
.CardLayout---card_item.CardLayout---linked_card:not(:focus).CardLayout---border_visible:not(.CardLayout---accent):not(.CardLayout---custom_border):not(.CardLayout---light_background).CardLayout---inDarkBackground:not(.CardLayout---disabled):not(.CardLayout---selected_card):hover,
.CardLayout---card_item.CardLayout---linked_card:focus[data-appian-ux-mouse-focus].CardLayout---border_visible:not(.CardLayout---accent):not(.CardLayout---custom_border):not(.CardLayout---light_background).CardLayout---inDarkBackground:not(.CardLayout---disabled):not(.CardLayout---selected_card):hover,
.CardLayout---card_item.CardLayout---linked_card:not(:focus).CardLayout---border_visible:not(.CardLayout---accent):not(.CardLayout---custom_border).CardLayout---selectable_card:not(.CardLayout---selected_card):not(.CardLayout---inAccentBackground):not(.CardLayout---disabled):hover,
.CardLayout---card_item.CardLayout---linked_card:focus[data-appian-ux-mouse-focus].CardLayout---border_visible:not(.CardLayout---accent):not(.CardLayout---custom_border).CardLayout---selectable_card:not(.CardLayout---selected_card):not(.CardLayout---inAccentBackground):not(.CardLayout---disabled):hover {
  border-color: #1d659c !important;
  outline-color: transparent !important;
  box-shadow: none !important;
}
.CardLayout---card_item.CardLayout---linked_card:not(:focus).CardLayout---border_visible:not(.CardLayout---accent):not(.CardLayout---custom_border).CardLayout---light_background:not(.CardLayout---inAccentBackground):not(.CardLayout---inDarkBackground):not(.CardLayout---disabled):not(.CardLayout---selected_card):hover.CardLayout---shadow,
.CardLayout---card_item.CardLayout---linked_card:focus[data-appian-ux-mouse-focus].CardLayout---border_visible:not(.CardLayout---accent):not(.CardLayout---custom_border).CardLayout---light_background:not(.CardLayout---inAccentBackground):not(.CardLayout---inDarkBackground):not(.CardLayout---disabled):not(.CardLayout---selected_card):hover.CardLayout---shadow,
.CardLayout---card_item.CardLayout---linked_card:not(:focus).CardLayout---border_visible:not(.CardLayout---accent):not(.CardLayout---custom_border):not(.CardLayout---light_background).CardLayout---inDarkBackground:not(.CardLayout---disabled):not(.CardLayout---selected_card):hover.CardLayout---shadow,
.CardLayout---card_item.CardLayout---linked_card:focus[data-appian-ux-mouse-focus].CardLayout---border_visible:not(.CardLayout---accent):not(.CardLayout---custom_border):not(.CardLayout---light_background).CardLayout---inDarkBackground:not(.CardLayout---disabled):not(.CardLayout---selected_card):hover.CardLayout---shadow,
.CardLayout---card_item.CardLayout---linked_card:not(:focus).CardLayout---border_visible:not(.CardLayout---accent):not(.CardLayout---custom_border).CardLayout---selectable_card:not(.CardLayout---selected_card):not(.CardLayout---inAccentBackground):not(.CardLayout---disabled):hover.CardLayout---shadow,
.CardLayout---card_item.CardLayout---linked_card:focus[data-appian-ux-mouse-focus].CardLayout---border_visible:not(.CardLayout---accent):not(.CardLayout---custom_border).CardLayout---selectable_card:not(.CardLayout---selected_card):not(.CardLayout---inAccentBackground):not(.CardLayout---disabled):hover.CardLayout---shadow {
  box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16) !important;
}
.CardLayout---card_item.CardLayout---linked_card:not(:focus):not(.CardLayout---rounded):not(.CardLayout---semi_rounded):not(.CardLayout---disabled):hover,
.CardLayout---card_item.CardLayout---linked_card:focus[data-appian-ux-mouse-focus]:not(.CardLayout---rounded):not(.CardLayout---semi_rounded):not(.CardLayout---disabled):hover {
  /* for square cards, we add an outline on hover */
  cursor: pointer !important;
  z-index: 2000000 !important;
  outline: 1px solid #1d659c !important;
  outline-offset: 1px !important;
}
.CardLayout---card_item.CardLayout---linked_card:not(:focus):not(.CardLayout---rounded):not(.CardLayout---semi_rounded):not(.CardLayout---disabled):hover.CardLayout---inAccentBackground,
.CardLayout---card_item.CardLayout---linked_card:focus[data-appian-ux-mouse-focus]:not(.CardLayout---rounded):not(.CardLayout---semi_rounded):not(.CardLayout---disabled):hover.CardLayout---inAccentBackground {
  outline-color: #fff !important;
}
.CardLayout---card_item.CardLayout---linked_card:not(:focus):not(.CardLayout---rounded):not(.CardLayout---semi_rounded):not(.CardLayout---disabled):hover.CardLayout---selected_card,
.CardLayout---card_item.CardLayout---linked_card:focus[data-appian-ux-mouse-focus]:not(.CardLayout---rounded):not(.CardLayout---semi_rounded):not(.CardLayout---disabled):hover.CardLayout---selected_card {
  outline-offset: 3px !important;
}
.CardLayout---card_item.CardLayout---linked_card:not(:focus).CardLayout---rounded:not(.CardLayout---disabled):hover,
.CardLayout---card_item.CardLayout---linked_card:focus[data-appian-ux-mouse-focus].CardLayout---rounded:not(.CardLayout---disabled):hover,
.CardLayout---card_item.CardLayout---linked_card:not(:focus).CardLayout---semi_rounded:not(.CardLayout---disabled):hover,
.CardLayout---card_item.CardLayout---linked_card:focus[data-appian-ux-mouse-focus].CardLayout---semi_rounded:not(.CardLayout---disabled):hover {
  /* for round cards, we add a box shadow on hover since an outline can't be rounded */
  cursor: pointer !important;
  z-index: 2000000 !important;
  box-shadow: 0 0 0 1px var(--appian-container-border-color, #d4d4d4), 0 0 0 2px #1d659c !important;
  outline: 1px solid transparent !important;
}
.CardLayout---card_item.CardLayout---linked_card:not(:focus).CardLayout---rounded:not(.CardLayout---disabled):hover.CardLayout---inAccentBackground,
.CardLayout---card_item.CardLayout---linked_card:focus[data-appian-ux-mouse-focus].CardLayout---rounded:not(.CardLayout---disabled):hover.CardLayout---inAccentBackground,
.CardLayout---card_item.CardLayout---linked_card:not(:focus).CardLayout---semi_rounded:not(.CardLayout---disabled):hover.CardLayout---inAccentBackground,
.CardLayout---card_item.CardLayout---linked_card:focus[data-appian-ux-mouse-focus].CardLayout---semi_rounded:not(.CardLayout---disabled):hover.CardLayout---inAccentBackground {
  box-shadow: 0 0 0 1px #1d659c, 0 0 0 2px #fff !important;
}
.CardLayout---card_item.CardLayout---linked_card:not(:focus).CardLayout---rounded:not(.CardLayout---disabled):hover.CardLayout---inDarkBackground,
.CardLayout---card_item.CardLayout---linked_card:focus[data-appian-ux-mouse-focus].CardLayout---rounded:not(.CardLayout---disabled):hover.CardLayout---inDarkBackground,
.CardLayout---card_item.CardLayout---linked_card:not(:focus).CardLayout---semi_rounded:not(.CardLayout---disabled):hover.CardLayout---inDarkBackground,
.CardLayout---card_item.CardLayout---linked_card:focus[data-appian-ux-mouse-focus].CardLayout---semi_rounded:not(.CardLayout---disabled):hover.CardLayout---inDarkBackground {
  box-shadow: 0 0 0 1px #000, 0 0 0 2px #1d659c !important;
}
.CardLayout---card_item.CardLayout---linked_card:not(:focus).CardLayout---rounded:not(.CardLayout---disabled):hover.CardLayout---selectable_card.CardLayout---inAccentBackground,
.CardLayout---card_item.CardLayout---linked_card:focus[data-appian-ux-mouse-focus].CardLayout---rounded:not(.CardLayout---disabled):hover.CardLayout---selectable_card.CardLayout---inAccentBackground,
.CardLayout---card_item.CardLayout---linked_card:not(:focus).CardLayout---semi_rounded:not(.CardLayout---disabled):hover.CardLayout---selectable_card.CardLayout---inAccentBackground,
.CardLayout---card_item.CardLayout---linked_card:focus[data-appian-ux-mouse-focus].CardLayout---semi_rounded:not(.CardLayout---disabled):hover.CardLayout---selectable_card.CardLayout---inAccentBackground {
  box-shadow: 0 0 0 1px var(--appian-container-border-color, #d4d4d4), 0 0 0 2px #fff !important;
}
.CardLayout---card_item.CardLayout---linked_card:not(:focus).CardLayout---rounded:not(.CardLayout---disabled):hover.CardLayout---selected_card,
.CardLayout---card_item.CardLayout---linked_card:focus[data-appian-ux-mouse-focus].CardLayout---rounded:not(.CardLayout---disabled):hover.CardLayout---selected_card,
.CardLayout---card_item.CardLayout---linked_card:not(:focus).CardLayout---semi_rounded:not(.CardLayout---disabled):hover.CardLayout---selected_card,
.CardLayout---card_item.CardLayout---linked_card:focus[data-appian-ux-mouse-focus].CardLayout---semi_rounded:not(.CardLayout---disabled):hover.CardLayout---selected_card {
  box-shadow: 0 0 0 2px #1d659c, 0 0 0 3px #fff, 0 0 0 4px #1d659c !important;
}
.CardLayout---card_item.CardLayout---linked_card:not(:focus).CardLayout---rounded:not(.CardLayout---disabled):hover.CardLayout---selected_card.CardLayout---inAccentBackground,
.CardLayout---card_item.CardLayout---linked_card:focus[data-appian-ux-mouse-focus].CardLayout---rounded:not(.CardLayout---disabled):hover.CardLayout---selected_card.CardLayout---inAccentBackground,
.CardLayout---card_item.CardLayout---linked_card:not(:focus).CardLayout---semi_rounded:not(.CardLayout---disabled):hover.CardLayout---selected_card.CardLayout---inAccentBackground,
.CardLayout---card_item.CardLayout---linked_card:focus[data-appian-ux-mouse-focus].CardLayout---semi_rounded:not(.CardLayout---disabled):hover.CardLayout---selected_card.CardLayout---inAccentBackground {
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #1d659c, 0 0 0 4px #fff !important;
}
.CardLayout---card_item.CardLayout---linked_card:not(:focus).CardLayout---rounded:not(.CardLayout---disabled):hover.CardLayout---selected_card.CardLayout---inDarkBackground,
.CardLayout---card_item.CardLayout---linked_card:focus[data-appian-ux-mouse-focus].CardLayout---rounded:not(.CardLayout---disabled):hover.CardLayout---selected_card.CardLayout---inDarkBackground,
.CardLayout---card_item.CardLayout---linked_card:not(:focus).CardLayout---semi_rounded:not(.CardLayout---disabled):hover.CardLayout---selected_card.CardLayout---inDarkBackground,
.CardLayout---card_item.CardLayout---linked_card:focus[data-appian-ux-mouse-focus].CardLayout---semi_rounded:not(.CardLayout---disabled):hover.CardLayout---selected_card.CardLayout---inDarkBackground {
  box-shadow: 0 0 0 2px #1d659c, 0 0 0 3px #000, 0 0 0 4px #1d659c !important;
}
.CardLayout---card_item.CardLayout---linked_card:focus:not([data-appian-ux-mouse-focus]),
.CardLayout---card_item.CardLayout---linked_card_focus_only:focus:not([data-appian-ux-mouse-focus]) {
  outline: 2px solid #1d659c !important;
  z-index: 2000000 !important;
}
.CardLayout---card_item.CardLayout---linked_card:focus:not([data-appian-ux-mouse-focus]).CardLayout---inAccentBackground,
.CardLayout---card_item.CardLayout---linked_card_focus_only:focus:not([data-appian-ux-mouse-focus]).CardLayout---inAccentBackground {
  outline-color: #fff !important;
}
.CardLayout---card_item.CardLayout---linked_card:focus:not([data-appian-ux-mouse-focus]).CardLayout---inDarkBackground,
.CardLayout---card_item.CardLayout---linked_card_focus_only:focus:not([data-appian-ux-mouse-focus]).CardLayout---inDarkBackground {
  outline-color: #eee !important;
}
.CardLayout---card_item.CardLayout---custom_hover {
  cursor: pointer !important;
}
.CardLayout---card_item.CardLayout---custom_hover.CardLayout---accent_faded_hover:hover {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
}
.CardLayout---card_item.CardLayout---custom_hover.CardLayout---accent_faded_hover:hover.CardLayout---inAccentBackground {
  /* same fade percentage as @accent-color-faded in a light background */
  background-color: rgba(255, 255, 255, 0.08) !important;
}
.CardLayout---card_item:focus:not(.CardLayout---selected_card) {
  outline: none !important;
}
.CardLayout---card_item.CardLayout---selected_card {
  border-color: #1d659c !important;
  box-shadow: 0 0 0 2px #1d659c !important;
  position: relative !important;
}
.CardLayout---card_item.CardLayout---selected_card.CardLayout---inAccentBackground {
  border-color: #fff !important;
  box-shadow: 0 0 0 2px #fff !important;
}
.CardLayout---card_item.CardLayout---selected_card.CardLayout---inDarkBackground {
  border-color: #1d659c !important;
}
.CardLayout---card_item.CardLayout---selected_card:before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  height: 0 !important;
  width: 0 !important;
  border-top: 26px solid #1d659c !important;
  border-left: 26px solid transparent !important;
  z-index: 2 !important;
}
.CardLayout---card_item.CardLayout---selected_card.CardLayout---inAccentBackground:before {
  border-top-color: #fff !important;
}
.CardLayout---card_item.CardLayout---selected_card:after {
  content: "" !important;
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M1671%20566q0%2040-28%2068l-724%20724-136%20136q-28%2028-68%2028t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20295%20656-657q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
  background-size: 13px 13px !important;
  position: absolute !important;
  top: 1px !important;
  right: 1px !important;
  width: 13px !important;
  height: 13px !important;
  z-index: 2 !important;
}
.CardLayout---card_item.CardLayout---selected_card.CardLayout---inAccentBackground:not(.CardLayout---disabled):after {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1671%20566q0%2040-28%2068l-724%20724-136%20136q-28%2028-68%2028t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20295%20656-657q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
}
.CardLayout---card_item.CardLayout---selected_card.CardLayout---disabled {
  border-color: var(--appian-choice-border-color, #bbb) !important;
  box-shadow: 0 0 0 2px var(--appian-choice-border-color, #bbb) !important;
}
.CardLayout---card_item.CardLayout---selected_card.CardLayout---disabled.CardLayout---inAccentBackground,
.CardLayout---card_item.CardLayout---selected_card.CardLayout---disabled.CardLayout---inDarkBackground {
  border-color: var(--appian-choice-border-color, #bbb) !important;
  box-shadow: 0 0 0 2px var(--appian-choice-border-color, #bbb) !important;
}
.CardLayout---card_item.CardLayout---selected_card.CardLayout---disabled:before {
  border-top: 26px solid var(--appian-choice-border-color, #bbb) !important;
}
.CardLayout---card_item.CardLayout---selected_card.CardLayout---disabled.CardLayout---inAccentBackground:before,
.CardLayout---card_item.CardLayout---selected_card.CardLayout---disabled.CardLayout---inDarkBackground:before {
  border-top-color: var(--appian-choice-border-color, #bbb) !important;
}
.CardLayout---card_item.CardLayout---selected_card.CardLayout---disabled:after {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%23555%22%3E%3Cpath%20d%3D%22M1671%20566q0%2040-28%2068l-724%20724-136%20136q-28%2028-68%2028t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20295%20656-657q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
}
.CardLayout---card_item.CardLayout---selected_card.CardLayout---disabled.CardLayout---inDarkTheme:after {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M1671%20566q0%2040-28%2068l-724%20724-136%20136q-28%2028-68%2028t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20295%20656-657q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
}
.CardLayout---card_item.CardLayout---selected_card:focus:not([data-appian-ux-mouse-focus]) {
  outline: 5px double #1d659c !important;
}
.CardLayout---card_item.CardLayout---selected_card:focus:not([data-appian-ux-mouse-focus]).CardLayout---inAccentBackground {
  outline-color: #fff !important;
}
.CardLayout---card_item.CardLayout---selected_card:focus:not([data-appian-ux-mouse-focus]).CardLayout---inDarkBackground {
  outline-color: #eee !important;
}
.CardLayout---card_item.CardLayout---has_bar_top {
  padding-top: 5px !important;
}
.CardLayout---card_item.CardLayout---has_bar_start {
  padding-left: 5px !important;
}
.CardLayout---card_item.CardLayout---has_bar_end {
  padding-right: 5px !important;
}
.CardLayout---card_item.CardLayout---has_bar_bottom {
  padding-bottom: 5px !important;
}
.CardLayout---card_item .CardLayout---decorative_bar.CardLayout---accent_bar {
  background-color: #1d659c !important;
}
.CardLayout---card_item .CardLayout---decorative_bar.CardLayout---positive_bar {
  background-color: #1cc101 !important;
}
.CardLayout---card_item .CardLayout---decorative_bar.CardLayout---negative_bar {
  background-color: #de0037 !important;
}
.CardLayout---card_item .CardLayout---decorative_bar.CardLayout---warn_bar {
  background-color: #ffa800 !important;
}
.CardLayout---card_item .CardLayout---decorative_bar.CardLayout---bar_top {
  width: 100% !important;
  height: 5px !important;
  position: absolute !important;
  top: 0 !important;
}
.CardLayout---card_item .CardLayout---decorative_bar.CardLayout---bar_top.CardLayout---rounded {
  border-top-left-radius: 7px !important;
  border-top-right-radius: 7px !important;
}
.CardLayout---card_item .CardLayout---decorative_bar.CardLayout---bar_top.CardLayout---semi_rounded {
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
}
.CardLayout---card_item .CardLayout---decorative_bar.CardLayout---bar_start {
  width: 5px !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}
.CardLayout---card_item .CardLayout---decorative_bar.CardLayout---bar_start.CardLayout---rounded {
  border-top-left-radius: 7px !important;
  border-bottom-left-radius: 7px !important;
}
.CardLayout---card_item .CardLayout---decorative_bar.CardLayout---bar_start.CardLayout---semi_rounded {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}
.CardLayout---card_item .CardLayout---decorative_bar.CardLayout---bar_end {
  width: 5px !important;
  height: 100% !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
}
.CardLayout---card_item .CardLayout---decorative_bar.CardLayout---bar_end.CardLayout---rounded {
  border-top-right-radius: 7px !important;
  border-bottom-right-radius: 7px !important;
}
.CardLayout---card_item .CardLayout---decorative_bar.CardLayout---bar_end.CardLayout---semi_rounded {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
.CardLayout---card_item .CardLayout---decorative_bar.CardLayout---bar_bottom {
  width: 100% !important;
  height: 5px !important;
  position: absolute !important;
  bottom: 0 !important;
}
.CardLayout---card_item .CardLayout---decorative_bar.CardLayout---bar_bottom.CardLayout---rounded {
  border-bottom-left-radius: 7px !important;
  border-bottom-right-radius: 7px !important;
}
.CardLayout---card_item .CardLayout---decorative_bar.CardLayout---bar_bottom.CardLayout---semi_rounded {
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
p.CardLayout---label_tooltip {
  white-space: pre-wrap !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.UserCard---userhovercard {
  min-height: 20px !important;
}
.UserCard---usercard_avatar {
  background-image: url("data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAeAAD/4QN9aHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9Ijc2Q0E5NUQwRjYwM0FFMzU1ODhBRjcxRjAyNDg1RURGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI2NDM1MENBNkVFODExRTZCMTk1RTc5RjAxNURBOUVDIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI2NDM1MEM5NkVFODExRTZCMTk1RTc5RjAxNURBOUVDIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBMaWdodHJvb20gNS43LjEgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNzRkNzViMi1hYzM5LTQyYjktOTczMi0zNTcwNTMxYjg4OTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTc0ZDc1YjItYWMzOS00MmI5LTk3MzItMzU3MDUzMWI4ODk4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+0ASFBob3Rvc2hvcCAzLjAAOEJJTQQEAAAAAAAPHAFaAAMbJUccAgAAAgACADhCSU0EJQAAAAAAEPzhH4nIt8l4LzRiNAdYd+v/7gAOQWRvYmUAZMAAAAAB/9sAhAAQCwsLDAsQDAwQFw8NDxcbFBAQFBsfFxcXFxcfHhcaGhoaFx4eIyUnJSMeLy8zMy8vQEBAQEBAQEBAQEBAQEBAAREPDxETERUSEhUUERQRFBoUFhYUGiYaGhwaGiYwIx4eHh4jMCsuJycnLis1NTAwNTVAQD9AQEBAQEBAQEBAQED/wAARCAEYARgDASIAAhEBAxEB/8QAcwABAAIDAQAAAAAAAAAAAAAAAAECAwUGBAEBAAAAAAAAAAAAAAAAAAAAABABAAIBAgQCCAUBCQEAAAAAAAECAxEEITESBUFRYXGRsSJSEwaBoTJCI3LB0WKCkjNDFDQVEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwDsgAAAAAAAAABOidARoaLaJ0BXQ0X6U9IKaGi/SdIKaI0ZOk6QY9EaMnSjQFEL6K6AgSgAAAAAAAAAAAAAAAAAEgEQmIWiARELRCYhh3W92+0rrltx8KxxmQZogvemOvVe0ViPGZ0aHc9/3F9Y29Yx18542a3LnzZrdWW83n0yDf7jvu0xaxiictvRwr7Xiv8AcO6n9GOlY9OstSkGy/8Av735cfsn+9Fu/b+eXRX1V/va4BsI773D5qz/AJYZ8P3Dlif58UWjzrwn82oAdVt+57Pc8K3itvltwl6tIlxb0bfuG72/+3knp+WeMfmDq5qrMNZtO/Y7zFNzXomf3x+ltazW9YtWYms8pgGOYQyTCswCglAAAAAAAAAAAAAAAC0QiFogExC0QRDX917lG2p9HFP81o/0wCe5d0ptI+nj+LNPsr63O5cuTLecmS02tPOZVta1rTa06zPOZAAAAAAAAAAAQ93b+55dnbpn4sM86+XqeIB2OHNjz44yY56q2TMOX2G/ybPLExOuOf11dPiy482OuTHOtbRrEgiYVZJhSQVEoAAAAAAAAAAABMAmF4hWF4B59/vK7PbzknjeeFI85ctkyXy3nJedbWnWZe7vW4nLvLY4n4MXwxHp8WvAAAAAAAAAAAAAAAbHs+/nb5Yw5J/iyT/plrgHZzCkwwdrzzuNljvPG1fht64eiQUlC0qgAAAAAAAAAAJhCYBeF44Rr5KQm8xGO0zyis6+wHIZr/UzZLz+60z7ZUAAAAAAAAAAAAAAAAAG9+3b64c2P5bRaPxhtbNL9u2jrz18Zis+yZbuwMcqryqCAAAAAAAAAAFoVWgF6vN3XN9HY5J8bx0R/memrWfcMzG2xR4Tfj+EA59IAAAAAAAAAAAAAAAAA93Zs30t9SJ5ZNaT+PJ00uP20zG5xTHOL197sLAxyrK0qyCAAAAAAAAAAFoVWgF6tX9xf7GH+ufc2lWr+4v/AD4f659wNCAAAAAAAAAAAAAAAAAC+3/9GL+uvvdjZx+347jF/XX3uwsDHKsrSrIIAAAAAAAAAAWhVMAyVeHvmKcmxm1f+O0Wn1cnthN6Rkx2x25XiYn8QcYlbLSceS+OedJmvsVAAAAAAAAAAAAAAAAB6+14Zzb7FEcqz1z6quplpvt7DHTlzzzmeiPfLcWBSVZWlUEAAAAAAAAAAJhCYBeF4Y4XgHK9yp0b/PX/ABzPt4vM2ffsPRu4yxyy1/OvBrAAAAAAAAAAAAAAAAAdJ2OnTsIn57Wn+x7rMezw/Q2uLF41rGvrnjK9gVlVaVQAAAAAAAAAAAAWhkqxwvANb9wY4ttKZPGl9PwmHPup7pt77jZXpj42iYtEeejluXCeYAAAAAAAAAAAAAADNssf1N5hpPKbxr72FsOy7bJl3dc0RpjwzrM+nwgHSSpK0qSCsoTKAAAAAAAAAAAAATC0KpgGWHP982VcOSNxj4VyzpaPKzf1a3v9JnZ1t8t4/OJgHPAAAAAAAAAAAAAAnHScmSuOvO8xWPxddtdtj2uCuGnhznznxly+wpN97grHzxPs4utkFbSpK0qSCAAAAAAAAAAAAAAFoVTAMlZYe4Yf+xs8uOOcxrX1xxZIZIBxY9vdtnO23UzWP48nxV/th4gAAAAAAAAAAAIiZnSOMzygGz7Dgm+7nNMfDij854Ogl5e2bT/q7WtZj+S3xX9cvTYFZVlMqgAAAAAAAAAAAAAAJQmAWheqkLwDz9w2ld3trY5/XHGk+mHKTExMxPOOEu0mYiNZ4RHGXHbi1bZ8lqfpta0x6tQUAAAAAAAAAAbPse0jNnnNeNaYuUf4paxvvt7JScGXF++LdU+qYBtlJXVkFJVWlAIAAAAAAAAAABIIE6J0BGi0QRC0QBELHJpu692iInb7a2s8r3j3QB3fukaW2uCddeF7x7oaNIAAAAAAAAAAAy7Xc5NrmjLj5xzjzhiAdbtN5i3eKMmOeP7q+MSzTDktrusu1yxkxz648Jh0+z3uHeY+vHPxR+qvjEgyTCswyzCkwCiF5hGgKidEAAAAAJTonQFdE6LRCYqCsQtFVohh3G8222jXNeKz4V5z7AZohjz7jDt6dea0Vj85afc/cF51rtqdMfPbjPsarNny57deW83t5yD37/vGXca48P8AHi8/3S1oAAAAAAAAAAAAAAAL4c+XBeMmK01tHkoA6HY96xZtMe40x5PP9stnwmNY4x5uKeva9y3e14Uv1U+S3GAdTNVZhr9t33b5NK54nFbz51bKtqZK9VJi1Z8Y4gpMI0ZJhEwDHoheYRoConQBeIWiFMufBgjXLkrSPTLXbjv+3prGCs5J854VBtdHl3XctptYmL36rx+yvGWh3Pdd5uNYm/RSf204PGDZbrvm5y61wx9Kk+XG3ta21rWnqtMzM85niAAAAAAAAAAAAAAAAAAAAAAAIZtvutxtrdWG819Hh7GIBvNr3+s6V3VOmfnry9ja4s2HPXqxXi8ehxyaXvjtFqWmto5TE6A7PRWatBt+/brHpXNEZa+fK3tbPb952WbSJt9O3lfh+YPXMC1bUvGtJi0ecTqA4y1rWnW0zM+c8QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEJAWxZsuG3Vivak+dZ0FQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAH/2Q==") !important;
}

body.HoverCard---has_modal {
  overflow: hidden !important;
}
.HoverCard---modal_backdrop {
  background-color: rgba(0, 0, 0, 0.4) !important;
  position: fixed !important;
  z-index: 2000019 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}
.HoverCard---modal_backdrop.HoverCard---high_priority_z_index {
  z-index: 2000028 !important;
}
.HoverCard---modal_dialog {
  background-color: var(--appian-modal-background-color, #fff) !important;
  border: 1px solid var(--appian-choice-border-color, #bbb) !important;
  z-index: 2000022 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: auto !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  max-width: 98% !important;
  max-height: 98% !important;
  overflow-y: auto !important;
}
.HoverCard---modal_dialog:focus {
  outline: none !important;
}
.HoverCard---modal_dialog.HoverCard---width_fit {
  width: 96% !important;
}
.HoverCard---modal_dialog.HoverCard---width_narrow {
  width: 480px !important;
}
.HoverCard---modal_dialog.HoverCard---width_medium {
  width: 720px !important;
}
.HoverCard---modal_dialog.HoverCard---width_medium_plus {
  width: 960px !important;
}
.HoverCard---modal_dialog.HoverCard---width_wide {
  width: 1200px !important;
}
.HoverCard---modal_dialog.HoverCard---width_extra_wide {
  width: 98% !important;
  max-width: 2000px !important;
}
.HoverCard---modal_dialog.HoverCard---height_fit {
  height: 94% !important;
}
.HoverCard---modal_dialog.HoverCard---height_short {
  height: 340px !important;
}
.HoverCard---modal_dialog.HoverCard---height_medium {
  height: 480px !important;
}
.HoverCard---modal_dialog.HoverCard---height_tall {
  height: 640px !important;
}
.HoverCard---modal_dialog.HoverCard---height_extra_tall {
  height: 670px !important;
}
.HoverCard---modal_dialog.HoverCard---height_auto {
  margin-top: 0 !important;
  top: 90px !important;
  max-height: calc(100% - 110px) !important;
}
@media print {
  .HoverCard---modal_backdrop {
    display: none !important;
  }
}
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.HoverCard---hovercard {
  z-index: 2000022 !important;
}
.HoverCard---hovercard:focus {
  outline: none !important;
}
.HoverCard---hovercard_contents {
  background-color: var(--appian-pop-up-menu-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: var(--appian-dialog-border-radius, 0) !important;
  overflow: hidden !important;
}
.HoverCard---hovercard.HoverCard---max_height_viewport .HoverCard---hovercard_contents {
  overflow-y: auto !important;
}
/* These numbers must match the corresponding object in HoverCard.jsx */
.HoverCard---hovercard.HoverCard---width_interface_preview {
  width: 422px !important;
}
.HoverCard---hovercard.HoverCard---width_narrow {
  width: 400px !important;
}
.HoverCard---hovercard.HoverCard---width_medium {
  width: 600px !important;
}
.HoverCard---hovercard.HoverCard---width_wide {
  width: 800px !important;
}
.HoverCard---hovercard.HoverCard---height_short,
.HoverCard---hovercard.HoverCard---height_short .HoverCard---hovercard_contents {
  height: 240px !important;
}
.HoverCard---hovercard.HoverCard---height_interface_preview {
  height: 270px !important;
}
.HoverCard---hovercard.HoverCard---height_medium,
.HoverCard---hovercard.HoverCard---height_medium .HoverCard---hovercard_contents {
  height: 380px !important;
}
.HoverCard---hovercard.HoverCard---height_tall,
.HoverCard---hovercard.HoverCard---height_tall .HoverCard---hovercard_contents {
  height: 480px !important;
}
.HoverCard---hovercard.HoverCard---height_auto,
.HoverCard---hovercard.HoverCard---height_auto .HoverCard---hovercard_contents {
  height: auto !important;
}
.HoverCard---hovercard.HoverCard---max_height_viewport,
.HoverCard---hovercard.HoverCard---max_height_viewport .HoverCard---hovercard_contents {
  height: auto !important;
  max-height: 100vh !important;
}
.HoverCard---hovercard.HoverCard---hovercard-element-attached-top {
  margin-top: -1px !important;
}
.HoverCard---hovercard.HoverCard---hovercard-element-attached-bottom {
  margin-top: 1px !important;
}
.HoverCard---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .HoverCard---accessibilityhidden {
  font-size: 0 !important;
}
.HoverCard---hovercard_contents:focus {
  outline: none !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* A prettier bug causes infinite semi colons to be added without this comment ( https://github.com/prettier/prettier/issues/11483 ) */
.VirtualCarouselLayout---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .VirtualCarouselLayout---accessibilityhidden {
  font-size: 0 !important;
}
.VirtualCarouselLayout---carouselViewport {
  width: 100% !important;
  position: relative !important;
  overflow: hidden !important;
}
.VirtualCarouselLayout---carouselViewport.VirtualCarouselLayout---margin_above_none {
  margin-top: 0 !important;
}
.VirtualCarouselLayout---carouselViewport.VirtualCarouselLayout---margin_above_standard {
  margin-top: 1rem !important;
}
.VirtualCarouselLayout---carouselViewport.VirtualCarouselLayout---margin_above_less {
  margin-top: 0.5rem !important;
}
.VirtualCarouselLayout---carouselViewport.VirtualCarouselLayout---margin_above_even_less {
  margin-top: 0.2857rem !important;
}
.VirtualCarouselLayout---carouselViewport.VirtualCarouselLayout---margin_above_more {
  margin-top: 2rem !important;
}
.VirtualCarouselLayout---carouselViewport.VirtualCarouselLayout---margin_above_even_more {
  margin-top: 4rem !important;
}
.VirtualCarouselLayout---carouselViewport.VirtualCarouselLayout---margin_below_none {
  margin-bottom: 0 !important;
}
.VirtualCarouselLayout---carouselViewport.VirtualCarouselLayout---margin_below_standard {
  margin-bottom: 1rem !important;
}
.VirtualCarouselLayout---carouselViewport.VirtualCarouselLayout---margin_below_less {
  margin-bottom: 0.5rem !important;
}
.VirtualCarouselLayout---carouselViewport.VirtualCarouselLayout---margin_below_even_less {
  margin-bottom: 0.2857rem !important;
}
.VirtualCarouselLayout---carouselViewport.VirtualCarouselLayout---margin_below_more {
  margin-bottom: 2rem !important;
}
.VirtualCarouselLayout---carouselViewport.VirtualCarouselLayout---margin_below_even_more {
  margin-bottom: 4rem !important;
}
.VirtualCarouselLayout---carouselViewport .VirtualCarouselLayout---backward_overlay,
.VirtualCarouselLayout---carouselViewport .VirtualCarouselLayout---forward_overlay {
  position: absolute !important;
  top: 0 !important;
  height: 100% !important;
  width: 36px !important;
  z-index: 2000000 !important;
}
.VirtualCarouselLayout---carouselViewport .VirtualCarouselLayout---forward_overlay {
  right: 0 !important;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), var(--appian-container-background-color, /*{{@background-color}}*/#fff/*{{/@background-color}}*/)) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--appian-container-background-color, #fff)) !important;
}
.VirtualCarouselLayout---carouselViewport .VirtualCarouselLayout---backward_overlay {
  left: 0 !important;
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0), var(--appian-container-background-color, /*{{@background-color}}*/#fff/*{{/@background-color}}*/)) !important;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--appian-container-background-color, #fff)) !important;
}
.VirtualCarouselLayout---carouselViewport .VirtualCarouselLayout---carouselScrollableContainer {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  overflow-x: scroll !important;
  list-style-type: none !important;
  padding: 2px 38px !important;
  /* Horizontal padding addresses edge cases where the edges of the carousel items and their focus borders were being cut off  */
  scrollbar-width: none !important;
  /* hide scrollbar Firefox */
  -ms-overflow-style: none !important;
  /* hide scrollbar IE11 */
  margin-top: 0 !important;
  /* needed in order to override default browser style */
  margin-bottom: 0 !important;
  /* needed in order to override default browser style */
  /* ::-webkit-scrollbar selector is not fully supported yet. If it breaks, try putting a negative margin-bottom on the carouselLayout to hide the scrollbar */
}
.VirtualCarouselLayout---carouselViewport .VirtualCarouselLayout---carouselScrollableContainer::-webkit-scrollbar {
  display: none !important;
  /* hide scrollbar Chrome, Edge, Safari */
}
.VirtualCarouselLayout---carouselViewport .VirtualCarouselLayout---carouselScrollableContainer .VirtualCarouselLayout---bufferListItem {
  -webkit-flex-shrink: 0 !important;
          flex-shrink: 0 !important;
  display: inline-block !important;
}
.VirtualCarouselLayout---carouselViewport .VirtualCarouselLayout---carouselScrollableContainer .VirtualCarouselLayout---carouselItem {
  -webkit-flex-shrink: 0 !important;
          flex-shrink: 0 !important;
  display: inline-block !important;
}
.VirtualCarouselLayout---carouselViewport .VirtualCarouselLayout---carouselScrollableContainer .VirtualCarouselLayout---carouselItem.VirtualCarouselLayout---medium {
  width: 360px !important;
}
.VirtualCarouselLayout---carouselViewport .VirtualCarouselLayout---carouselScrollableContainer .VirtualCarouselLayout---carouselItem.VirtualCarouselLayout---medium:not(:last-child) {
  margin-right: 10px !important;
}
.VirtualCarouselLayout---carouselViewport .VirtualCarouselLayout---carouselButtonWrapper {
  z-index: 2000011 !important;
  position: absolute !important;
}
.VirtualCarouselLayout---carouselViewport .VirtualCarouselLayout---carouselButtonWrapper.VirtualCarouselLayout---left {
  left: 6px !important;
}
.VirtualCarouselLayout---carouselViewport .VirtualCarouselLayout---carouselButtonWrapper.VirtualCarouselLayout---left .VirtualCarouselLayout---carouselButton {
  padding-left: 4px !important;
}
.appian-context-browser-firefox .VirtualCarouselLayout---carouselViewport .VirtualCarouselLayout---carouselButtonWrapper.VirtualCarouselLayout---left .VirtualCarouselLayout---carouselButton {
  padding-left: 2px !important;
}
.VirtualCarouselLayout---carouselViewport .VirtualCarouselLayout---carouselButtonWrapper.VirtualCarouselLayout---right {
  right: 6px !important;
}
.VirtualCarouselLayout---carouselViewport .VirtualCarouselLayout---carouselButtonWrapper.VirtualCarouselLayout---right .VirtualCarouselLayout---carouselButton {
  padding-left: 7px !important;
}
.appian-context-browser-firefox .VirtualCarouselLayout---carouselViewport .VirtualCarouselLayout---carouselButtonWrapper.VirtualCarouselLayout---right .VirtualCarouselLayout---carouselButton {
  padding-left: 6px !important;
}
.VirtualCarouselLayout---carouselViewport .VirtualCarouselLayout---carouselButtonWrapper.VirtualCarouselLayout---hidden {
  visibility: hidden !important;
}
.VirtualCarouselLayout---carouselViewport .VirtualCarouselLayout---carouselButtonWrapper .VirtualCarouselLayout---carouselButton {
  height: 30px !important;
  width: 30px !important;
  border-radius: 15px !important;
  padding-top: 4px !important;
  padding-bottom: 0 !important;
  background-color: #fff !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  box-shadow: 0 0 4px var(--appian-choice-border-color, #bbb) !important;
  position: relative !important;
}
.appian-context-browser-firefox .VirtualCarouselLayout---carouselViewport .VirtualCarouselLayout---carouselButtonWrapper .VirtualCarouselLayout---carouselButton {
  padding-top: 3px !important;
}
.VirtualCarouselLayout---carouselViewport .VirtualCarouselLayout---carouselButtonWrapper .VirtualCarouselLayout---carouselButton:hover,
.VirtualCarouselLayout---carouselViewport .VirtualCarouselLayout---carouselButtonWrapper .VirtualCarouselLayout---carouselButton:focus:not([data-appian-ux-mouse-focus]) {
  outline: none !important;
  border: 1px solid #1d659c !important;
  cursor: pointer !important;
}
.VirtualCarouselLayout---carouselViewport .VirtualCarouselLayout---carouselButtonWrapper .VirtualCarouselLayout---carouselButton:active {
  -webkit-transform: scaleX(0.98) scaleY(0.98) !important;
  transform: scaleX(0.98) scaleY(0.98) !important;
}
.VirtualCarouselLayout---carouselViewport .VirtualCarouselLayout---carouselButtonWrapper .VirtualCarouselLayout---carouselButton:disabled {
  -webkit-transform: none !important;
          transform: none !important;
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  cursor: default !important;
  box-shadow: none !important;
  pointer-events: none !important;
}
.VirtualCarouselLayout---carouselViewport .VirtualCarouselLayout---carouselButtonWrapper .VirtualCarouselLayout---carouselButton::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
.VirtualCarouselLayout---carouselViewport .VirtualCarouselLayout---carouselButtonWrapper .VirtualCarouselLayout---carouselButton svg {
  height: 16px !important;
  width: 16px !important;
  fill: var(--appian-subtle-text-color, #666) !important;
}
.VirtualCarouselLayout---carouselViewport.VirtualCarouselLayout---top_aligned_buttons .VirtualCarouselLayout---carouselButtonWrapper {
  top: 6px !important;
}
.VirtualCarouselLayout---carouselViewport.VirtualCarouselLayout---middle_aligned_buttons .VirtualCarouselLayout---carouselButtonWrapper {
  top: calc(50% - 15px) !important;
}
.VirtualCarouselLayout---carouselViewport.VirtualCarouselLayout---bottom_aligned_buttons .VirtualCarouselLayout---carouselButtonWrapper {
  bottom: 6px !important;
}

.CarouselLayoutItem---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .CarouselLayoutItem---accessibilityhidden {
  font-size: 0 !important;
}
.CarouselLayoutItem---carouselItem {
  -webkit-flex-shrink: 0 !important;
          flex-shrink: 0 !important;
  display: inline-block !important;
  list-style-type: none !important;
}
.CarouselLayoutItem---carouselItem.CarouselLayoutItem---medium {
  width: 360px !important;
}
.CarouselLayoutItem---carouselItem.CarouselLayoutItem---medium:not(:last-child) {
  margin-right: 10px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.CertifiedSAILExtension---sail_extension {
  width: 100% !important;
  border: none !important;
  display: block !important;
}
.CertifiedSAILExtension---sail_extension.CertifiedSAILExtension---height_short {
  height: 280px !important;
  overflow: auto !important;
}
.CertifiedSAILExtension---sail_extension.CertifiedSAILExtension---height_medium {
  height: 490px !important;
  overflow: auto !important;
}
.CertifiedSAILExtension---sail_extension.CertifiedSAILExtension---height_tall {
  height: 840px !important;
  overflow: auto !important;
}
.CertifiedSAILExtension---sail_extension.CertifiedSAILExtension---height_auto {
  overflow: hidden !important;
}
.CertifiedSAILExtension---sail_extension.CertifiedSAILExtension---placeholder {
  background-color: #e3e3e3 !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.CertifiedSAILExtension---sail_extension.CertifiedSAILExtension---placeholder.CertifiedSAILExtension---height_auto {
  padding: 20px 0 !important;
}
.CertifiedSAILExtension---sail_extension.CertifiedSAILExtension---placeholder svg.CertifiedSAILExtension---placeholder_icon {
  fill: #7a7a7a !important;
  width: 80px !important;
  height: 80px !important;
}
.CertifiedSAILExtension---sail_extension.CertifiedSAILExtension---border {
  border: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
}
.CertifiedSAILExtension---sail_extension.CertifiedSAILExtension---wrapping_div {
  position: relative !important;
}
.CertifiedSAILExtension---sail_extension.CertifiedSAILExtension---wrapping_div.CertifiedSAILExtension---disabled {
  overflow: hidden !important;
}
.CertifiedSAILExtension---sail_extension.CertifiedSAILExtension---pointer_events {
  pointer-events: none !important;
}
.CertifiedSAILExtension---disabled_sail_extension_glass {
  background-color: #fff !important;
  opacity: 0.75 !important;
  z-index: 2 !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  min-height: 100% !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.CardStyleCheckboxes---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .CardStyleCheckboxes---accessibilityhidden {
  font-size: 0 !important;
}
.CardStyleCheckboxes---choice_pair {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  width: 100% !important;
  max-width: 28.5714rem !important;
  position: relative !important;
  word-wrap: break-word !important;
  /* needed on parent container for proper wrapping on IE */
  font-size: 1rem !important;
  /* maintain correct vertical spacing when in side by side layout */
  border: 1px solid var(--appian-choice-border-color, #bbb) !important;
  border-radius: 0rem !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CardStyleCheckboxes---choice_pair {
    min-height: 2.1429rem !important;
  }
}
.appian-context-ux-screen-size-narrow .CardStyleCheckboxes---choice_pair {
  /* rules to apply in the phone form factor preview in ID */
  min-height: 2.1429rem !important;
}
.appian-context-ux-screen-size-medium .CardStyleCheckboxes---choice_pair {
  /* rules to apply in the tablet form factor preview in ID */
  min-height: 2.1429rem !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground {
  border-color: #fff !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---checked {
  border-color: transparent !important;
}
.CardStyleCheckboxes---choice_pair:not(.CardStyleCheckboxes---disabled),
.CardStyleCheckboxes---choice_pair:not(.CardStyleCheckboxes---disabled) input + .CardStyleCheckboxes---choice_label {
  cursor: pointer !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---disabled {
  border-color: var(--appian-disabled-border-color, #ddd) !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---disabled.CardStyleCheckboxes---inLightBackground,
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---disabled.CardStyleCheckboxes---inAccentBackground {
  border-color: #ddd !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---disabled.CardStyleCheckboxes---inDarkBackground {
  border-color: #777 !important;
}
.CardStyleCheckboxes---choice_pair input {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  width: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  /*
      Important! Because we specify "position: absolute", we need to protect ourselves from inherited
      styles (especially from the host page) that might try to assign these values. (AN-78083)
    */
  top: inherit !important;
  bottom: inherit !important;
  left: inherit !important;
}
.CardStyleCheckboxes---choice_pair input + .CardStyleCheckboxes---choice_label {
  display: block !important;
  width: 100% !important;
  max-height: 100% !important;
  position: relative !important;
  overflow-wrap: break-word !important;
  overflow: hidden !important;
  white-space: normal !important;
  padding: 0.2857rem 2.0714rem 0.2857rem 0.6429rem !important;
  margin-bottom: 0 !important;
  text-align: left !important;
  /* needs extra decimals for correct alignment in Chrome */
  line-height: 1.28571429 !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CardStyleCheckboxes---choice_pair input + .CardStyleCheckboxes---choice_label {
    padding-right: 2.8571rem !important;
  }
}
.appian-context-ux-screen-size-narrow .CardStyleCheckboxes---choice_pair input + .CardStyleCheckboxes---choice_label {
  /* rules to apply in the phone form factor preview in ID */
  padding-right: 2.8571rem !important;
}
.appian-context-ux-screen-size-medium .CardStyleCheckboxes---choice_pair input + .CardStyleCheckboxes---choice_label {
  /* rules to apply in the tablet form factor preview in ID */
  padding-right: 2.8571rem !important;
}
.CardStyleCheckboxes---choice_pair .CardStyleCheckboxes---choice_label {
  color: var(--appian-text-color, #222) !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inLightBackground .CardStyleCheckboxes---choice_label {
  color: #222 !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground .CardStyleCheckboxes---choice_label {
  color: #eee !important;
}
.CardStyleCheckboxes---choice_pair input + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
  width: calc(100% + 2px) !important;
  height: calc(100% + 2px) !important;
  position: absolute !important;
  border: none !important;
  left: -1px !important;
  top: -1px !important;
  pointer-events: none !important;
}
.CardStyleCheckboxes---choice_pair input:checked + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
.CardStyleCheckboxes---choice_pair input:focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
  width: calc(100% + 4px) !important;
  height: calc(100% + 4px) !important;
  left: -2px !important;
  top: -2px !important;
}
.CardStyleCheckboxes---choice_pair:hover input:not(:disabled):not(:checked) + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
  border: 1px solid #1d659c !important;
  border-radius: 0rem !important;
}
.CardStyleCheckboxes---choice_pair:hover input:not(:disabled):checked + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline:after {
  content: "" !important;
  position: absolute !important;
  top: -4px !important;
  left: -4px !important;
  height: calc(100% + 8px) !important;
  width: calc(100% + 8px) !important;
  border: 1px solid #1d659c !important;
  border-radius: 0rem !important;
}
.CardStyleCheckboxes---choice_pair input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):not(:checked) + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
  border: 2px solid #1d659c !important;
}
.CardStyleCheckboxes---choice_pair input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
  outline: 2px solid #1d659c !important;
  outline-offset: 1px !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground:hover input:not(:disabled):not(:checked) + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
  border-color: #fff !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground:hover input:not(:disabled):not(:checked) + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline:after {
  content: "" !important;
  position: absolute !important;
  top: -3px !important;
  left: -3px !important;
  height: calc(100% + 6px) !important;
  width: calc(100% + 6px) !important;
  border: 1px solid #fff !important;
  border-radius: 0rem !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground:hover input:not(:disabled):checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline:after {
  content: "" !important;
  position: absolute !important;
  top: -4px !important;
  left: -4px !important;
  height: calc(100% + 8px) !important;
  width: calc(100% + 8px) !important;
  border: 1px solid #fff !important;
  border-radius: 0rem !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
  border: 2px solid #fff !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
  outline-color: #fff !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline:after {
  content: none !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
  border-color: #eee !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
  outline-color: #eee !important;
  border-color: #eee !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline:after {
  content: none !important;
}
.CardStyleCheckboxes---choice_pair input:disabled + .CardStyleCheckboxes---choice_label {
  color: var(--appian-disabled-standalone-text-color, #bbb) !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inLightBackground input:disabled + .CardStyleCheckboxes---choice_label,
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:disabled + .CardStyleCheckboxes---choice_label {
  color: #bbb !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground input:disabled + .CardStyleCheckboxes---choice_label {
  color: #777 !important;
}
.CardStyleCheckboxes---choice_pair input:checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
  border: 2px solid #1d659c !important;
  border-radius: 0rem !important;
}
.CardStyleCheckboxes---choice_pair input:checked:disabled + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
  border-color: var(--appian-disabled-border-color, #ddd) !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:checked:disabled + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inLightBackground input:checked:disabled + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
  border-color: #ddd !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground input:checked:disabled + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
  border-color: #777 !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground {
  border-color: #fff !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground .CardStyleCheckboxes---choice_label {
  color: #fff !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
  border-color: #fff !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground:hover input:not(:disabled) + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
  border-color: #fff !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:focus:not(.appian-context-ux-mouse-focus) + .CardStyleCheckboxes---choice_label {
  border-color: #fff !important;
}
/* Repeated class name is a specificity hack to work around listbox color styling.
     This is needed to overwrite .choice_wrapper in CardStyleCheckboxes.less.
     .choice_wrapper has default STACKED styles.
  */
.CardStyleCheckboxes---compact.CardStyleCheckboxes---compact {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: inline-flex !important;
  -webkit-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
  margin-bottom: -0.5714rem !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---compact .CardStyleCheckboxes---choice_pair {
  height: 3.2143rem !important;
  margin: 0 0.5714rem 0.5714rem 0 !important;
  max-width: 100% !important;
  /* needed for proper choice wrapping */
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---compact .CardStyleCheckboxes---choice_pair > .CardStyleCheckboxes---choice_label {
  text-overflow: ellipsis !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---spacing_more {
  margin-bottom: -1.25rem !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---spacing_more .CardStyleCheckboxes---choice_pair {
  margin-bottom: 1.25rem !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---spacing_even_more {
  margin-bottom: -2rem !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---spacing_even_more .CardStyleCheckboxes---choice_pair {
  margin-bottom: 2rem !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---short .CardStyleCheckboxes---choice_pair {
  width: 10.7143rem !important;
  margin-right: min(max((100% - 10.7143rem), 0px), 0.5714rem) !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---short .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more {
  margin-right: min(max((100% - 10.7143rem), 0px), 1.25rem) !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---short .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more {
  margin-right: min(max((100% - 10.7143rem), 0px), 2rem) !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---short.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair {
  margin-right: min(max((100% - 10.7143rem), 0px), 0.2857rem) !important;
  margin-left: min(max((100% - 10.7143rem), 0px), 0.2857rem) !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---short.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more {
  margin-right: min(max((100% - 10.7143rem), 0px), 0.625rem) !important;
  margin-left: min(max((100% - 10.7143rem), 0px), 0.625rem) !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---short.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more {
  margin-right: min(max((100% - 10.7143rem), 0px), 1rem) !important;
  margin-left: min(max((100% - 10.7143rem), 0px), 1rem) !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---short.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair {
  margin-right: 0 !important;
  margin-left: min(max((100% - 10.7143rem), 0px), 0.5714rem) !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---short.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more {
  margin-left: min(max((100% - 10.7143rem), 0px), 1.25rem) !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---short.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more {
  margin-left: min(max((100% - 10.7143rem), 0px), 2rem) !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---medium .CardStyleCheckboxes---choice_pair {
  width: 14.2857rem !important;
  margin-right: min(max((100% - 14.2857rem), 0px), 0.5714rem) !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---medium .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more {
  margin-right: min(max((100% - 14.2857rem), 0px), 1.25rem) !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---medium .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more {
  margin-right: min(max((100% - 14.2857rem), 0px), 2rem) !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---medium.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair {
  margin-right: min(max((100% - 14.2857rem), 0px), 0.2857rem) !important;
  margin-left: min(max((100% - 14.2857rem), 0px), 0.2857rem) !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---medium.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more {
  margin-right: min(max((100% - 14.2857rem), 0px), 0.625rem) !important;
  margin-left: min(max((100% - 14.2857rem), 0px), 0.625rem) !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---medium.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more {
  margin-right: min(max((100% - 14.2857rem), 0px), 1rem) !important;
  margin-left: min(max((100% - 14.2857rem), 0px), 1rem) !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---medium.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair {
  margin-right: 0 !important;
  margin-left: min(max((100% - 14.2857rem), 0px), 0.5714rem) !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---medium.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more {
  margin-left: min(max((100% - 14.2857rem), 0px), 1.25rem) !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---medium.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more {
  margin-left: min(max((100% - 14.2857rem), 0px), 2rem) !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---long .CardStyleCheckboxes---choice_pair {
  width: 28.4714rem !important;
  margin-right: min(max(100% - 28.4714rem, 0px), 0.5714rem) !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---long .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more {
  margin-right: min(max((100% - 28.4714rem), 0px), 1.25rem) !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---long .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more {
  margin-right: min(max((100% - 28.4714rem), 0px), 2rem) !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---long.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair {
  margin-right: min(max((100% - 28.4714rem), 0px), 0.2857rem) !important;
  margin-left: min(max((100% - 28.4714rem), 0px), 0.2857rem) !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---long.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more {
  margin-right: min(max((100% - 28.4714rem), 0px), 0.625rem) !important;
  margin-left: min(max((100% - 28.4714rem), 0px), 0.625rem) !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---long.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more {
  margin-right: min(max((100% - 28.4714rem), 0px), 1rem) !important;
  margin-left: min(max((100% - 28.4714rem), 0px), 1rem) !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---long.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair {
  margin-right: 0 !important;
  margin-left: min(max((100% - 28.4714rem), 0px), 0.5714rem) !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---long.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more {
  margin-left: min(max((100% - 28.4714rem), 0px), 1.25rem) !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---long.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more {
  margin-left: min(max((100% - 28.4714rem), 0px), 2rem) !important;
}
div:not(.CardStyleCheckboxes---compact)  > .CardStyleCheckboxes---choice_pair {
  height: auto !important;
  min-height: 3.2143rem !important;
}
div:not(.CardStyleCheckboxes---compact)  > .CardStyleCheckboxes---choice_pair:not(:last-child) {
  margin: 0 0 0.5714rem 0 !important;
}
div:not(.CardStyleCheckboxes---compact)  > .CardStyleCheckboxes---choice_pair:not(:last-child).CardStyleCheckboxes---spacing_more {
  margin-bottom: 1rem !important;
}
div:not(.CardStyleCheckboxes---compact)  > .CardStyleCheckboxes---choice_pair:not(:last-child).CardStyleCheckboxes---spacing_even_more {
  margin-bottom: 1.5rem !important;
}
/* use browser default checkbox & radio buttons when printing in Edge */
@media print {
  .appian-context-browser-chrome,
  .appian-context-browser-safari,
  .appian-context-browser-firefox {
    /* Repeated class name is a specificity hack to work around listbox color styling.
     This is needed to overwrite .choice_wrapper in CardStyleCheckboxes.less.
     .choice_wrapper has default STACKED styles.
  */
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    width: 100% !important;
    max-width: 28.5714rem !important;
    position: relative !important;
    word-wrap: break-word !important;
    /* needed on parent container for proper wrapping on IE */
    font-size: 1rem !important;
    /* maintain correct vertical spacing when in side by side layout */
    border: 1px solid var(--appian-choice-border-color, #bbb) !important;
    border-radius: 0rem !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
            flex-direction: row !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
            align-items: center !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CardStyleCheckboxes---choice_pair,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair {
    /* rules to apply in the phone form factor preview in ID */
    min-height: 2.1429rem !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CardStyleCheckboxes---choice_pair,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair {
    /* rules to apply in the tablet form factor preview in ID */
    min-height: 2.1429rem !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground {
    border-color: #fff !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---checked,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---checked,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---checked {
    border-color: transparent !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair:not(.CardStyleCheckboxes---disabled),
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair:not(.CardStyleCheckboxes---disabled),
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair:not(.CardStyleCheckboxes---disabled),
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair:not(.CardStyleCheckboxes---disabled) input + .CardStyleCheckboxes---choice_label,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair:not(.CardStyleCheckboxes---disabled) input + .CardStyleCheckboxes---choice_label,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair:not(.CardStyleCheckboxes---disabled) input + .CardStyleCheckboxes---choice_label {
    cursor: pointer !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---disabled,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---disabled,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---disabled {
    border-color: var(--appian-disabled-border-color, #ddd) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---disabled.CardStyleCheckboxes---inLightBackground,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---disabled.CardStyleCheckboxes---inLightBackground,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---disabled.CardStyleCheckboxes---inLightBackground,
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---disabled.CardStyleCheckboxes---inAccentBackground,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---disabled.CardStyleCheckboxes---inAccentBackground,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---disabled.CardStyleCheckboxes---inAccentBackground {
    border-color: #ddd !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---disabled.CardStyleCheckboxes---inDarkBackground,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---disabled.CardStyleCheckboxes---inDarkBackground,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---disabled.CardStyleCheckboxes---inDarkBackground {
    border-color: #777 !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input {
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    width: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    /*
      Important! Because we specify "position: absolute", we need to protect ourselves from inherited
      styles (especially from the host page) that might try to assign these values. (AN-78083)
    */
    top: inherit !important;
    bottom: inherit !important;
    left: inherit !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input + .CardStyleCheckboxes---choice_label,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input + .CardStyleCheckboxes---choice_label,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input + .CardStyleCheckboxes---choice_label {
    display: block !important;
    width: 100% !important;
    max-height: 100% !important;
    position: relative !important;
    overflow-wrap: break-word !important;
    overflow: hidden !important;
    white-space: normal !important;
    padding: 0.2857rem 2.0714rem 0.2857rem 0.6429rem !important;
    margin-bottom: 0 !important;
    text-align: left !important;
    /* needs extra decimals for correct alignment in Chrome */
    line-height: 1.28571429 !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input + .CardStyleCheckboxes---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input + .CardStyleCheckboxes---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input + .CardStyleCheckboxes---choice_label {
    /* rules to apply in the phone form factor preview in ID */
    padding-right: 2.8571rem !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input + .CardStyleCheckboxes---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input + .CardStyleCheckboxes---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input + .CardStyleCheckboxes---choice_label {
    /* rules to apply in the tablet form factor preview in ID */
    padding-right: 2.8571rem !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair .CardStyleCheckboxes---choice_label,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair .CardStyleCheckboxes---choice_label,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair .CardStyleCheckboxes---choice_label {
    color: var(--appian-text-color, #222) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inLightBackground .CardStyleCheckboxes---choice_label,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inLightBackground .CardStyleCheckboxes---choice_label,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inLightBackground .CardStyleCheckboxes---choice_label {
    color: #222 !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground .CardStyleCheckboxes---choice_label,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground .CardStyleCheckboxes---choice_label,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground .CardStyleCheckboxes---choice_label {
    color: #eee !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
    width: calc(100% + 2px) !important;
    height: calc(100% + 2px) !important;
    position: absolute !important;
    border: none !important;
    left: -1px !important;
    top: -1px !important;
    pointer-events: none !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input:checked + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input:checked + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input:checked + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input:focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input:focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input:focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
    width: calc(100% + 4px) !important;
    height: calc(100% + 4px) !important;
    left: -2px !important;
    top: -2px !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair:hover input:not(:disabled):not(:checked) + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair:hover input:not(:disabled):not(:checked) + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair:hover input:not(:disabled):not(:checked) + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
    border: 1px solid #1d659c !important;
    border-radius: 0rem !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair:hover input:not(:disabled):checked + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline:after,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair:hover input:not(:disabled):checked + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline:after,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair:hover input:not(:disabled):checked + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline:after {
    content: "" !important;
    position: absolute !important;
    top: -4px !important;
    left: -4px !important;
    height: calc(100% + 8px) !important;
    width: calc(100% + 8px) !important;
    border: 1px solid #1d659c !important;
    border-radius: 0rem !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):not(:checked) + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):not(:checked) + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):not(:checked) + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
    border: 2px solid #1d659c !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
    outline: 2px solid #1d659c !important;
    outline-offset: 1px !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground:hover input:not(:disabled):not(:checked) + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground:hover input:not(:disabled):not(:checked) + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground:hover input:not(:disabled):not(:checked) + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
    border-color: #fff !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground:hover input:not(:disabled):not(:checked) + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline:after,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground:hover input:not(:disabled):not(:checked) + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline:after,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground:hover input:not(:disabled):not(:checked) + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline:after {
    content: "" !important;
    position: absolute !important;
    top: -3px !important;
    left: -3px !important;
    height: calc(100% + 6px) !important;
    width: calc(100% + 6px) !important;
    border: 1px solid #fff !important;
    border-radius: 0rem !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground:hover input:not(:disabled):checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline:after,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground:hover input:not(:disabled):checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline:after,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground:hover input:not(:disabled):checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline:after {
    content: "" !important;
    position: absolute !important;
    top: -4px !important;
    left: -4px !important;
    height: calc(100% + 8px) !important;
    width: calc(100% + 8px) !important;
    border: 1px solid #fff !important;
    border-radius: 0rem !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
    border: 2px solid #fff !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
    outline-color: #fff !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline:after,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline:after,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline:after {
    content: none !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
    border-color: #eee !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
    outline-color: #eee !important;
    border-color: #eee !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline:after,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline:after,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline:after {
    content: none !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input:disabled + .CardStyleCheckboxes---choice_label,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input:disabled + .CardStyleCheckboxes---choice_label,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input:disabled + .CardStyleCheckboxes---choice_label {
    color: var(--appian-disabled-standalone-text-color, #bbb) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inLightBackground input:disabled + .CardStyleCheckboxes---choice_label,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inLightBackground input:disabled + .CardStyleCheckboxes---choice_label,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inLightBackground input:disabled + .CardStyleCheckboxes---choice_label,
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:disabled + .CardStyleCheckboxes---choice_label,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:disabled + .CardStyleCheckboxes---choice_label,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:disabled + .CardStyleCheckboxes---choice_label {
    color: #bbb !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground input:disabled + .CardStyleCheckboxes---choice_label,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground input:disabled + .CardStyleCheckboxes---choice_label,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground input:disabled + .CardStyleCheckboxes---choice_label {
    color: #777 !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input:checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input:checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input:checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
    border: 2px solid #1d659c !important;
    border-radius: 0rem !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input:checked:disabled + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input:checked:disabled + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input:checked:disabled + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
    border-color: var(--appian-disabled-border-color, #ddd) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:checked:disabled + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:checked:disabled + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:checked:disabled + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inLightBackground input:checked:disabled + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inLightBackground input:checked:disabled + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inLightBackground input:checked:disabled + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
    border-color: #ddd !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground input:checked:disabled + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground input:checked:disabled + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inDarkBackground input:checked:disabled + label.CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
    border-color: #777 !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground {
    border-color: #fff !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground .CardStyleCheckboxes---choice_label,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground .CardStyleCheckboxes---choice_label,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground .CardStyleCheckboxes---choice_label {
    color: #fff !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:checked + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
    border-color: #fff !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground:hover input:not(:disabled) + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground:hover input:not(:disabled) + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground:hover input:not(:disabled) + .CardStyleCheckboxes---choice_label + .CardStyleCheckboxes---card_outline {
    border-color: #fff !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:focus:not(.appian-context-ux-mouse-focus) + .CardStyleCheckboxes---choice_label,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:focus:not(.appian-context-ux-mouse-focus) + .CardStyleCheckboxes---choice_label,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:focus:not(.appian-context-ux-mouse-focus) + .CardStyleCheckboxes---choice_label {
    border-color: #fff !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---compact,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---compact,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---compact {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
            flex-direction: row !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
    -webkit-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
    margin-bottom: -0.5714rem !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---compact .CardStyleCheckboxes---choice_pair,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---compact .CardStyleCheckboxes---choice_pair,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---compact .CardStyleCheckboxes---choice_pair {
    height: 3.2143rem !important;
    margin: 0 0.5714rem 0.5714rem 0 !important;
    max-width: 100% !important;
    /* needed for proper choice wrapping */
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---compact .CardStyleCheckboxes---choice_pair > .CardStyleCheckboxes---choice_label,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---compact .CardStyleCheckboxes---choice_pair > .CardStyleCheckboxes---choice_label,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---compact .CardStyleCheckboxes---choice_pair > .CardStyleCheckboxes---choice_label {
    text-overflow: ellipsis !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---spacing_more,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---spacing_more,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---spacing_more {
    margin-bottom: -1.25rem !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---spacing_more .CardStyleCheckboxes---choice_pair,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---spacing_more .CardStyleCheckboxes---choice_pair,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---spacing_more .CardStyleCheckboxes---choice_pair {
    margin-bottom: 1.25rem !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---spacing_even_more,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---spacing_even_more,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---spacing_even_more {
    margin-bottom: -2rem !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---spacing_even_more .CardStyleCheckboxes---choice_pair,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---spacing_even_more .CardStyleCheckboxes---choice_pair,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---spacing_even_more .CardStyleCheckboxes---choice_pair {
    margin-bottom: 2rem !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---short .CardStyleCheckboxes---choice_pair,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---short .CardStyleCheckboxes---choice_pair,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---short .CardStyleCheckboxes---choice_pair {
    width: 10.7143rem !important;
    margin-right: min(max((100% - 10.7143rem), 0px), 0.5714rem) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---short .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---short .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---short .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more {
    margin-right: min(max((100% - 10.7143rem), 0px), 1.25rem) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---short .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---short .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---short .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more {
    margin-right: min(max((100% - 10.7143rem), 0px), 2rem) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---short.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---short.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---short.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair {
    margin-right: min(max((100% - 10.7143rem), 0px), 0.2857rem) !important;
    margin-left: min(max((100% - 10.7143rem), 0px), 0.2857rem) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---short.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---short.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---short.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more {
    margin-right: min(max((100% - 10.7143rem), 0px), 0.625rem) !important;
    margin-left: min(max((100% - 10.7143rem), 0px), 0.625rem) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---short.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---short.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---short.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more {
    margin-right: min(max((100% - 10.7143rem), 0px), 1rem) !important;
    margin-left: min(max((100% - 10.7143rem), 0px), 1rem) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---short.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---short.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---short.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair {
    margin-right: 0 !important;
    margin-left: min(max((100% - 10.7143rem), 0px), 0.5714rem) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---short.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---short.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---short.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more {
    margin-left: min(max((100% - 10.7143rem), 0px), 1.25rem) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---short.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---short.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---short.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more {
    margin-left: min(max((100% - 10.7143rem), 0px), 2rem) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium .CardStyleCheckboxes---choice_pair,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium .CardStyleCheckboxes---choice_pair,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium .CardStyleCheckboxes---choice_pair {
    width: 14.2857rem !important;
    margin-right: min(max((100% - 14.2857rem), 0px), 0.5714rem) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more {
    margin-right: min(max((100% - 14.2857rem), 0px), 1.25rem) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more {
    margin-right: min(max((100% - 14.2857rem), 0px), 2rem) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair {
    margin-right: min(max((100% - 14.2857rem), 0px), 0.2857rem) !important;
    margin-left: min(max((100% - 14.2857rem), 0px), 0.2857rem) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more {
    margin-right: min(max((100% - 14.2857rem), 0px), 0.625rem) !important;
    margin-left: min(max((100% - 14.2857rem), 0px), 0.625rem) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more {
    margin-right: min(max((100% - 14.2857rem), 0px), 1rem) !important;
    margin-left: min(max((100% - 14.2857rem), 0px), 1rem) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair {
    margin-right: 0 !important;
    margin-left: min(max((100% - 14.2857rem), 0px), 0.5714rem) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more {
    margin-left: min(max((100% - 14.2857rem), 0px), 1.25rem) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---medium.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more {
    margin-left: min(max((100% - 14.2857rem), 0px), 2rem) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---long .CardStyleCheckboxes---choice_pair,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---long .CardStyleCheckboxes---choice_pair,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---long .CardStyleCheckboxes---choice_pair {
    width: 28.4714rem !important;
    margin-right: min(max(100% - 28.4714rem, 0px), 0.5714rem) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---long .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---long .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---long .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more {
    margin-right: min(max((100% - 28.4714rem), 0px), 1.25rem) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---long .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---long .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---long .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more {
    margin-right: min(max((100% - 28.4714rem), 0px), 2rem) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---long.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---long.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---long.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair {
    margin-right: min(max((100% - 28.4714rem), 0px), 0.2857rem) !important;
    margin-left: min(max((100% - 28.4714rem), 0px), 0.2857rem) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---long.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---long.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---long.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more {
    margin-right: min(max((100% - 28.4714rem), 0px), 0.625rem) !important;
    margin-left: min(max((100% - 28.4714rem), 0px), 0.625rem) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---long.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---long.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---long.CardStyleCheckboxes---center .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more {
    margin-right: min(max((100% - 28.4714rem), 0px), 1rem) !important;
    margin-left: min(max((100% - 28.4714rem), 0px), 1rem) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---long.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---long.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---long.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair {
    margin-right: 0 !important;
    margin-left: min(max((100% - 28.4714rem), 0px), 0.5714rem) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---long.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---long.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---long.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_more {
    margin-left: min(max((100% - 28.4714rem), 0px), 1.25rem) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---long.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---long.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---long.CardStyleCheckboxes---align_end .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---spacing_even_more {
    margin-left: min(max((100% - 28.4714rem), 0px), 2rem) !important;
  }
  div:not(.CardStyleCheckboxes---compact) .appian-context-browser-chrome > .CardStyleCheckboxes---choice_pair,
  div:not(.CardStyleCheckboxes---compact) .appian-context-browser-safari > .CardStyleCheckboxes---choice_pair,
  div:not(.CardStyleCheckboxes---compact) .appian-context-browser-firefox > .CardStyleCheckboxes---choice_pair {
    height: auto !important;
    min-height: 3.2143rem !important;
  }
  div:not(.CardStyleCheckboxes---compact) .appian-context-browser-chrome > .CardStyleCheckboxes---choice_pair:not(:last-child),
  div:not(.CardStyleCheckboxes---compact) .appian-context-browser-safari > .CardStyleCheckboxes---choice_pair:not(:last-child),
  div:not(.CardStyleCheckboxes---compact) .appian-context-browser-firefox > .CardStyleCheckboxes---choice_pair:not(:last-child) {
    margin: 0 0 0.5714rem 0 !important;
  }
  div:not(.CardStyleCheckboxes---compact) .appian-context-browser-chrome > .CardStyleCheckboxes---choice_pair:not(:last-child).CardStyleCheckboxes---spacing_more,
  div:not(.CardStyleCheckboxes---compact) .appian-context-browser-safari > .CardStyleCheckboxes---choice_pair:not(:last-child).CardStyleCheckboxes---spacing_more,
  div:not(.CardStyleCheckboxes---compact) .appian-context-browser-firefox > .CardStyleCheckboxes---choice_pair:not(:last-child).CardStyleCheckboxes---spacing_more {
    margin-bottom: 1rem !important;
  }
  div:not(.CardStyleCheckboxes---compact) .appian-context-browser-chrome > .CardStyleCheckboxes---choice_pair:not(:last-child).CardStyleCheckboxes---spacing_even_more,
  div:not(.CardStyleCheckboxes---compact) .appian-context-browser-safari > .CardStyleCheckboxes---choice_pair:not(:last-child).CardStyleCheckboxes---spacing_even_more,
  div:not(.CardStyleCheckboxes---compact) .appian-context-browser-firefox > .CardStyleCheckboxes---choice_pair:not(:last-child).CardStyleCheckboxes---spacing_even_more {
    margin-bottom: 1.5rem !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair,
  .appian-context-ux-responsive .appian-context-browser-safari .CardStyleCheckboxes---choice_pair,
  .appian-context-ux-responsive .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair {
    min-height: 2.1429rem !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input + .CardStyleCheckboxes---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input + .CardStyleCheckboxes---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input + .CardStyleCheckboxes---choice_label {
    padding-right: 2.8571rem !important;
  }
}
@media print {
  .appian-context-browser-edge .CardStyleCheckboxes---choice_pair input[type="checkbox"],
  .appian-context-browser-edge .CardStyleCheckboxes---choice_pair input[type="radio"] {
    height: 9px !important;
    width: 9px !important;
  }
}
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.CardStyleCheckboxes---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .CardStyleCheckboxes---accessibilityhidden {
  font-size: 0 !important;
}
.CardStyleCheckboxes---align_start {
  text-align: left !important;
}
.CardStyleCheckboxes---align_end {
  text-align: right !important;
}
.CardStyleCheckboxes---center {
  text-align: center !important;
}
.CardStyleCheckboxes---choice_wrapper {
  /* for aligning the group of checkboxes */
  width: 100% !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
}
.CardStyleCheckboxes---choice_wrapper.CardStyleCheckboxes---align_start {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
          align-items: flex-start !important;
}
.CardStyleCheckboxes---choice_wrapper.CardStyleCheckboxes---center {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.CardStyleCheckboxes---choice_wrapper.CardStyleCheckboxes---align_end {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
          align-items: flex-end !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---choice_wrapper.CardStyleCheckboxes---align_start {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
          justify-content: flex-start !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---choice_wrapper.CardStyleCheckboxes---center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
}
.CardStyleCheckboxes---compact.CardStyleCheckboxes---choice_wrapper.CardStyleCheckboxes---align_end {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
          justify-content: flex-end !important;
}
.CardStyleCheckboxes---choice_pair input + label:before {
  content: "" !important;
  display: inline-block !important;
  position: absolute !important;
  height: 18px !important;
  width: 18px !important;
  right: auto !important;
  left: calc(100% - 27px) !important;
  top: calc(50% - 9px) !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-choice-border-color, #bbb) !important;
  border-radius: 0rem !important;
  -webkit-transition: all 150ms ease-in !important;
  transition: all 150ms ease-in !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CardStyleCheckboxes---choice_pair input + label:before {
    top: calc(50% - 12px) !important;
    left: calc(100% - 34px) !important;
    height: 24px !important;
    width: 24px !important;
  }
}
.appian-context-ux-screen-size-narrow .CardStyleCheckboxes---choice_pair input + label:before {
  /* rules to apply in the phone form factor preview in ID */
  top: calc(50% - 12px) !important;
  left: calc(100% - 34px) !important;
  height: 24px !important;
  width: 24px !important;
}
.appian-context-ux-screen-size-medium .CardStyleCheckboxes---choice_pair input + label:before {
  /* rules to apply in the tablet form factor preview in ID */
  top: calc(50% - 12px) !important;
  left: calc(100% - 34px) !important;
  height: 24px !important;
  width: 24px !important;
}
.CardStyleCheckboxes---choice_pair input + label:after {
  content: "" !important;
  display: inline-block !important;
  position: absolute !important;
  background-repeat: no-repeat !important;
  background-size: 14px 14px !important;
  width: 0 !important;
  height: 14px !important;
  -webkit-transition: width 300ms ease-in !important;
  transition: width 300ms ease-in !important;
  overflow: hidden !important;
  right: auto !important;
  left: calc(100% - 25px) !important;
  top: calc(50% - 7px) !important;
  text-align: left !important;
}
.appian-context-browser-edge .CardStyleCheckboxes---choice_pair input + label:after {
  -webkit-transition: none !important;
  transition: none !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CardStyleCheckboxes---choice_pair input + label:after {
    background-size: 20px 20px !important;
    left: calc(100% - 32px) !important;
    top: calc(50% - 10px) !important;
    height: 20px !important;
  }
}
.appian-context-ux-screen-size-narrow .CardStyleCheckboxes---choice_pair input + label:after {
  /* rules to apply in the phone form factor preview in ID */
  background-size: 20px 20px !important;
  left: calc(100% - 32px) !important;
  top: calc(50% - 10px) !important;
  height: 20px !important;
}
.appian-context-ux-screen-size-medium .CardStyleCheckboxes---choice_pair input + label:after {
  /* rules to apply in the tablet form factor preview in ID */
  background-size: 20px 20px !important;
  left: calc(100% - 32px) !important;
  top: calc(50% - 10px) !important;
  height: 20px !important;
}
.CardStyleCheckboxes---choice_pair input:checked + label:before {
  background-color: #1d659c !important;
  border-color: #1d659c !important;
}
.CardStyleCheckboxes---choice_pair input:checked + label:after {
  width: 14px !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CardStyleCheckboxes---choice_pair input:checked + label:after {
    width: 20px !important;
  }
}
.appian-context-ux-screen-size-narrow .CardStyleCheckboxes---choice_pair input:checked + label:after {
  /* rules to apply in the phone form factor preview in ID */
  width: 20px !important;
}
.appian-context-ux-screen-size-medium .CardStyleCheckboxes---choice_pair input:checked + label:after {
  /* rules to apply in the tablet form factor preview in ID */
  width: 20px !important;
}
.CardStyleCheckboxes---choice_pair input:disabled + label:before {
  background-color: var(--appian-disabled-select-background-color, #ddd) !important;
  border-color: var(--appian-choice-border-color, #bbb) !important;
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.CardStyleCheckboxes---choice_pair input:checked:disabled + label:after {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22var%28--appian-choice-border-color,%20%23bbb%29%22%3E%3Cpath%20d%3D%22M1671%20566q0%2040-28%2068l-724%20724-136%20136q-28%2028-68%2028t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20295%20656-657q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:checked:not(:disabled) + label:before {
  background-color: #fff !important;
  border-color: #fff !important;
}
/* SVG must be defined outside the detached ruleset (@checkbox-style-overrides) in order to pick up updated theming */
.CardStyleCheckboxes---choice_pair input + label:after {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M1671%20566q0%2040-28%2068l-724%20724-136%20136q-28%2028-68%2028t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20295%20656-657q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
}
.CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input + label:after {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1671%20566q0%2040-28%2068l-724%20724-136%20136q-28%2028-68%2028t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20295%20656-657q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
}
/* use browser default when printing in IE11 & Edge */
@media print {
  .appian-context-browser-chrome,
  .appian-context-browser-safari,
  .appian-context-browser-firefox {
    /* SVG must be defined outside the detached ruleset (@checkbox-style-overrides) in order to pick up updated theming */
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_wrapper,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_wrapper,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_wrapper {
    /* for aligning the group of checkboxes */
    width: 100% !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
            flex-direction: column !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_wrapper.CardStyleCheckboxes---align_start,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_wrapper.CardStyleCheckboxes---align_start,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_wrapper.CardStyleCheckboxes---align_start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
            align-items: flex-start !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_wrapper.CardStyleCheckboxes---center,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_wrapper.CardStyleCheckboxes---center,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_wrapper.CardStyleCheckboxes---center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
            align-items: center !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_wrapper.CardStyleCheckboxes---align_end,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_wrapper.CardStyleCheckboxes---align_end,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_wrapper.CardStyleCheckboxes---align_end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
            align-items: flex-end !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---choice_wrapper.CardStyleCheckboxes---align_start,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---choice_wrapper.CardStyleCheckboxes---align_start,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---choice_wrapper.CardStyleCheckboxes---align_start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
            justify-content: flex-start !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---choice_wrapper.CardStyleCheckboxes---center,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---choice_wrapper.CardStyleCheckboxes---center,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---choice_wrapper.CardStyleCheckboxes---center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
            justify-content: center !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---compact.CardStyleCheckboxes---choice_wrapper.CardStyleCheckboxes---align_end,
  .appian-context-browser-safari .CardStyleCheckboxes---compact.CardStyleCheckboxes---choice_wrapper.CardStyleCheckboxes---align_end,
  .appian-context-browser-firefox .CardStyleCheckboxes---compact.CardStyleCheckboxes---choice_wrapper.CardStyleCheckboxes---align_end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
            justify-content: flex-end !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input + label:before,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input + label:before,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input + label:before {
    content: "" !important;
    display: inline-block !important;
    position: absolute !important;
    height: 18px !important;
    width: 18px !important;
    right: auto !important;
    left: calc(100% - 27px) !important;
    top: calc(50% - 9px) !important;
    background-color: var(--appian-input-background-color, #fff) !important;
    border: 1px solid var(--appian-choice-border-color, #bbb) !important;
    border-radius: 0rem !important;
    -webkit-transition: all 150ms ease-in !important;
    transition: all 150ms ease-in !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input + label:before,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input + label:before,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input + label:before {
    /* rules to apply in the phone form factor preview in ID */
    top: calc(50% - 12px) !important;
    left: calc(100% - 34px) !important;
    height: 24px !important;
    width: 24px !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input + label:before,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input + label:before,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input + label:before {
    /* rules to apply in the tablet form factor preview in ID */
    top: calc(50% - 12px) !important;
    left: calc(100% - 34px) !important;
    height: 24px !important;
    width: 24px !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input + label:after,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input + label:after,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input + label:after {
    content: "" !important;
    display: inline-block !important;
    position: absolute !important;
    background-repeat: no-repeat !important;
    background-size: 14px 14px !important;
    width: 0 !important;
    height: 14px !important;
    -webkit-transition: width 300ms ease-in !important;
    transition: width 300ms ease-in !important;
    overflow: hidden !important;
    right: auto !important;
    left: calc(100% - 25px) !important;
    top: calc(50% - 7px) !important;
    text-align: left !important;
  }
  .appian-context-browser-edge .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input + label:after,
  .appian-context-browser-edge .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input + label:after,
  .appian-context-browser-edge .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input + label:after {
    -webkit-transition: none !important;
    transition: none !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input + label:after,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input + label:after,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input + label:after {
    /* rules to apply in the phone form factor preview in ID */
    background-size: 20px 20px !important;
    left: calc(100% - 32px) !important;
    top: calc(50% - 10px) !important;
    height: 20px !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input + label:after,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input + label:after,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input + label:after {
    /* rules to apply in the tablet form factor preview in ID */
    background-size: 20px 20px !important;
    left: calc(100% - 32px) !important;
    top: calc(50% - 10px) !important;
    height: 20px !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input:checked + label:before,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input:checked + label:before,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input:checked + label:before {
    background-color: #1d659c !important;
    border-color: #1d659c !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input:checked + label:after,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input:checked + label:after,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input:checked + label:after {
    width: 14px !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input:checked + label:after,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input:checked + label:after,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input:checked + label:after {
    /* rules to apply in the phone form factor preview in ID */
    width: 20px !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input:checked + label:after,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input:checked + label:after,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input:checked + label:after {
    /* rules to apply in the tablet form factor preview in ID */
    width: 20px !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input:disabled + label:before,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input:disabled + label:before,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input:disabled + label:before {
    background-color: var(--appian-disabled-select-background-color, #ddd) !important;
    border-color: var(--appian-choice-border-color, #bbb) !important;
    opacity: var(--appian-disabled-input-opacity, 1) !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input:checked:disabled + label:after,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input:checked:disabled + label:after,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input:checked:disabled + label:after {
    background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22var%28--appian-choice-border-color,%20%23bbb%29%22%3E%3Cpath%20d%3D%22M1671%20566q0%2040-28%2068l-724%20724-136%20136q-28%2028-68%2028t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20295%20656-657q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:checked:not(:disabled) + label:before,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:checked:not(:disabled) + label:before,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input:checked:not(:disabled) + label:before {
    background-color: #fff !important;
    border-color: #fff !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input[type="checkbox"] + label:after,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input[type="checkbox"] + label:after,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input[type="checkbox"] + label:after {
    background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M1671%20566q0%2040-28%2068l-724%20724-136%20136q-28%2028-68%2028t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20295%20656-657q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input[type="checkbox"] + label:after,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input[type="checkbox"] + label:after,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair.CardStyleCheckboxes---inAccentBackground input[type="checkbox"] + label:after {
    background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1671%20566q0%2040-28%2068l-724%20724-136%20136q-28%2028-68%2028t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20295%20656-657q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input[type="checkbox"] + label:after,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input[type="checkbox"] + label:after,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input[type="checkbox"] + label:after {
    background-size: 8px 8px !important;
    height: 8px !important;
  }
  .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input[type="checkbox"] + label:before,
  .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input[type="checkbox"] + label:before,
  .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input[type="checkbox"] + label:before {
    height: 10px !important;
    width: 10px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input + label:before,
  .appian-context-ux-responsive .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input + label:before,
  .appian-context-ux-responsive .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input + label:before {
    top: calc(50% - 12px) !important;
    left: calc(100% - 34px) !important;
    height: 24px !important;
    width: 24px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input + label:after,
  .appian-context-ux-responsive .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input + label:after,
  .appian-context-ux-responsive .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input + label:after {
    background-size: 20px 20px !important;
    left: calc(100% - 32px) !important;
    top: calc(50% - 10px) !important;
    height: 20px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .CardStyleCheckboxes---choice_pair input:checked + label:after,
  .appian-context-ux-responsive .appian-context-browser-safari .CardStyleCheckboxes---choice_pair input:checked + label:after,
  .appian-context-ux-responsive .appian-context-browser-firefox .CardStyleCheckboxes---choice_pair input:checked + label:after {
    width: 20px !important;
  }
}

.CheckboxGroup---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .CheckboxGroup---accessibilityhidden {
  font-size: 0 !important;
}
.CheckboxGroup---align_start {
  text-align: left !important;
}
.CheckboxGroup---align_end {
  text-align: right !important;
}
.CheckboxGroup---center {
  text-align: center !important;
}
.CheckboxGroup---choice_pair {
  position: relative !important;
  min-height: 1.2857rem !important;
  /* avoid collapse when no label text */
  word-wrap: break-word !important;
  /* needed on parent container for proper wrapping on IE */
  font-size: 1rem !important;
  /* maintain correct vertical spacing when in side by side layout */
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CheckboxGroup---choice_pair {
    min-height: 2.1429rem !important;
  }
}
.appian-context-ux-screen-size-narrow .CheckboxGroup---choice_pair {
  /* rules to apply in the phone form factor preview in ID */
  min-height: 2.1429rem !important;
}
.appian-context-ux-screen-size-medium .CheckboxGroup---choice_pair {
  /* rules to apply in the tablet form factor preview in ID */
  min-height: 2.1429rem !important;
}
.CheckboxGroup---choice_pair input[type="checkbox"],
.CheckboxGroup---choice_pair input[type="radio"] {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  width: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  /*
      Important! Because we specify "position: absolute", we need to protect ourselves from inherited
      styles (especially from the host page) that might try to assign these values. (AN-78083)
    */
  top: inherit !important;
  right: inherit !important;
  bottom: inherit !important;
  left: inherit !important;
}
.CheckboxGroup---choice_pair input[type="checkbox"] + label.CheckboxGroup---choice_label,
.CheckboxGroup---choice_pair input[type="radio"] + label.CheckboxGroup---choice_label {
  padding-left: 1.5rem !important;
  position: relative !important;
  box-sizing: border-box !important;
  word-wrap: break-word !important;
  white-space: normal !important;
  display: inline-block !important;
  max-width: 100% !important;
  left: -1px !important;
  /* offset size of hidden input */
  top: -1px !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CheckboxGroup---choice_pair input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-responsive .CheckboxGroup---choice_pair input[type="radio"] + label.CheckboxGroup---choice_label {
    padding-left: 34px !important;
  }
}
.appian-context-ux-screen-size-narrow .CheckboxGroup---choice_pair input[type="checkbox"] + label.CheckboxGroup---choice_label,
.appian-context-ux-screen-size-narrow .CheckboxGroup---choice_pair input[type="radio"] + label.CheckboxGroup---choice_label {
  /* rules to apply in the phone form factor preview in ID */
  padding-left: 34px !important;
}
.appian-context-ux-screen-size-medium .CheckboxGroup---choice_pair input[type="checkbox"] + label.CheckboxGroup---choice_label,
.appian-context-ux-screen-size-medium .CheckboxGroup---choice_pair input[type="radio"] + label.CheckboxGroup---choice_label {
  /* rules to apply in the tablet form factor preview in ID */
  padding-left: 34px !important;
}
.CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
.CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="radio"] + label.CheckboxGroup---choice_label {
  padding-left: 1.75rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-responsive .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="radio"] + label.CheckboxGroup---choice_label {
    padding-left: 34px !important;
  }
}
.appian-context-ux-screen-size-narrow .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
.appian-context-ux-screen-size-narrow .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="radio"] + label.CheckboxGroup---choice_label {
  /* rules to apply in the phone form factor preview in ID */
  padding-left: 34px !important;
}
.appian-context-ux-screen-size-medium .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
.appian-context-ux-screen-size-medium .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="radio"] + label.CheckboxGroup---choice_label {
  /* rules to apply in the tablet form factor preview in ID */
  padding-left: 34px !important;
}
.CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
.CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="radio"] + label.CheckboxGroup---choice_label {
  padding-left: 2rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-responsive .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="radio"] + label.CheckboxGroup---choice_label {
    padding-left: 34px !important;
  }
}
.appian-context-ux-screen-size-narrow .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
.appian-context-ux-screen-size-narrow .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="radio"] + label.CheckboxGroup---choice_label {
  /* rules to apply in the phone form factor preview in ID */
  padding-left: 34px !important;
}
.appian-context-ux-screen-size-medium .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
.appian-context-ux-screen-size-medium .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="radio"] + label.CheckboxGroup---choice_label {
  /* rules to apply in the tablet form factor preview in ID */
  padding-left: 34px !important;
}
/* use browser default checkbox & radio buttons when printing in Edge */
@media print {
  .appian-context-browser-chrome .CheckboxGroup---choice_pair,
  .appian-context-browser-safari .CheckboxGroup---choice_pair,
  .appian-context-browser-firefox .CheckboxGroup---choice_pair {
    position: relative !important;
    min-height: 1.2857rem !important;
    /* avoid collapse when no label text */
    word-wrap: break-word !important;
    /* needed on parent container for proper wrapping on IE */
    font-size: 1rem !important;
    /* maintain correct vertical spacing when in side by side layout */
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CheckboxGroup---choice_pair,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CheckboxGroup---choice_pair,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CheckboxGroup---choice_pair {
    /* rules to apply in the phone form factor preview in ID */
    min-height: 2.1429rem !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CheckboxGroup---choice_pair,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CheckboxGroup---choice_pair,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CheckboxGroup---choice_pair {
    /* rules to apply in the tablet form factor preview in ID */
    min-height: 2.1429rem !important;
  }
  .appian-context-browser-chrome .CheckboxGroup---choice_pair input[type="checkbox"],
  .appian-context-browser-safari .CheckboxGroup---choice_pair input[type="checkbox"],
  .appian-context-browser-firefox .CheckboxGroup---choice_pair input[type="checkbox"],
  .appian-context-browser-chrome .CheckboxGroup---choice_pair input[type="radio"],
  .appian-context-browser-safari .CheckboxGroup---choice_pair input[type="radio"],
  .appian-context-browser-firefox .CheckboxGroup---choice_pair input[type="radio"] {
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    width: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    /*
      Important! Because we specify "position: absolute", we need to protect ourselves from inherited
      styles (especially from the host page) that might try to assign these values. (AN-78083)
    */
    top: inherit !important;
    right: inherit !important;
    bottom: inherit !important;
    left: inherit !important;
  }
  .appian-context-browser-chrome .CheckboxGroup---choice_pair input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-browser-safari .CheckboxGroup---choice_pair input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-browser-firefox .CheckboxGroup---choice_pair input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-browser-chrome .CheckboxGroup---choice_pair input[type="radio"] + label.CheckboxGroup---choice_label,
  .appian-context-browser-safari .CheckboxGroup---choice_pair input[type="radio"] + label.CheckboxGroup---choice_label,
  .appian-context-browser-firefox .CheckboxGroup---choice_pair input[type="radio"] + label.CheckboxGroup---choice_label {
    padding-left: 1.5rem !important;
    position: relative !important;
    box-sizing: border-box !important;
    word-wrap: break-word !important;
    white-space: normal !important;
    display: inline-block !important;
    max-width: 100% !important;
    left: -1px !important;
    /* offset size of hidden input */
    top: -1px !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CheckboxGroup---choice_pair input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CheckboxGroup---choice_pair input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CheckboxGroup---choice_pair input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CheckboxGroup---choice_pair input[type="radio"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CheckboxGroup---choice_pair input[type="radio"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CheckboxGroup---choice_pair input[type="radio"] + label.CheckboxGroup---choice_label {
    /* rules to apply in the phone form factor preview in ID */
    padding-left: 34px !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CheckboxGroup---choice_pair input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CheckboxGroup---choice_pair input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CheckboxGroup---choice_pair input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CheckboxGroup---choice_pair input[type="radio"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CheckboxGroup---choice_pair input[type="radio"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CheckboxGroup---choice_pair input[type="radio"] + label.CheckboxGroup---choice_label {
    /* rules to apply in the tablet form factor preview in ID */
    padding-left: 34px !important;
  }
  .appian-context-browser-chrome .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-browser-safari .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-browser-firefox .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-browser-chrome .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="radio"] + label.CheckboxGroup---choice_label,
  .appian-context-browser-safari .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="radio"] + label.CheckboxGroup---choice_label,
  .appian-context-browser-firefox .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="radio"] + label.CheckboxGroup---choice_label {
    padding-left: 1.75rem !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="radio"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="radio"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="radio"] + label.CheckboxGroup---choice_label {
    /* rules to apply in the phone form factor preview in ID */
    padding-left: 34px !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="radio"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="radio"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="radio"] + label.CheckboxGroup---choice_label {
    /* rules to apply in the tablet form factor preview in ID */
    padding-left: 34px !important;
  }
  .appian-context-browser-chrome .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-browser-safari .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-browser-firefox .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-browser-chrome .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="radio"] + label.CheckboxGroup---choice_label,
  .appian-context-browser-safari .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="radio"] + label.CheckboxGroup---choice_label,
  .appian-context-browser-firefox .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="radio"] + label.CheckboxGroup---choice_label {
    padding-left: 2rem !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="radio"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="radio"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="radio"] + label.CheckboxGroup---choice_label {
    /* rules to apply in the phone form factor preview in ID */
    padding-left: 34px !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="radio"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="radio"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="radio"] + label.CheckboxGroup---choice_label {
    /* rules to apply in the tablet form factor preview in ID */
    padding-left: 34px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .CheckboxGroup---choice_pair,
  .appian-context-ux-responsive .appian-context-browser-safari .CheckboxGroup---choice_pair,
  .appian-context-ux-responsive .appian-context-browser-firefox .CheckboxGroup---choice_pair {
    min-height: 2.1429rem !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .CheckboxGroup---choice_pair input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .CheckboxGroup---choice_pair input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .CheckboxGroup---choice_pair input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-responsive .appian-context-browser-chrome .CheckboxGroup---choice_pair input[type="radio"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .CheckboxGroup---choice_pair input[type="radio"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .CheckboxGroup---choice_pair input[type="radio"] + label.CheckboxGroup---choice_label {
    padding-left: 34px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-responsive .appian-context-browser-chrome .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="radio"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="radio"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more input[type="radio"] + label.CheckboxGroup---choice_label {
    padding-left: 34px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="checkbox"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-responsive .appian-context-browser-chrome .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="radio"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="radio"] + label.CheckboxGroup---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more input[type="radio"] + label.CheckboxGroup---choice_label {
    padding-left: 34px !important;
  }
}
@media print {
  .appian-context-browser-edge .CheckboxGroup---choice_pair input[type="checkbox"],
  .appian-context-browser-edge .CheckboxGroup---choice_pair input[type="radio"] {
    height: 9px !important;
    width: 9px !important;
  }
}
.CheckboxGroup---choice_group.CheckboxGroup---compact .CheckboxGroup---choice_pair {
  display: inline-block !important;
  margin: 0 0.7143rem 0 0 !important;
  white-space: nowrap !important;
  max-width: 100% !important;
  /* needed for proper choice wrapping */
}
.CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair:not(:last-child) {
  margin: 0 0 0.5714rem 0 !important;
}
.CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more:not(:last-child) {
  margin-bottom: 1rem !important;
}
.CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more:not(:last-child) {
  margin-bottom: 1.5rem !important;
}
.CheckboxGroup---choice_group.CheckboxGroup---compact .CheckboxGroup---choice_wrapper.CheckboxGroup---spacing_more,
.CheckboxGroup---choice_group.CheckboxGroup---spacing_more.CheckboxGroup---compact {
  margin-bottom: -1rem !important;
}
.CheckboxGroup---choice_group.CheckboxGroup---compact .CheckboxGroup---choice_wrapper.CheckboxGroup---spacing_even_more,
.CheckboxGroup---choice_group.CheckboxGroup---spacing_even_more.CheckboxGroup---compact {
  margin-bottom: -1.5rem !important;
}
.CheckboxGroup---choice_group.CheckboxGroup---compact .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more {
  margin-bottom: 1rem !important;
}
.CheckboxGroup---choice_group.CheckboxGroup---compact .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more:not(:last-child) {
  margin-right: 1.45rem !important;
}
.CheckboxGroup---choice_group.CheckboxGroup---compact .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more {
  margin-bottom: 1.5rem !important;
}
.CheckboxGroup---choice_group.CheckboxGroup---compact .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more:not(:last-child) {
  margin-right: 2.2rem !important;
}
.CheckboxGroup---choice_wrapper {
  /* for aligning groups */
  text-align: left !important;
  display: inline-block !important;
  max-width: 100% !important;
}
.CheckboxGroup---choice_pair label.CheckboxGroup---choice_label {
  font-size: 1rem !important;
  /* needs extra decimals for correct alignment in Chrome */
  line-height: 1.28571429 !important;
  color: var(--appian-text-color, #222) !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CheckboxGroup---choice_pair label.CheckboxGroup---choice_label {
    line-height: 2rem !important;
  }
}
.appian-context-ux-screen-size-narrow .CheckboxGroup---choice_pair label.CheckboxGroup---choice_label {
  /* rules to apply in the phone form factor preview in ID */
  line-height: 2rem !important;
}
.appian-context-ux-screen-size-medium .CheckboxGroup---choice_pair label.CheckboxGroup---choice_label {
  /* rules to apply in the tablet form factor preview in ID */
  line-height: 2rem !important;
}
.CheckboxGroup---choice_pair .CheckboxGroup---description {
  margin-left: 1.5rem !important;
  color: var(--appian-subtle-text-color, #666) !important;
  font-size: 0.9286rem !important;
  line-height: 1.2307rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CheckboxGroup---choice_pair .CheckboxGroup---description {
    margin-left: 34px !important;
  }
}
.appian-context-ux-screen-size-narrow .CheckboxGroup---choice_pair .CheckboxGroup---description {
  /* rules to apply in the phone form factor preview in ID */
  margin-left: 34px !important;
}
.appian-context-ux-screen-size-medium .CheckboxGroup---choice_pair .CheckboxGroup---description {
  /* rules to apply in the tablet form factor preview in ID */
  margin-left: 34px !important;
}
.CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more .CheckboxGroup---description {
  margin-left: 1.75rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more .CheckboxGroup---description {
    margin-left: 34px !important;
  }
}
.appian-context-ux-screen-size-narrow .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more .CheckboxGroup---description {
  /* rules to apply in the phone form factor preview in ID */
  margin-left: 34px !important;
}
.appian-context-ux-screen-size-medium .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_more .CheckboxGroup---description {
  /* rules to apply in the tablet form factor preview in ID */
  margin-left: 34px !important;
}
.CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more .CheckboxGroup---description {
  margin-left: 2rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more .CheckboxGroup---description {
    margin-left: 34px !important;
  }
}
.appian-context-ux-screen-size-narrow .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more .CheckboxGroup---description {
  /* rules to apply in the phone form factor preview in ID */
  margin-left: 34px !important;
}
.appian-context-ux-screen-size-medium .CheckboxGroup---choice_group:not(.CheckboxGroup---compact) .CheckboxGroup---choice_pair.CheckboxGroup---spacing_even_more .CheckboxGroup---description {
  /* rules to apply in the tablet form factor preview in ID */
  margin-left: 34px !important;
}
.CheckboxGroup---choice_pair label.CheckboxGroup---choice_label.CheckboxGroup---inDarkBackground {
  color: #eee !important;
}
.CheckboxGroup---choice_pair label.CheckboxGroup---choice_label.CheckboxGroup---inLightBackground {
  color: #222 !important;
}
.CheckboxGroup---choice_pair.CheckboxGroup---inAccentBackground label.CheckboxGroup---choice_label {
  color: #fff !important;
}
.CheckboxGroup---choice_group.CheckboxGroup---no_label,
.CheckboxGroup---choice_group.CheckboxGroup---no_label .CheckboxGroup---choice_pair {
  font-size: 0 !important;
  min-height: 0 !important;
}
.CheckboxGroup---choice_group.CheckboxGroup---no_label input[type="checkbox"] + label.CheckboxGroup---choice_label,
.CheckboxGroup---choice_group.CheckboxGroup---no_label input[type="radio"] + label.CheckboxGroup---choice_label {
  /* use the "no_label" class for standalone checkboxes and radios, e.g. grid row selection columns. The label element is still needed for proper click handling. */
  padding-left: 0 !important;
  display: inline-block !important;
  height: 1.1429rem !important;
}
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.CheckboxGroup---choice_pair input[type="checkbox"] + label:before {
  content: "" !important;
  position: absolute !important;
  height: 16px !important;
  width: 16px !important;
  display: inline-block !important;
  top: calc((14px - 12px) / 2) !important;
  left: 1px !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-choice-border-color, #bbb) !important;
  border-radius: 0rem !important;
  -webkit-transition: all 150ms ease-in !important;
  transition: all 150ms ease-in !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CheckboxGroup---choice_pair input[type="checkbox"] + label:before {
    top: 0 !important;
    height: 28px !important;
    width: 28px !important;
  }
}
.appian-context-ux-screen-size-narrow .CheckboxGroup---choice_pair input[type="checkbox"] + label:before {
  /* rules to apply in the phone form factor preview in ID */
  top: 0 !important;
  height: 28px !important;
  width: 28px !important;
}
.appian-context-ux-screen-size-medium .CheckboxGroup---choice_pair input[type="checkbox"] + label:before {
  /* rules to apply in the tablet form factor preview in ID */
  top: 0 !important;
  height: 28px !important;
  width: 28px !important;
}
.CheckboxGroup---choice_pair.CheckboxGroup---transparent input[type="checkbox"] + label:before {
  background-color: transparent !important;
}
.CheckboxGroup---choice_pair input[type="checkbox"] + label.CheckboxGroup---inDarkBackground:before {
  border-color: var(--appian-choice-border-color, #bbb) !important;
}
.CheckboxGroup---choice_pair input[type="checkbox"] + label:after {
  content: "" !important;
  display: inline-block !important;
  background-repeat: no-repeat !important;
  background-size: 12px 12px !important;
  /*rtl:raw:
    background-position: 100%;*/
  width: 0 !important;
  height: 12px !important;
  -webkit-transition: width 300ms ease-in !important;
  transition: width 300ms ease-in !important;
  overflow: hidden !important;
  position: absolute !important;
  left: 3px !important;
  top: 3px !important;
  text-align: left !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CheckboxGroup---choice_pair input[type="checkbox"] + label:after {
    background-size: 24px 24px !important;
    left: 4px !important;
    height: 24px !important;
  }
  .appian-context-browser-edge .appian-context-ux-responsive .CheckboxGroup---choice_pair input[type="checkbox"] + label:after {
    background-size: 48px 48px !important;
  }
}
.appian-context-ux-screen-size-narrow .CheckboxGroup---choice_pair input[type="checkbox"] + label:after {
  /* rules to apply in the phone form factor preview in ID */
  background-size: 24px 24px !important;
  left: 4px !important;
  height: 24px !important;
}
.appian-context-browser-edge .appian-context-ux-screen-size-narrow .CheckboxGroup---choice_pair input[type="checkbox"] + label:after {
  background-size: 48px 48px !important;
}
.appian-context-ux-screen-size-medium .CheckboxGroup---choice_pair input[type="checkbox"] + label:after {
  /* rules to apply in the tablet form factor preview in ID */
  background-size: 24px 24px !important;
  left: 4px !important;
  height: 24px !important;
}
.appian-context-browser-edge .appian-context-ux-screen-size-medium .CheckboxGroup---choice_pair input[type="checkbox"] + label:after {
  background-size: 48px 48px !important;
}
.appian-context-browser-edge .CheckboxGroup---choice_pair input[type="checkbox"] + label:after {
  -webkit-transition: none !important;
  transition: none !important;
  background-size: 24px 24px !important;
  left: 0 !important;
  top: 1px !important;
  -webkit-transform: scale(0.5) !important;
          transform: scale(0.5) !important;
  margin: -0.25rem !important;
}
.CheckboxGroup---choice_pair input[type="checkbox"]:focus:not(.appian-context-ux-mouse-focus) + label {
  outline: 1px solid #1d659c !important;
}
.CheckboxGroup---choice_pair.CheckboxGroup---inAccentBackground input[type="checkbox"]:focus:not(.appian-context-ux-mouse-focus) + label {
  outline: 1px solid #fff !important;
}
.CheckboxGroup---choice_pair input[type="checkbox"]:checked + label:before {
  background-color: #1d659c !important;
  border-color: #1d659c !important;
}
.CheckboxGroup---choice_pair.CheckboxGroup---inAccentBackground input[type="checkbox"]:checked:not(:disabled) + label:before {
  background-color: #fff !important;
  border-color: #fff !important;
}
.CheckboxGroup---choice_pair input[type="checkbox"]:checked + label:after {
  width: 12px !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CheckboxGroup---choice_pair input[type="checkbox"]:checked + label:after {
    background-size: 24px 24px !important;
    width: 24px !important;
    height: 24px !important;
  }
  .appian-context-browser-edge .appian-context-ux-responsive .CheckboxGroup---choice_pair input[type="checkbox"]:checked + label:after {
    background-size: 48px 48px !important;
    height: 48px !important;
    width: 48px !important;
    top: -6px !important;
    left: -5px !important;
  }
}
.appian-context-ux-screen-size-narrow .CheckboxGroup---choice_pair input[type="checkbox"]:checked + label:after {
  /* rules to apply in the phone form factor preview in ID */
  background-size: 24px 24px !important;
  width: 24px !important;
  height: 24px !important;
}
.appian-context-browser-edge .appian-context-ux-screen-size-narrow .CheckboxGroup---choice_pair input[type="checkbox"]:checked + label:after {
  background-size: 48px 48px !important;
  height: 48px !important;
  width: 48px !important;
  top: -6px !important;
  left: -5px !important;
}
.appian-context-ux-screen-size-medium .CheckboxGroup---choice_pair input[type="checkbox"]:checked + label:after {
  /* rules to apply in the tablet form factor preview in ID */
  background-size: 24px 24px !important;
  width: 24px !important;
  height: 24px !important;
}
.appian-context-browser-edge .appian-context-ux-screen-size-medium .CheckboxGroup---choice_pair input[type="checkbox"]:checked + label:after {
  background-size: 48px 48px !important;
  height: 48px !important;
  width: 48px !important;
  top: -6px !important;
  left: -5px !important;
}
.appian-context-browser-edge .CheckboxGroup---choice_pair input[type="checkbox"]:checked + label:after {
  height: 24px !important;
  width: 24px !important;
}
.CheckboxGroup---choice_pair input[type="checkbox"]:disabled + label:before {
  background-color: var(--appian-disabled-select-background-color, #ddd) !important;
  border-color: var(--appian-choice-border-color, #bbb) !important;
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.CheckboxGroup---choice_pair input[type="checkbox"]:disabled + label.CheckboxGroup---inDarkBackground:before {
  border-color: var(--appian-choice-border-color, #bbb) !important;
}
.CheckboxGroup---choice_pair input[type="checkbox"]:checked:disabled + label:after {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22var%28--appian-choice-border-color,%20%23bbb%29%22%3E%3Cpath%20d%3D%22M1671%20566q0%2040-28%2068l-724%20724-136%20136q-28%2028-68%2028t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20295%20656-657q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
}
/* SVG must be defined outside the detached ruleset (@checkbox-style-overrides) in order to pick up updated theming */
.CheckboxGroup---choice_pair input[type="checkbox"] + label:after {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M1671%20566q0%2040-28%2068l-724%20724-136%20136q-28%2028-68%2028t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20295%20656-657q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
}
.CheckboxGroup---choice_pair.CheckboxGroup---inAccentBackground input[type="checkbox"] + label:after {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1671%20566q0%2040-28%2068l-724%20724-136%20136q-28%2028-68%2028t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20295%20656-657q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
}
@media print {
  .CheckboxGroup---choice_pair input[type="checkbox"] + label:before {
    content: "" !important;
    position: absolute !important;
    height: 16px !important;
    width: 16px !important;
    display: inline-block !important;
    top: calc((14px - 12px) / 2) !important;
    left: 1px !important;
    background-color: var(--appian-input-background-color, #fff) !important;
    border: 1px solid var(--appian-choice-border-color, #bbb) !important;
    border-radius: 0rem !important;
    -webkit-transition: all 150ms ease-in !important;
    transition: all 150ms ease-in !important;
  }
  .appian-context-ux-screen-size-narrow .CheckboxGroup---choice_pair input[type="checkbox"] + label:before {
    /* rules to apply in the phone form factor preview in ID */
    top: 0 !important;
    height: 28px !important;
    width: 28px !important;
  }
  .appian-context-ux-screen-size-medium .CheckboxGroup---choice_pair input[type="checkbox"] + label:before {
    /* rules to apply in the tablet form factor preview in ID */
    top: 0 !important;
    height: 28px !important;
    width: 28px !important;
  }
  .CheckboxGroup---choice_pair.CheckboxGroup---transparent input[type="checkbox"] + label:before {
    background-color: transparent !important;
  }
  .CheckboxGroup---choice_pair input[type="checkbox"] + label.CheckboxGroup---inDarkBackground:before {
    border-color: var(--appian-choice-border-color, #bbb) !important;
  }
  .CheckboxGroup---choice_pair input[type="checkbox"] + label:after {
    content: "" !important;
    display: inline-block !important;
    background-repeat: no-repeat !important;
    background-size: 12px 12px !important;
    /*rtl:raw:
    background-position: 100%;*/
    width: 0 !important;
    height: 12px !important;
    -webkit-transition: width 300ms ease-in !important;
    transition: width 300ms ease-in !important;
    overflow: hidden !important;
    position: absolute !important;
    left: 3px !important;
    top: 3px !important;
    text-align: left !important;
  }
  .appian-context-ux-screen-size-narrow .CheckboxGroup---choice_pair input[type="checkbox"] + label:after {
    /* rules to apply in the phone form factor preview in ID */
    background-size: 24px 24px !important;
    left: 4px !important;
    height: 24px !important;
  }
  .appian-context-browser-edge .appian-context-ux-screen-size-narrow .CheckboxGroup---choice_pair input[type="checkbox"] + label:after {
    background-size: 48px 48px !important;
  }
  .appian-context-ux-screen-size-medium .CheckboxGroup---choice_pair input[type="checkbox"] + label:after {
    /* rules to apply in the tablet form factor preview in ID */
    background-size: 24px 24px !important;
    left: 4px !important;
    height: 24px !important;
  }
  .appian-context-browser-edge .appian-context-ux-screen-size-medium .CheckboxGroup---choice_pair input[type="checkbox"] + label:after {
    background-size: 48px 48px !important;
  }
  .appian-context-browser-edge .CheckboxGroup---choice_pair input[type="checkbox"] + label:after {
    -webkit-transition: none !important;
    transition: none !important;
    background-size: 24px 24px !important;
    left: 0 !important;
    top: 1px !important;
    -webkit-transform: scale(0.5) !important;
            transform: scale(0.5) !important;
    margin: -0.25rem !important;
  }
  .CheckboxGroup---choice_pair input[type="checkbox"]:focus:not(.appian-context-ux-mouse-focus) + label {
    outline: 1px solid #1d659c !important;
  }
  .CheckboxGroup---choice_pair.CheckboxGroup---inAccentBackground input[type="checkbox"]:focus:not(.appian-context-ux-mouse-focus) + label {
    outline: 1px solid #fff !important;
  }
  .CheckboxGroup---choice_pair input[type="checkbox"]:checked + label:before {
    background-color: #1d659c !important;
    border-color: #1d659c !important;
  }
  .CheckboxGroup---choice_pair.CheckboxGroup---inAccentBackground input[type="checkbox"]:checked:not(:disabled) + label:before {
    background-color: #fff !important;
    border-color: #fff !important;
  }
  .CheckboxGroup---choice_pair input[type="checkbox"]:checked + label:after {
    width: 12px !important;
  }
  .appian-context-ux-screen-size-narrow .CheckboxGroup---choice_pair input[type="checkbox"]:checked + label:after {
    /* rules to apply in the phone form factor preview in ID */
    background-size: 24px 24px !important;
    width: 24px !important;
    height: 24px !important;
  }
  .appian-context-browser-edge .appian-context-ux-screen-size-narrow .CheckboxGroup---choice_pair input[type="checkbox"]:checked + label:after {
    background-size: 48px 48px !important;
    height: 48px !important;
    width: 48px !important;
    top: -6px !important;
    left: -5px !important;
  }
  .appian-context-ux-screen-size-medium .CheckboxGroup---choice_pair input[type="checkbox"]:checked + label:after {
    /* rules to apply in the tablet form factor preview in ID */
    background-size: 24px 24px !important;
    width: 24px !important;
    height: 24px !important;
  }
  .appian-context-browser-edge .appian-context-ux-screen-size-medium .CheckboxGroup---choice_pair input[type="checkbox"]:checked + label:after {
    background-size: 48px 48px !important;
    height: 48px !important;
    width: 48px !important;
    top: -6px !important;
    left: -5px !important;
  }
  .appian-context-browser-edge .CheckboxGroup---choice_pair input[type="checkbox"]:checked + label:after {
    height: 24px !important;
    width: 24px !important;
  }
  .CheckboxGroup---choice_pair input[type="checkbox"]:disabled + label:before {
    background-color: var(--appian-disabled-select-background-color, #ddd) !important;
    border-color: var(--appian-choice-border-color, #bbb) !important;
    opacity: var(--appian-disabled-input-opacity, 1) !important;
  }
  .CheckboxGroup---choice_pair input[type="checkbox"]:disabled + label.CheckboxGroup---inDarkBackground:before {
    border-color: var(--appian-choice-border-color, #bbb) !important;
  }
  .CheckboxGroup---choice_pair input[type="checkbox"]:checked:disabled + label:after {
    background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22var%28--appian-choice-border-color,%20%23bbb%29%22%3E%3Cpath%20d%3D%22M1671%20566q0%2040-28%2068l-724%20724-136%20136q-28%2028-68%2028t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20295%20656-657q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
  }
  /* SVG must be defined outside the detached ruleset (@checkbox-style-overrides) in order to pick up updated theming */
  .CheckboxGroup---choice_pair input[type="checkbox"] + label:after {
    background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M1671%20566q0%2040-28%2068l-724%20724-136%20136q-28%2028-68%2028t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20295%20656-657q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
  }
  .CheckboxGroup---choice_pair.CheckboxGroup---inAccentBackground input[type="checkbox"] + label:after {
    background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1671%20566q0%2040-28%2068l-724%20724-136%20136q-28%2028-68%2028t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20295%20656-657q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
  }
  .CheckboxGroup---choice_pair input[type="checkbox"] + label:after {
    background-size: 8px 8px !important;
    height: 8px !important;
    left: 2px !important;
    top: 2px !important;
    print-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }
  .CheckboxGroup---choice_pair input[type="checkbox"] + label:before {
    height: 10px !important;
    width: 10px !important;
    print-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CheckboxGroup---choice_pair input[type="checkbox"] + label:before {
    top: 0 !important;
    height: 28px !important;
    width: 28px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CheckboxGroup---choice_pair input[type="checkbox"] + label:after {
    background-size: 24px 24px !important;
    left: 4px !important;
    height: 24px !important;
  }
  .appian-context-browser-edge .appian-context-ux-responsive .CheckboxGroup---choice_pair input[type="checkbox"] + label:after {
    background-size: 48px 48px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CheckboxGroup---choice_pair input[type="checkbox"]:checked + label:after {
    background-size: 24px 24px !important;
    width: 24px !important;
    height: 24px !important;
  }
  .appian-context-browser-edge .appian-context-ux-responsive .CheckboxGroup---choice_pair input[type="checkbox"]:checked + label:after {
    background-size: 48px 48px !important;
    height: 48px !important;
    width: 48px !important;
    top: -6px !important;
    left: -5px !important;
  }
}

.CheckboxGroup_TOGGLE---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .CheckboxGroup_TOGGLE---accessibilityhidden {
  font-size: 0 !important;
}
.CheckboxGroup_TOGGLE---align_start {
  text-align: left !important;
}
.CheckboxGroup_TOGGLE---align_end {
  text-align: right !important;
}
.CheckboxGroup_TOGGLE---center {
  text-align: center !important;
}
.CheckboxGroup_TOGGLE---choice_pair {
  position: relative !important;
  min-height: 1.2857rem !important;
  /* avoid collapse when no label text */
  word-wrap: break-word !important;
  /* needed on parent container for proper wrapping on IE */
  font-size: 1rem !important;
  /* maintain correct vertical spacing when in side by side layout */
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CheckboxGroup_TOGGLE---choice_pair {
    min-height: 2.1429rem !important;
  }
}
.appian-context-ux-screen-size-narrow .CheckboxGroup_TOGGLE---choice_pair {
  /* rules to apply in the phone form factor preview in ID */
  min-height: 2.1429rem !important;
}
.appian-context-ux-screen-size-medium .CheckboxGroup_TOGGLE---choice_pair {
  /* rules to apply in the tablet form factor preview in ID */
  min-height: 2.1429rem !important;
}
.CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"],
.CheckboxGroup_TOGGLE---choice_pair input[type="radio"] {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  width: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  /*
      Important! Because we specify "position: absolute", we need to protect ourselves from inherited
      styles (especially from the host page) that might try to assign these values. (AN-78083)
    */
  top: inherit !important;
  right: inherit !important;
  bottom: inherit !important;
  left: inherit !important;
}
.CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
.CheckboxGroup_TOGGLE---choice_pair input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label {
  padding-left: 1.5rem !important;
  position: relative !important;
  box-sizing: border-box !important;
  word-wrap: break-word !important;
  white-space: normal !important;
  display: inline-block !important;
  max-width: 100% !important;
  left: -1px !important;
  /* offset size of hidden input */
  top: -1px !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-responsive .CheckboxGroup_TOGGLE---choice_pair input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label {
    padding-left: 34px !important;
  }
}
.appian-context-ux-screen-size-narrow .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
.appian-context-ux-screen-size-narrow .CheckboxGroup_TOGGLE---choice_pair input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label {
  /* rules to apply in the phone form factor preview in ID */
  padding-left: 34px !important;
}
.appian-context-ux-screen-size-medium .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
.appian-context-ux-screen-size-medium .CheckboxGroup_TOGGLE---choice_pair input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label {
  /* rules to apply in the tablet form factor preview in ID */
  padding-left: 34px !important;
}
.CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
.CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label {
  padding-left: 1.75rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-responsive .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label {
    padding-left: 34px !important;
  }
}
.appian-context-ux-screen-size-narrow .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
.appian-context-ux-screen-size-narrow .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label {
  /* rules to apply in the phone form factor preview in ID */
  padding-left: 34px !important;
}
.appian-context-ux-screen-size-medium .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
.appian-context-ux-screen-size-medium .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label {
  /* rules to apply in the tablet form factor preview in ID */
  padding-left: 34px !important;
}
.CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
.CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label {
  padding-left: 2rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-responsive .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label {
    padding-left: 34px !important;
  }
}
.appian-context-ux-screen-size-narrow .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
.appian-context-ux-screen-size-narrow .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label {
  /* rules to apply in the phone form factor preview in ID */
  padding-left: 34px !important;
}
.appian-context-ux-screen-size-medium .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
.appian-context-ux-screen-size-medium .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label {
  /* rules to apply in the tablet form factor preview in ID */
  padding-left: 34px !important;
}
/* use browser default checkbox & radio buttons when printing in Edge */
@media print {
  .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair,
  .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair,
  .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair {
    position: relative !important;
    min-height: 1.2857rem !important;
    /* avoid collapse when no label text */
    word-wrap: break-word !important;
    /* needed on parent container for proper wrapping on IE */
    font-size: 1rem !important;
    /* maintain correct vertical spacing when in side by side layout */
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair {
    /* rules to apply in the phone form factor preview in ID */
    min-height: 2.1429rem !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair {
    /* rules to apply in the tablet form factor preview in ID */
    min-height: 2.1429rem !important;
  }
  .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"],
  .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"],
  .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"],
  .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="radio"],
  .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="radio"],
  .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="radio"] {
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    width: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    /*
      Important! Because we specify "position: absolute", we need to protect ourselves from inherited
      styles (especially from the host page) that might try to assign these values. (AN-78083)
    */
    top: inherit !important;
    right: inherit !important;
    bottom: inherit !important;
    left: inherit !important;
  }
  .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label {
    padding-left: 1.5rem !important;
    position: relative !important;
    box-sizing: border-box !important;
    word-wrap: break-word !important;
    white-space: normal !important;
    display: inline-block !important;
    max-width: 100% !important;
    left: -1px !important;
    /* offset size of hidden input */
    top: -1px !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label {
    /* rules to apply in the phone form factor preview in ID */
    padding-left: 34px !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label {
    /* rules to apply in the tablet form factor preview in ID */
    padding-left: 34px !important;
  }
  .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label {
    padding-left: 1.75rem !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label {
    /* rules to apply in the phone form factor preview in ID */
    padding-left: 34px !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label {
    /* rules to apply in the tablet form factor preview in ID */
    padding-left: 34px !important;
  }
  .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label {
    padding-left: 2rem !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label {
    /* rules to apply in the phone form factor preview in ID */
    padding-left: 34px !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label {
    /* rules to apply in the tablet form factor preview in ID */
    padding-left: 34px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair,
  .appian-context-ux-responsive .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair,
  .appian-context-ux-responsive .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair {
    min-height: 2.1429rem !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-responsive .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label {
    padding-left: 34px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-responsive .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label {
    padding-left: 34px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-responsive .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label {
    padding-left: 34px !important;
  }
}
@media print {
  .appian-context-browser-edge .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"],
  .appian-context-browser-edge .CheckboxGroup_TOGGLE---choice_pair input[type="radio"] {
    height: 9px !important;
    width: 9px !important;
  }
}
.CheckboxGroup_TOGGLE---choice_group.CheckboxGroup_TOGGLE---compact .CheckboxGroup_TOGGLE---choice_pair {
  display: inline-block !important;
  margin: 0 0.7143rem 0 0 !important;
  white-space: nowrap !important;
  max-width: 100% !important;
  /* needed for proper choice wrapping */
}
.CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair:not(:last-child) {
  margin: 0 0 0.5714rem 0 !important;
}
.CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more:not(:last-child) {
  margin-bottom: 1rem !important;
}
.CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more:not(:last-child) {
  margin-bottom: 1.5rem !important;
}
.CheckboxGroup_TOGGLE---choice_group.CheckboxGroup_TOGGLE---compact .CheckboxGroup_TOGGLE---choice_wrapper.CheckboxGroup_TOGGLE---spacing_more,
.CheckboxGroup_TOGGLE---choice_group.CheckboxGroup_TOGGLE---spacing_more.CheckboxGroup_TOGGLE---compact {
  margin-bottom: -1rem !important;
}
.CheckboxGroup_TOGGLE---choice_group.CheckboxGroup_TOGGLE---compact .CheckboxGroup_TOGGLE---choice_wrapper.CheckboxGroup_TOGGLE---spacing_even_more,
.CheckboxGroup_TOGGLE---choice_group.CheckboxGroup_TOGGLE---spacing_even_more.CheckboxGroup_TOGGLE---compact {
  margin-bottom: -1.5rem !important;
}
.CheckboxGroup_TOGGLE---choice_group.CheckboxGroup_TOGGLE---compact .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more {
  margin-bottom: 1rem !important;
}
.CheckboxGroup_TOGGLE---choice_group.CheckboxGroup_TOGGLE---compact .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more:not(:last-child) {
  margin-right: 1.45rem !important;
}
.CheckboxGroup_TOGGLE---choice_group.CheckboxGroup_TOGGLE---compact .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more {
  margin-bottom: 1.5rem !important;
}
.CheckboxGroup_TOGGLE---choice_group.CheckboxGroup_TOGGLE---compact .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more:not(:last-child) {
  margin-right: 2.2rem !important;
}
.CheckboxGroup_TOGGLE---choice_wrapper {
  /* for aligning groups */
  text-align: left !important;
  display: inline-block !important;
  max-width: 100% !important;
}
.CheckboxGroup_TOGGLE---choice_pair label.CheckboxGroup_TOGGLE---choice_label {
  font-size: 1rem !important;
  /* needs extra decimals for correct alignment in Chrome */
  line-height: 1.28571429 !important;
  color: var(--appian-text-color, #222) !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CheckboxGroup_TOGGLE---choice_pair label.CheckboxGroup_TOGGLE---choice_label {
    line-height: 2rem !important;
  }
}
.appian-context-ux-screen-size-narrow .CheckboxGroup_TOGGLE---choice_pair label.CheckboxGroup_TOGGLE---choice_label {
  /* rules to apply in the phone form factor preview in ID */
  line-height: 2rem !important;
}
.appian-context-ux-screen-size-medium .CheckboxGroup_TOGGLE---choice_pair label.CheckboxGroup_TOGGLE---choice_label {
  /* rules to apply in the tablet form factor preview in ID */
  line-height: 2rem !important;
}
.CheckboxGroup_TOGGLE---choice_pair .CheckboxGroup_TOGGLE---description {
  margin-left: 1.5rem !important;
  color: var(--appian-subtle-text-color, #666) !important;
  font-size: 0.9286rem !important;
  line-height: 1.2307rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CheckboxGroup_TOGGLE---choice_pair .CheckboxGroup_TOGGLE---description {
    margin-left: 34px !important;
  }
}
.appian-context-ux-screen-size-narrow .CheckboxGroup_TOGGLE---choice_pair .CheckboxGroup_TOGGLE---description {
  /* rules to apply in the phone form factor preview in ID */
  margin-left: 34px !important;
}
.appian-context-ux-screen-size-medium .CheckboxGroup_TOGGLE---choice_pair .CheckboxGroup_TOGGLE---description {
  /* rules to apply in the tablet form factor preview in ID */
  margin-left: 34px !important;
}
.CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more .CheckboxGroup_TOGGLE---description {
  margin-left: 1.75rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more .CheckboxGroup_TOGGLE---description {
    margin-left: 34px !important;
  }
}
.appian-context-ux-screen-size-narrow .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more .CheckboxGroup_TOGGLE---description {
  /* rules to apply in the phone form factor preview in ID */
  margin-left: 34px !important;
}
.appian-context-ux-screen-size-medium .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_more .CheckboxGroup_TOGGLE---description {
  /* rules to apply in the tablet form factor preview in ID */
  margin-left: 34px !important;
}
.CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more .CheckboxGroup_TOGGLE---description {
  margin-left: 2rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more .CheckboxGroup_TOGGLE---description {
    margin-left: 34px !important;
  }
}
.appian-context-ux-screen-size-narrow .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more .CheckboxGroup_TOGGLE---description {
  /* rules to apply in the phone form factor preview in ID */
  margin-left: 34px !important;
}
.appian-context-ux-screen-size-medium .CheckboxGroup_TOGGLE---choice_group:not(.CheckboxGroup_TOGGLE---compact) .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---spacing_even_more .CheckboxGroup_TOGGLE---description {
  /* rules to apply in the tablet form factor preview in ID */
  margin-left: 34px !important;
}
.CheckboxGroup_TOGGLE---choice_pair label.CheckboxGroup_TOGGLE---choice_label.CheckboxGroup_TOGGLE---inDarkBackground {
  color: #eee !important;
}
.CheckboxGroup_TOGGLE---choice_pair label.CheckboxGroup_TOGGLE---choice_label.CheckboxGroup_TOGGLE---inLightBackground {
  color: #222 !important;
}
.CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---inAccentBackground label.CheckboxGroup_TOGGLE---choice_label {
  color: #fff !important;
}
.CheckboxGroup_TOGGLE---choice_group.CheckboxGroup_TOGGLE---no_label,
.CheckboxGroup_TOGGLE---choice_group.CheckboxGroup_TOGGLE---no_label .CheckboxGroup_TOGGLE---choice_pair {
  font-size: 0 !important;
  min-height: 0 !important;
}
.CheckboxGroup_TOGGLE---choice_group.CheckboxGroup_TOGGLE---no_label input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
.CheckboxGroup_TOGGLE---choice_group.CheckboxGroup_TOGGLE---no_label input[type="radio"] + label.CheckboxGroup_TOGGLE---choice_label {
  /* use the "no_label" class for standalone checkboxes and radios, e.g. grid row selection columns. The label element is still needed for proper click handling. */
  padding-left: 0 !important;
  display: inline-block !important;
  height: 1.1429rem !important;
}
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* outline of checkbox with toggle skin */
/* round(@checkbox-circle-height * 2 / 3); */
/* round(@checkbox-circle-height * 1.8); */
/* @checkbox-circle-height; */
/* round(@checkbox-circle-height * 0.65); */
/* round(@checkbox-circle-height * 0.5); */
/* @checkbox-pill-width - @checkbox-circle-width + 1px; */
/* round(@checkbox-circle-height-mobile * 2 / 3); */
/* round(@checkbox-circle-height-mobile * 1.8); */
/* @checkbox-circle-height-mobile; */
/* round(@checkbox-circle-height-mobile * 0.65); */
/* round(@checkbox-circle-height-mobile * 0.5); */
/* @checkbox-pill-width-mobile - @checkbox-circle-width-mobile + 1px; */
.CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:before {
  background-color: var(--appian-choice-border-color, #bbb) !important;
  border-radius: 12px !important;
  width: 32px !important;
  content: "" !important;
  position: absolute !important;
  height: 12px !important;
  display: inline-block !important;
  top: 5px !important;
  left: 1px !important;
  -webkit-transition: all 150ms ease-in !important;
  transition: all 150ms ease-in !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:before {
    top: 6px !important;
    height: 19px !important;
    width: 50px !important;
    border-radius: 18px !important;
  }
}
.appian-context-ux-screen-size-narrow .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:before {
  /* rules to apply in the phone form factor preview in ID */
  top: 6px !important;
  height: 19px !important;
  width: 50px !important;
  border-radius: 18px !important;
}
.appian-context-ux-screen-size-medium .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:before {
  /* rules to apply in the tablet form factor preview in ID */
  top: 6px !important;
  height: 19px !important;
  width: 50px !important;
  border-radius: 18px !important;
}
.CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---inDarkBackground input[type="checkbox"] + label:before {
  background-color: var(--appian-choice-border-color, #bbb) !important;
}
.CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:after {
  background-color: var(--appian-input-background-color, #fff) !important;
  border-radius: 9px !important;
  width: 18px !important;
  content: "" !important;
  position: absolute !important;
  height: 18px !important;
  display: inline-block !important;
  top: 2px !important;
  left: 1px !important;
  border: 1px solid #999 !important;
  -webkit-transition: all 150ms ease-in !important;
  transition: all 150ms ease-in !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:after {
    top: 2px !important;
    height: 28px !important;
    width: 28px !important;
    border-radius: 14px !important;
  }
}
.appian-context-ux-screen-size-narrow .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:after {
  /* rules to apply in the phone form factor preview in ID */
  top: 2px !important;
  height: 28px !important;
  width: 28px !important;
  border-radius: 14px !important;
}
.appian-context-ux-screen-size-medium .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:after {
  /* rules to apply in the tablet form factor preview in ID */
  top: 2px !important;
  height: 28px !important;
  width: 28px !important;
  border-radius: 14px !important;
}
.CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:focus:not(.appian-context-ux-mouse-focus) + label {
  outline: 1px solid #1d659c !important;
}
.CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:checked + label:before {
  background-color: #1d659c !important;
}
.CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:checked + label:after {
  left: 15px !important;
  border-color: #1d659c !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:checked + label:after {
    left: 23px !important;
  }
}
.appian-context-ux-screen-size-narrow .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:checked + label:after {
  /* rules to apply in the phone form factor preview in ID */
  left: 23px !important;
}
.appian-context-ux-screen-size-medium .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:checked + label:after {
  /* rules to apply in the tablet form factor preview in ID */
  left: 23px !important;
}
.CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:disabled + label:before {
  opacity: 0.5 !important;
}
.CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:disabled + label:after {
  background-color: var(--appian-disabled-toggle-background-color, #eee) !important;
  border-color: rgba(187, 187, 187, 0.5) !important;
  box-shadow: none !important;
}
.CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:checked:disabled + label:after {
  border-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
}
.CheckboxGroup_TOGGLE---choice_pair {
  font-size: 0 !important;
  /* needed for when there is a hidden accessibilityLabel */
}
.CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label {
  min-height: calc(18px + 4px) !important;
  margin-right: 6px !important;
  padding: 2px 2px 2px 38px !important;
}
.CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label.CheckboxGroup_TOGGLE---empty_label {
  padding-left: 34px !important;
  padding-right: 0 !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label {
    padding-left: 62px !important;
    min-height: 28px !important;
  }
}
.appian-context-ux-screen-size-narrow .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label {
  /* rules to apply in the phone form factor preview in ID */
  padding-left: 62px !important;
  min-height: 28px !important;
}
.appian-context-ux-screen-size-medium .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label {
  /* rules to apply in the tablet form factor preview in ID */
  padding-left: 62px !important;
  min-height: 28px !important;
}
/* use browser default when printing in IE11 & Edge */
@media print {
  .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:before,
  .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:before,
  .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:before {
    background-color: var(--appian-choice-border-color, #bbb) !important;
    border-radius: 12px !important;
    width: 32px !important;
    content: "" !important;
    position: absolute !important;
    height: 12px !important;
    display: inline-block !important;
    top: 5px !important;
    left: 1px !important;
    -webkit-transition: all 150ms ease-in !important;
    transition: all 150ms ease-in !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:before,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:before,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:before {
    /* rules to apply in the phone form factor preview in ID */
    top: 6px !important;
    height: 19px !important;
    width: 50px !important;
    border-radius: 18px !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:before,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:before,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:before {
    /* rules to apply in the tablet form factor preview in ID */
    top: 6px !important;
    height: 19px !important;
    width: 50px !important;
    border-radius: 18px !important;
  }
  .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---inDarkBackground input[type="checkbox"] + label:before,
  .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---inDarkBackground input[type="checkbox"] + label:before,
  .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair.CheckboxGroup_TOGGLE---inDarkBackground input[type="checkbox"] + label:before {
    background-color: var(--appian-choice-border-color, #bbb) !important;
  }
  .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:after,
  .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:after,
  .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:after {
    background-color: var(--appian-input-background-color, #fff) !important;
    border-radius: 9px !important;
    width: 18px !important;
    content: "" !important;
    position: absolute !important;
    height: 18px !important;
    display: inline-block !important;
    top: 2px !important;
    left: 1px !important;
    border: 1px solid #999 !important;
    -webkit-transition: all 150ms ease-in !important;
    transition: all 150ms ease-in !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:after,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:after,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:after {
    /* rules to apply in the phone form factor preview in ID */
    top: 2px !important;
    height: 28px !important;
    width: 28px !important;
    border-radius: 14px !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:after,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:after,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:after {
    /* rules to apply in the tablet form factor preview in ID */
    top: 2px !important;
    height: 28px !important;
    width: 28px !important;
    border-radius: 14px !important;
  }
  .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:focus:not(.appian-context-ux-mouse-focus) + label,
  .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:focus:not(.appian-context-ux-mouse-focus) + label,
  .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:focus:not(.appian-context-ux-mouse-focus) + label {
    outline: 1px solid #1d659c !important;
  }
  .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:checked + label:before,
  .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:checked + label:before,
  .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:checked + label:before {
    background-color: #1d659c !important;
  }
  .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:checked + label:after,
  .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:checked + label:after,
  .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:checked + label:after {
    left: 15px !important;
    border-color: #1d659c !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:checked + label:after,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:checked + label:after,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:checked + label:after {
    /* rules to apply in the phone form factor preview in ID */
    left: 23px !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:checked + label:after,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:checked + label:after,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:checked + label:after {
    /* rules to apply in the tablet form factor preview in ID */
    left: 23px !important;
  }
  .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:disabled + label:before,
  .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:disabled + label:before,
  .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:disabled + label:before {
    opacity: 0.5 !important;
  }
  .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:disabled + label:after,
  .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:disabled + label:after,
  .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:disabled + label:after {
    background-color: var(--appian-disabled-toggle-background-color, #eee) !important;
    border-color: rgba(187, 187, 187, 0.5) !important;
    box-shadow: none !important;
  }
  .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:checked:disabled + label:after,
  .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:checked:disabled + label:after,
  .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:checked:disabled + label:after {
    border-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
  }
  .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair,
  .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair,
  .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair {
    font-size: 0 !important;
    /* needed for when there is a hidden accessibilityLabel */
  }
  .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label {
    min-height: calc(18px + 4px) !important;
    margin-right: 6px !important;
    padding: 2px 2px 2px 38px !important;
  }
  .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label.CheckboxGroup_TOGGLE---empty_label,
  .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label.CheckboxGroup_TOGGLE---empty_label,
  .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label.CheckboxGroup_TOGGLE---empty_label {
    padding-left: 34px !important;
    padding-right: 0 !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label {
    /* rules to apply in the phone form factor preview in ID */
    padding-left: 62px !important;
    min-height: 28px !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label {
    /* rules to apply in the tablet form factor preview in ID */
    padding-left: 62px !important;
    min-height: 28px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:before,
  .appian-context-ux-responsive .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:before,
  .appian-context-ux-responsive .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:before {
    top: 6px !important;
    height: 19px !important;
    width: 50px !important;
    border-radius: 18px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:after,
  .appian-context-ux-responsive .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:after,
  .appian-context-ux-responsive .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label:after {
    top: 2px !important;
    height: 28px !important;
    width: 28px !important;
    border-radius: 14px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:checked + label:after,
  .appian-context-ux-responsive .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:checked + label:after,
  .appian-context-ux-responsive .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"]:checked + label:after {
    left: 23px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .CheckboxGroup_TOGGLE---choice_pair input[type="checkbox"] + label.CheckboxGroup_TOGGLE---choice_label {
    padding-left: 62px !important;
    min-height: 28px !important;
  }
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn {
  padding: 0 0.7143rem !important;
}
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.CodeMirrorDiffWidget-CodeMirrorOverrides---align_start {
  text-align: left !important;
}
.CodeMirrorDiffWidget-CodeMirrorOverrides---align_end {
  text-align: right !important;
}
.CodeMirrorDiffWidget-CodeMirrorOverrides---center {
  text-align: center !important;
}
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn {
  cursor: pointer !important;
  text-transform: var(--appian-button-text-transform, uppercase) !important;
  text-align: center !important;
  font-family: inherit !important;
  color: #1d659c !important;
  fill: #1d659c !important;
  font-size: 1rem !important;
  /* height and width of svg icon in standard button should match this value */
  line-height: 1.4 !important;
  /* needed for correct vertical alignment of text on Tempo */
  font-weight: 600 !important;
  height: 2.7143rem !important;
  vertical-align: middle !important;
  margin: 1px 0 !important;
  /* 0 margin left/right needed for correct spacing on Safari */
  max-width: 28em !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  background-color: #fff !important;
  border: 1px solid #1d659c !important;
  border-radius: 0rem !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-transition-duration: 0.2s !important;
  transition-duration: 0.2s !important;
  -webkit-transition-property: -webkit-transform !important;
  transition-property: -webkit-transform !important;
  transition-property: transform !important;
  transition-property: transform, -webkit-transform !important;
  -webkit-font-smoothing: antialiased !important;
  /* Safari-only: smooth transform */
}
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn.CodeMirrorDiffWidget-CodeMirrorOverrides---match_input_shape {
  border-radius: 0rem !important;
}
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn.CodeMirrorDiffWidget-CodeMirrorOverrides---inAccentBackground {
  color: #fff !important;
  fill: #fff !important;
  background-color: #1d659c !important;
  border: 1px solid #fff !important;
}
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn:not(.CodeMirrorDiffWidget-CodeMirrorOverrides---minimize_width):not(.CodeMirrorDiffWidget-CodeMirrorOverrides---fill_width):not(.CodeMirrorDiffWidget-CodeMirrorOverrides---icon_only) {
  /* FILL buttons always take up full width. MINIMIZE never take up full width.
      On a phone-sized browser:
      DEFAULT buttons take up full width. Icon-only DEFAULT buttons do not take up full width.
      DEFAULT icon-only buttons stack. MINIMIZE icon-only buttons do not stack. */
}
.appian-context-ux-page-size-phone .CodeMirrorDiffWidget-CodeMirrorOverrides---btn:not(.CodeMirrorDiffWidget-CodeMirrorOverrides---minimize_width):not(.CodeMirrorDiffWidget-CodeMirrorOverrides---fill_width):not(.CodeMirrorDiffWidget-CodeMirrorOverrides---icon_only) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn:disabled {
  -webkit-transform: none !important;
          transform: none !important;
  opacity: 0.5 !important;
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  cursor: default !important;
  box-shadow: none !important;
}
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn.CodeMirrorDiffWidget-CodeMirrorOverrides---inAccentBackground:disabled {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
}
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn:not(:disabled):active,
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn:not(:disabled):hover {
  box-shadow: 0 0px 5px #2173b2 !important;
}
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn.CodeMirrorDiffWidget-CodeMirrorOverrides---inAccentBackground:not(:disabled):active,
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn.CodeMirrorDiffWidget-CodeMirrorOverrides---inAccentBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #fff !important;
}
:not(.CodeMirrorDiffWidget-CodeMirrorOverrides---accent):not(.CodeMirrorDiffWidget-CodeMirrorOverrides---secondary):not(.CodeMirrorDiffWidget-CodeMirrorOverrides---negative):not(.CodeMirrorDiffWidget-CodeMirrorOverrides---hex) .CodeMirrorDiffWidget-CodeMirrorOverrides---btn.CodeMirrorDiffWidget-CodeMirrorOverrides---link_style.CodeMirrorDiffWidget-CodeMirrorOverrides---inDarkBackground:not(:disabled):active,
:not(.CodeMirrorDiffWidget-CodeMirrorOverrides---accent):not(.CodeMirrorDiffWidget-CodeMirrorOverrides---secondary):not(.CodeMirrorDiffWidget-CodeMirrorOverrides---negative):not(.CodeMirrorDiffWidget-CodeMirrorOverrides---hex) .CodeMirrorDiffWidget-CodeMirrorOverrides---btn.CodeMirrorDiffWidget-CodeMirrorOverrides---link_style.CodeMirrorDiffWidget-CodeMirrorOverrides---inDarkBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #eee !important;
}
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn:not(:disabled):active {
  -webkit-transform: scaleX(0.98) scaleY(0.98) !important;
  transform: scaleX(0.98) scaleY(0.98) !important;
}
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn.CodeMirrorDiffWidget-CodeMirrorOverrides---inGridLayout {
  max-width: 100% !important;
}
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn.CodeMirrorDiffWidget-CodeMirrorOverrides---inToolbarLayout.CodeMirrorDiffWidget-CodeMirrorOverrides---icon_only {
  height: 1.5714rem !important;
  margin: 0 !important;
  color: #666 !important;
  fill: #666 !important;
  border-color: transparent !important;
  background-color: transparent !important;
}
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn.CodeMirrorDiffWidget-CodeMirrorOverrides---inToolbarLayout.CodeMirrorDiffWidget-CodeMirrorOverrides---icon_only {
  padding: 2px 6px !important;
}
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn.CodeMirrorDiffWidget-CodeMirrorOverrides---inToolbarLayout:not(:disabled):active,
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn.CodeMirrorDiffWidget-CodeMirrorOverrides---inToolbarLayout:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn.CodeMirrorDiffWidget-CodeMirrorOverrides---inToolbarLayout:not(:disabled):hover {
  box-shadow: 0 0px 4px var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-color: #bbb !important;
}
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn.CodeMirrorDiffWidget-CodeMirrorOverrides---inToolbarLayout svg.CodeMirrorDiffWidget-CodeMirrorOverrides---icon {
  vertical-align: 0 !important;
}
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn_wrapper {
  display: inline-block !important;
  position: relative !important;
}
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn_wrapper:not(.CodeMirrorDiffWidget-CodeMirrorOverrides---minimize_width):not(.CodeMirrorDiffWidget-CodeMirrorOverrides---fill_width) {
  /* FILL buttons always take up full width. MINIMIZE never take up full width.
        On a phone-sized browser:
        DEFAULT buttons take up full width. Icon-only DEFAULT buttons do not take up full width.
        DEFAULT icon-only buttons stack. MINIMIZE icon-only buttons do not stack. */
}
.appian-context-ux-page-size-phone .CodeMirrorDiffWidget-CodeMirrorOverrides---btn_wrapper:not(.CodeMirrorDiffWidget-CodeMirrorOverrides---minimize_width):not(.CodeMirrorDiffWidget-CodeMirrorOverrides---fill_width) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn_wrapper.CodeMirrorDiffWidget-CodeMirrorOverrides---inGridLayout {
  /* Max grid column width - horizontal padding. Keep in sync with grids.less */
  max-width: calc(300px - 2 * 0.1429rem) !important;
}
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn:focus {
  outline: none !important;
}
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn {
  position: relative !important;
}
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  content: "" !important;
  position: absolute !important;
  top: 1px !important;
  left: 1px !important;
  height: calc(100% - 2px) !important;
  width: calc(100% - 2px) !important;
  border: 1px solid #1d659c !important;
  border-radius: inherit !important;
}
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn.CodeMirrorDiffWidget-CodeMirrorOverrides---inAccentBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #fff !important;
}
:not(.CodeMirrorDiffWidget-CodeMirrorOverrides---accent):not(.CodeMirrorDiffWidget-CodeMirrorOverrides---secondary):not(.CodeMirrorDiffWidget-CodeMirrorOverrides---negative):not(.CodeMirrorDiffWidget-CodeMirrorOverrides---hex) .CodeMirrorDiffWidget-CodeMirrorOverrides---btn.CodeMirrorDiffWidget-CodeMirrorOverrides---link_style.CodeMirrorDiffWidget-CodeMirrorOverrides---inDarkBackground:not(:disabled):focus:not(.appian-context-ux-mouse-focus):after {
  border-color: #eee !important;
}
/* These styles make CodeMirror look less like
 * https://codemirror.net/demo/merge.html and
 * more like GitHub.
 */
 {
  /* Remove the scroll-lock icon. */
  /* Resetting margin-right from '-30px' to '0px' ensures text is not cut off at the right edge.
   */
  /* Fill the portion of the gutter that is right next to the scrollbar. */
  /* Allow highlighting to extend all the way to the edge. */
  /* Flips the connector in RTL environments */
}
.CodeMirror-hide-revert-buttons .CodeMirror-merge-copy {
  display: none !important;
}
.CodeMirror-container:focus {
  outline: none !important;
}
.CodeMirror-merge-r-inserted,
.CodeMirror-merge-l-inserted,
.CodeMirror-invert-colors .CodeMirror-merge-r-deleted,
.CodeMirror-invert-colors .CodeMirror-merge-l-deleted {
  background-image: none !important;
  background: #acf2bd !important;
}
.CodeMirror-merge-r-deleted,
.CodeMirror-merge-l-deleted,
.CodeMirror-invert-colors .CodeMirror-merge-r,
.CodeMirror-invert-colors .CodeMirror-merge-l-inserted {
  background-image: none !important;
  background: #fdb8c0 !important;
}
.CodeMirror-merge-pane-rightmost {
  position: relative !important;
}
.CodeMirror-merge-pane-rightmost .CodeMirror-merge-l-chunk,
.CodeMirror-invert-colors .CodeMirror-merge-left .CodeMirror-merge-l-chunk {
  background: #e6ffed !important;
}
.CodeMirror-merge-left .CodeMirror-merge-l-chunk,
.CodeMirror-invert-colors .CodeMirror-merge-pane-rightmost .CodeMirror-merge-l-chunk {
  background: #ffeef0 !important;
}
.CodeMirror-merge-l-chunk-start {
  border-top: none !important;
}
.CodeMirror-merge-l-chunk-end {
  border-bottom: none !important;
}
.CodeMirror-merge-l-connect {
  stroke-width: 0px !important;
}
.CodeMirror-merge-scrolllock-wrap {
  height: 0 !important;
}
.CodeMirror-merge .CodeMirror-scroll {
  /*rtl:ignore*/
  margin-right: 0px !important;
}
.CodeMirror-merge-pane .CodeMirror-gutter-filler {
  background-color: #f0f0f0 !important;
}
.CodeMirror-merge .CodeMirror-sizer {
  /*rtl:ignore*/
  border-right: 0px !important;
}
.CodeMirror-merge-gap {
  /*rtl:raw:
    transform: scaleX(-1);
    */
}
i.CodeMirrorDiffWidget-CodeMirrorOverrides---revert_arrow {
  background-repeat: no-repeat !important;
  background-size: 0.7143rem 0.7143rem !important;
  width: 0.7143rem !important;
  height: 0.7143rem !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
  pointer-events: none !important;
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1536%20896v128q0%2053-32.5%2090.5T1419%201152H715l293%20294q38%2036%2038%2090t-38%2090l-75%2076q-37%2037-90%2037-52%200-91-37l-651-652q-37-37-37-90%200-52%2037-91l651-650q38-38%2091-38%2052%200%2090%2038l75%2074q38%2038%2038%2091t-38%2091L715%20768h704q52%200%2084.5%2037.5T1536%20896z%22/%3E%3C/svg%3E") !important;
}
/*
 * Just applying the padding style to the selector ".btn" is not enough. An extra class name needs to
 * be added to button elements to successfully override a "themed" padding variable defined for the
 * btn class that is being added to the <style> in the page.
 */
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn.CodeMirrorDiffWidget-CodeMirrorOverrides---merge_button_padding {
  padding: 0 0.5rem !important;
  width: 1.1429rem !important;
  height: 1.1429rem !important;
  position: absolute !important;
}
.CodeMirrorDiffWidget-CodeMirrorOverrides---btn_wrapper {
  display: block !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* these styles match rich text link styles defined in LinkedItem.less */
.CodeText---inMessageLayout a.CodeText---inStrongText {
  font-weight: 700 !important;
}
.CodeText---inMessageLayout a.CodeText---inEmphasisText {
  font-style: italic !important;
}
/* end of matching styles */
.CodeText---inMessageLayout a,
.CodeText---inMessageLayout a:hover,
.CodeText---inMessageLayout a:focus:not(.CodeText---appian-context-ux-mouse-focus) {
  color: #1d659c !important;
  border-color: #1d659c !important;
}
.CodeText---inMessageLayout.CodeText---standard,
.CodeText---inMessageLayout.CodeText---info,
.CodeText---inMessageLayout.CodeText---warn,
.CodeText---inMessageLayout.CodeText---success {
  color: var(--appian-text-color, #222) !important;
}
.CodeText---inMessageLayout.CodeText---error:not(.CodeText---inDarkBackground) {
  color: #de0037 !important;
}
code.CodeText---code {
  font-family: monospace !important;
  white-space: pre-wrap !important;
}

/* AN-79558: For some reason, the quoted font families are not processed the same way in LESS when they're used inside a
  detached ruleset (@shared-input-styles, here), and our theming extractor ends up not picking them. Moving the font-family
  declaration out of it addresses this. */
.CollaborationRichTextEditorWidget---text,
.CollaborationRichTextEditorWidget---password,
.CollaborationRichTextEditorWidget---textarea,
.CollaborationRichTextEditorWidget---textarea_print,
.CollaborationRichTextEditorWidget---dropdown_value,
.CollaborationRichTextEditorWidget---picker_value,
.CollaborationRichTextEditorWidget---date_range_value {
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
}
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.CollaborationRichTextEditorWidget---editor_input {
  overflow-y: auto !important;
  border: none !important;
  max-height: 12rem !important;
  min-height: 1.2857rem !important;
  caret-color: #222 !important;
  /* don't update cursor color to match current text color */
}
.appian-context-browser-safari .CollaborationRichTextEditorWidget---editor_input,
.appian-context-browser-edge .CollaborationRichTextEditorWidget---editor_input,
.appian-context-browser-firefox .CollaborationRichTextEditorWidget---editor_input {
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
}
.CollaborationRichTextEditorWidget---editor_input:focus-visible {
  outline: none !important;
}
.CollaborationRichTextEditorWidget---editor_input span[data-mention] {
  color: #1d659c !important;
  font-weight: 700 !important;
  padding: 0px 2px !important;
  display: inline-block !important;
}
.CollaborationRichTextEditorWidget---editor_placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}
.CollaborationRichTextEditorWidget---editor_input p {
  font-size: 1rem !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  color: var(--appian-text-color, #222) !important;
  text-align: left !important;
}
/*
 * In RTDT, each newline has its own p tag
 * top margin on h tags necessary to mimic the bottom margin on p tags in RTDF
*/
.CollaborationRichTextEditorWidget---editor_input p + h3,
.CollaborationRichTextEditorWidget---editor_input p + h4,
.CollaborationRichTextEditorWidget---editor_input p + h5 {
  margin-top: 12px !important;
}
/* These sizes match the values in SizedText.less */
.CollaborationRichTextEditorWidget---editor_input .CollaborationRichTextEditorWidget---text_small {
  font-size: 0.8571rem !important;
}
.CollaborationRichTextEditorWidget---editor_input .CollaborationRichTextEditorWidget---text_medium {
  font-size: 1.214rem !important;
}
.CollaborationRichTextEditorWidget---editor_input .CollaborationRichTextEditorWidget---text_medium_plus {
  font-size: 1.7143rem !important;
  line-height: 1.3 !important;
}
.CollaborationRichTextEditorWidget---editor_input .CollaborationRichTextEditorWidget---text_standard {
  font-size: 1rem !important;
}
.CollaborationRichTextEditorWidget---editor_input .CollaborationRichTextEditorWidget---text_large {
  font-size: 2.2857rem !important;
  line-height: 1.2 !important;
}
.CollaborationRichTextEditorWidget---editor_input .CollaborationRichTextEditorWidget---text_large_plus {
  font-size: 3.7143rem !important;
  line-height: 1.15 !important;
}
.CollaborationRichTextEditorWidget---editor_input .CollaborationRichTextEditorWidget---text_extra_large {
  font-size: 5.1429rem !important;
  line-height: 1.1 !important;
}
.CollaborationRichTextEditorWidget---editor_input .CollaborationRichTextEditorWidget---color_accent {
  color: #1d659c !important;
}
.CollaborationRichTextEditorWidget---editor_input .CollaborationRichTextEditorWidget---color_positive {
  color: #1cc101 !important;
}
.CollaborationRichTextEditorWidget---editor_input .CollaborationRichTextEditorWidget---color_negative {
  color: #de0037 !important;
}
.CollaborationRichTextEditorWidget---editor_input .CollaborationRichTextEditorWidget---color_secondary {
  color: var(--appian-secondary-text-color, #767676) !important;
}
.CollaborationRichTextEditorWidget---editor_input .CollaborationRichTextEditorWidget---color_standard {
  color: var(--appian-text-color, #222) !important;
}
.CollaborationRichTextEditorWidget---editor_input a {
  line-height: 1.4 !important;
  color: #1d659c !important;
  word-wrap: break-word !important;
  text-decoration: none !important;
}
.CollaborationRichTextEditorWidget---editor_input a[data-linkstyle="INLINE"] {
  border-bottom: 1px dotted var(--appian-disabled-text-color, #777) !important;
}
.CollaborationRichTextEditorWidget---editor_input a[data-linkstyle="STANDALONE"]:hover,
.CollaborationRichTextEditorWidget---editor_input a[data-linkstyle="STANDALONE"]:focus:not(.appian-context-ux-mouse-focus) {
  text-decoration: underline !important;
}
.CollaborationRichTextEditorWidget---editor_input em {
  font-style: italic !important;
  /* matches EmphasisText.less */
}
.CollaborationRichTextEditorWidget---editor_input strong,
.CollaborationRichTextEditorWidget---editor_input strong em {
  font-weight: 700 !important;
  /* matches StrongText.less */
}
/* header styles match HeaderText.less */
.CollaborationRichTextEditorWidget---editor_input h3,
.CollaborationRichTextEditorWidget---editor_input h4,
.CollaborationRichTextEditorWidget---editor_input h5 {
  margin: 0 !important;
  word-wrap: break-word !important;
  white-space: pre-wrap !important;
}
.CollaborationRichTextEditorWidget---editor_input h3,
.CollaborationRichTextEditorWidget---editor_input h3 a {
  font-size: 2.14rem !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
}
.CollaborationRichTextEditorWidget---editor_input h3 {
  padding: 0 0 0.62rem !important;
  /* prevent margin collapse */
  color: #1d659c !important;
}
.CollaborationRichTextEditorWidget---editor_input h3:not(:first-of-type) {
  padding-top: 1.3rem !important;
}
.CollaborationRichTextEditorWidget---editor_input h4,
.CollaborationRichTextEditorWidget---editor_input h4 a {
  font-size: 1.5714rem !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
}
.CollaborationRichTextEditorWidget---editor_input h4 {
  padding: 0 0 12px !important;
  color: var(--appian-subtle-text-color, #666) !important;
}
.CollaborationRichTextEditorWidget---editor_input h5,
.CollaborationRichTextEditorWidget---editor_input h5 a {
  font-size: 1.214rem !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}
.CollaborationRichTextEditorWidget---editor_input h5 {
  padding: 0 0 6px !important;
  color: var(--appian-subtle-text-color, #666) !important;
}
.CollaborationRichTextEditorWidget---editor_input h3:last-child,
.CollaborationRichTextEditorWidget---editor_input h4:last-child,
.CollaborationRichTextEditorWidget---editor_input h5:last-child {
  padding-bottom: 0 !important;
}
.CollaborationRichTextEditorWidget---editor_input h3.CollaborationRichTextEditorWidget---disabled {
  color: var(--appian-secondary-text-color, #767676) !important;
}
/* list styles match FormattedList.less */
.CollaborationRichTextEditorWidget---editor_input ol,
.CollaborationRichTextEditorWidget---editor_input ul {
  font-size: 1rem !important;
  line-height: 1.4 !important;
  margin: 0 0 12px !important;
  color: var(--appian-text-color, #222) !important;
  padding: 0 !important;
}
.CollaborationRichTextEditorWidget---editor_input ol:last-child,
.CollaborationRichTextEditorWidget---editor_input ul:last-child {
  margin-bottom: 0 !important;
}
.CollaborationRichTextEditorWidget---editor_input ol li,
.CollaborationRichTextEditorWidget---editor_input ul li {
  word-wrap: break-word !important;
  white-space: pre-wrap !important;
  line-height: 1.4 !important;
  /* needed so line height is correct on Tempo */
}
.CollaborationRichTextEditorWidget---editor_input ul {
  list-style: disc outside none !important;
  margin-left: 30px !important;
  padding: 0 !important;
}
.CollaborationRichTextEditorWidget---editor_input ul ul {
  list-style: circle outside none !important;
}
.CollaborationRichTextEditorWidget---editor_input ul ul ul {
  list-style: square outside none !important;
}
.CollaborationRichTextEditorWidget---editor_input ul ul ul ul {
  list-style: disc outside none !important;
}
.CollaborationRichTextEditorWidget---editor_input ul ul ul ul ul {
  list-style: circle outside none !important;
}
.CollaborationRichTextEditorWidget---editor_input ul ul ul ul ul ul {
  list-style: square outside none !important;
}
.CollaborationRichTextEditorWidget---editor_input ul ul {
  margin-left: 30px !important;
  margin-bottom: 0 !important;
}
.CollaborationRichTextEditorWidget---editor_input ul ol {
  margin-bottom: 0 !important;
}
.CollaborationRichTextEditorWidget---editor_input ol {
  list-style: decimal outside none !important;
  margin-left: 30px !important;
  padding: 0 !important;
}
.CollaborationRichTextEditorWidget---editor_input ol ol {
  list-style: lower-latin outside none !important;
}
.CollaborationRichTextEditorWidget---editor_input ol ol ol {
  list-style: lower-roman outside none !important;
}
.CollaborationRichTextEditorWidget---editor_input ol ol ol ol {
  list-style: decimal outside none !important;
}
.CollaborationRichTextEditorWidget---editor_input ol ol ol ol ol {
  list-style: lower-latin outside none !important;
}
.CollaborationRichTextEditorWidget---editor_input ol ol ol ol ol ol {
  list-style: lower-roman outside none !important;
}
.CollaborationRichTextEditorWidget---editor_input ol ol ol ol ol ol ol {
  list-style: decimal outside none !important;
}
.CollaborationRichTextEditorWidget---editor_input ol ol ol ol ol ol ol ol {
  list-style: lower-latin outside none !important;
}
.CollaborationRichTextEditorWidget---editor_input ol ol ol ol ol ol ol ol ol {
  list-style: lower-roman outside none !important;
}
.CollaborationRichTextEditorWidget---editor_input ol ol ol ol ol ol ol ol ol ol {
  list-style: decimal outside none !important;
}
.CollaborationRichTextEditorWidget---editor_input ol ol {
  margin-left: 30px !important;
  margin-bottom: 0 !important;
}
.CollaborationRichTextEditorWidget---editor_input ul > ol {
  margin-left: 30px !important;
}
.CollaborationRichTextEditorWidget---editor_input ol ul {
  margin-bottom: 0 !important;
}
.CollaborationRichTextEditorWidget---editor_input img:not(.CollaborationRichTextEditorWidget---icon_image) {
  max-width: 20px !important;
  max-height: 20px !important;
  margin-right: 3px !important;
  width: 20px !important;
  vertical-align: text-top !important;
  display: inline-block !important;
}
.CollaborationRichTextEditorWidget---editor_input .CollaborationRichTextEditorWidget---icon_image {
  height: 1em !important;
  width: 1em !important;
  vertical-align: -0.15em !important;
}
.CollaborationRichTextEditorWidget---align_start .CollaborationRichTextEditorWidget---editor_input,
.CollaborationRichTextEditorWidget---align_start .CollaborationRichTextEditorWidget---editor_input :not(li) {
  text-align: left !important;
}
.CollaborationRichTextEditorWidget---align_center .CollaborationRichTextEditorWidget---editor_input,
.CollaborationRichTextEditorWidget---align_center .CollaborationRichTextEditorWidget---editor_input :not(li) {
  text-align: center !important;
}
.CollaborationRichTextEditorWidget---align_end .CollaborationRichTextEditorWidget---editor_input,
.CollaborationRichTextEditorWidget---align_end .CollaborationRichTextEditorWidget---editor_input :not(li) {
  text-align: right !important;
}
.CollaborationRichTextEditorWidget---align_end .CollaborationRichTextEditorWidget---editor_input ol li *,
.CollaborationRichTextEditorWidget---align_end .CollaborationRichTextEditorWidget---editor_input ul li *,
.CollaborationRichTextEditorWidget---align_center .CollaborationRichTextEditorWidget---editor_input ol li *,
.CollaborationRichTextEditorWidget---align_center .CollaborationRichTextEditorWidget---editor_input ul li * {
  text-align: left !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.appianProseMirrorMentions---mentions_suggestion_container {
  background: #fff !important;
  box-shadow: 0 1px 4px 0 rgba(66, 66, 66, 0.08) !important;
  min-width: 280px !important;
  max-width: 320px !important;
  border: 1px solid #f0f0f0 !important;
  margin: 0 !important;
}
.appianProseMirrorMentions---mentions_suggestion_container .appianProseMirrorMentions---mentions_suggestion_item_list .appianProseMirrorMentions---mentions_suggestion_item {
  background: #fff !important;
  padding: 0.5rem 0.25rem !important;
  cursor: pointer !important;
}
.appianProseMirrorMentions---mentions_suggestion_container .appianProseMirrorMentions---mentions_suggestion_item_list .appianProseMirrorMentions---mentions_suggestion_item_active {
  box-shadow: 0 0 0 1px #1d659c inset !important;
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.CollaborationRichTextEditorWidget_RICH_TEXT_DESIGN_TIME---editor_toolbar {
  font-size: 0 !important;
  margin-bottom: 0 !important;
  border-top: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  background: #fff !important;
  padding: 3px !important;
}
.CollaborationRichTextEditorWidget_RICH_TEXT_DESIGN_TIME---editor_toolbar .CollaborationRichTextEditorWidget_RICH_TEXT_DESIGN_TIME---toolbar_btn_wrapper {
  display: inline-block !important;
  vertical-align: middle !important;
}
.CollaborationRichTextEditorWidget_RICH_TEXT_DESIGN_TIME---editor_toolbar .CollaborationRichTextEditorWidget_RICH_TEXT_DESIGN_TIME---toolbar_btn_wrapper:not(:last-child) {
  margin-right: 0 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* AN-79558: For some reason, the quoted font families are not processed the same way in LESS when they're used inside a
  detached ruleset (@shared-input-styles, here), and our theming extractor ends up not picking them. Moving the font-family
  declaration out of it addresses this. */
.StyledTextEditor---text,
.StyledTextEditor---password,
.StyledTextEditor---textarea,
.StyledTextEditor---textarea_print,
.StyledTextEditor---dropdown_value,
.StyledTextEditor---picker_value,
.StyledTextEditor---date_range_value {
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
}
.StyledTextEditor---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .StyledTextEditor---accessibilityhidden {
  font-size: 0 !important;
}
.StyledTextEditor---align_start {
  text-align: left !important;
}
.StyledTextEditor---align_end {
  text-align: right !important;
}
.StyledTextEditor---center {
  text-align: center !important;
}
.StyledTextEditor---text::-ms-clear,
.StyledTextEditor---picker_input::-ms-clear {
  display: none !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.StyledTextEditor---text::-webkit-input-placeholder,
.StyledTextEditor---password::-webkit-input-placeholder,
.StyledTextEditor---picker_input::-webkit-input-placeholder,
.StyledTextEditor---dropdown_value::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-style: italic !important;
  font-weight: 400 !important;
}
.StyledTextEditor---text::-moz-placeholder,
.StyledTextEditor---password::-moz-placeholder,
.StyledTextEditor---picker_input::-moz-placeholder,
.StyledTextEditor---dropdown_value::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.StyledTextEditor---text:-ms-input-placeholder,
.StyledTextEditor---password:-ms-input-placeholder,
.StyledTextEditor---picker_input:-ms-input-placeholder,
.StyledTextEditor---dropdown_value:-ms-input-placeholder,
.StyledTextEditor---dropdown_value:disabled:-ms-input-placeholder,
.StyledTextEditor---text:disabled:-ms-input-placeholder,
.StyledTextEditor---password:disabled:-ms-input-placeholder,
.StyledTextEditor---picker_input:disabled:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.StyledTextEditor---textarea_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.StyledTextEditor---text.StyledTextEditor---has_clear_link,
.StyledTextEditor---password.StyledTextEditor---has_clear_link {
  padding-right: 1.5714rem !important;
}
.StyledTextEditor---text,
.StyledTextEditor---password,
.StyledTextEditor---textarea,
.StyledTextEditor---textarea_print,
.StyledTextEditor---dropdown_value,
.StyledTextEditor---picker_value,
.StyledTextEditor---date_range_value,
.StyledTextEditor---date_picker2__control {
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  /* needs extra decimals for correct alignment in some browsers */
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  width: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
}
.StyledTextEditor---text.StyledTextEditor---inDarkBackground,
.StyledTextEditor---password.StyledTextEditor---inDarkBackground,
.StyledTextEditor---textarea.StyledTextEditor---inDarkBackground,
.StyledTextEditor---textarea_print.StyledTextEditor---inDarkBackground,
.StyledTextEditor---dropdown_value.StyledTextEditor---inDarkBackground,
.StyledTextEditor---picker_value.StyledTextEditor---inDarkBackground,
.StyledTextEditor---date_range_value.StyledTextEditor---inDarkBackground,
.StyledTextEditor---date_picker2__control.StyledTextEditor---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.StyledTextEditor---dropdown,
.StyledTextEditor---picker {
  position: relative !important;
  font-size: 1rem !important;
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}
.StyledTextEditor---dropdown_value,
.StyledTextEditor---picker_value {
  min-height: 2.4286rem !important;
}
.appian-context-browser-safari .StyledTextEditor---text,
.appian-context-browser-safari .StyledTextEditor---textarea {
  margin: 0 !important;
  /* needed to prevent 2px margin-top & margin-bottom on Safari */
}
.appian-context-os-ios .StyledTextEditor---text,
.appian-context-os-ios .StyledTextEditor---password,
.appian-context-os-ios .StyledTextEditor---textarea,
.appian-context-os-ios .StyledTextEditor---textarea_print,
.appian-context-os-ios .StyledTextEditor---dropdown_value,
.appian-context-os-ios .StyledTextEditor---picker_value {
  font-family: -apple-system !important;
}
.appian-context-os-android .StyledTextEditor---text,
.appian-context-os-android .StyledTextEditor---password,
.appian-context-os-android .StyledTextEditor---textarea,
.appian-context-os-android .StyledTextEditor---textarea_print,
.appian-context-os-android .StyledTextEditor---dropdown_value,
.appian-context-os-android .StyledTextEditor---picker_value {
  font-family: "Roboto" !important;
}
.StyledTextEditor---text.StyledTextEditor---width_narrow,
.StyledTextEditor---password.StyledTextEditor---width_narrow,
.StyledTextEditor---textarea.StyledTextEditor---width_narrow,
.StyledTextEditor---textarea_print.StyledTextEditor---width_narrow,
.StyledTextEditor---dropdown.StyledTextEditor---width_narrow,
.StyledTextEditor---picker.StyledTextEditor---width_narrow {
  max-width: 160px !important;
}
.StyledTextEditor---text.StyledTextEditor---width_medium,
.StyledTextEditor---password.StyledTextEditor---width_medium,
.StyledTextEditor---textarea.StyledTextEditor---width_medium,
.StyledTextEditor---textarea_print.StyledTextEditor---width_medium,
.StyledTextEditor---dropdown.StyledTextEditor---width_medium,
.StyledTextEditor---picker.StyledTextEditor---width_medium {
  max-width: 320px !important;
}
.StyledTextEditor---text:focus,
.StyledTextEditor---password:focus,
.StyledTextEditor---textarea:focus,
.StyledTextEditor---dropdown_value:focus,
.StyledTextEditor---dropdown_value.StyledTextEditor---focus,
.StyledTextEditor---picker_value:focus,
.StyledTextEditor---picker_value.StyledTextEditor---focus,
.StyledTextEditor---date_picker2__control.StyledTextEditor---date_picker2__control--is-focused {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.StyledTextEditor---text:disabled,
.StyledTextEditor---password:disabled,
.StyledTextEditor---textarea:disabled,
.StyledTextEditor---textarea.StyledTextEditor---is_disabled,
.StyledTextEditor---dropdown_value.StyledTextEditor---is_disabled,
.StyledTextEditor---picker_value.StyledTextEditor---is_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  /* needed to prevent dropdown & picker from getting focus styling on click on IE */
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.StyledTextEditor---text:disabled,
.StyledTextEditor---password:disabled,
.StyledTextEditor---textarea:disabled,
.StyledTextEditor---textarea.StyledTextEditor---is_disabled,
.StyledTextEditor---dropdown_value.StyledTextEditor---is_disabled:after,
.StyledTextEditor---dropdown_value.StyledTextEditor---is_disabled:not(.StyledTextEditor---placeholder) {
  color: var(--appian-disabled-text-color, #777) !important;
  -webkit-text-fill-color: var(--appian-disabled-text-color, #777) !important;
  /* needed so disabled text color is correct in Safari */
}
.StyledTextEditor---picker_value.StyledTextEditor---is_disabled {
  cursor: default !important;
  /* needed to prevent text cursor */
}
.StyledTextEditor---text[aria-invalid="true"]:not(.StyledTextEditor---inEditableGridLayout),
.StyledTextEditor---password[aria-invalid="true"]:not(.StyledTextEditor---inEditableGridLayout),
.StyledTextEditor---textarea[aria-invalid="true"]:not(.StyledTextEditor---inEditableGridLayout),
.StyledTextEditor---dropdown_value[aria-invalid="true"]:not(.StyledTextEditor---inEditableGridLayout),
.StyledTextEditor---picker_value.StyledTextEditor---invalid:not(.StyledTextEditor---inEditableGridLayout) {
  border-color: #de0037 !important;
}
.StyledTextEditor---text[aria-invalid="true"]:not(.StyledTextEditor---inEditableGridLayout).StyledTextEditor---inDarkBackground,
.StyledTextEditor---password[aria-invalid="true"]:not(.StyledTextEditor---inEditableGridLayout).StyledTextEditor---inDarkBackground,
.StyledTextEditor---textarea[aria-invalid="true"]:not(.StyledTextEditor---inEditableGridLayout).StyledTextEditor---inDarkBackground,
.StyledTextEditor---dropdown_value[aria-invalid="true"]:not(.StyledTextEditor---inEditableGridLayout).StyledTextEditor---inDarkBackground,
.StyledTextEditor---picker_value.StyledTextEditor---invalid:not(.StyledTextEditor---inEditableGridLayout).StyledTextEditor---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.StyledTextEditor---text[aria-invalid="true"]:not(.StyledTextEditor---inEditableGridLayout):focus,
.StyledTextEditor---password[aria-invalid="true"]:not(.StyledTextEditor---inEditableGridLayout):focus,
.StyledTextEditor---textarea[aria-invalid="true"]:not(.StyledTextEditor---inEditableGridLayout):focus,
.StyledTextEditor---dropdown_value[aria-invalid="true"]:not(.StyledTextEditor---inEditableGridLayout):focus,
.StyledTextEditor---picker_value.StyledTextEditor---invalid:not(.StyledTextEditor---inEditableGridLayout):focus,
.StyledTextEditor---picker_value.StyledTextEditor---invalid:not(.StyledTextEditor---inEditableGridLayout).StyledTextEditor---focus {
  border-color: #1d659c !important;
}
.StyledTextEditor---picker_value.StyledTextEditor---invalid:not(.StyledTextEditor---inEditableGridLayout),
.StyledTextEditor---picker_value.StyledTextEditor---invalid:not(.StyledTextEditor---inEditableGridLayout):focus,
.StyledTextEditor---picker_value.StyledTextEditor---invalid:not(.StyledTextEditor---inEditableGridLayout).StyledTextEditor---focus {
  z-index: 2 !important;
}
.StyledTextEditor---text[aria-invalid="true"].StyledTextEditor---inEditableGridLayout.StyledTextEditor---inSideBySideItem,
.StyledTextEditor---text[aria-invalid="true"].StyledTextEditor---inEditableGridLayout.StyledTextEditor---inSideBySideItem:focus,
.StyledTextEditor---password[aria-invalid="true"].StyledTextEditor---inEditableGridLayout.StyledTextEditor---inSideBySideItem,
.StyledTextEditor---password[aria-invalid="true"].StyledTextEditor---inEditableGridLayout.StyledTextEditor---inSideBySideItem:focus,
.StyledTextEditor---dropdown_value[aria-invalid="true"].StyledTextEditor---inEditableGridLayout.StyledTextEditor---inSideBySideItem,
.StyledTextEditor---dropdown_value[aria-invalid="true"].StyledTextEditor---inEditableGridLayout.StyledTextEditor---inSideBySideItem:focus,
.StyledTextEditor---picker_value.StyledTextEditor---invalid.StyledTextEditor---inEditableGridLayout.StyledTextEditor---inSideBySideItem,
.StyledTextEditor---picker_value.StyledTextEditor---invalid.StyledTextEditor---inEditableGridLayout.StyledTextEditor---inSideBySideItem:focus,
.StyledTextEditor---picker_value.StyledTextEditor---invalid.StyledTextEditor---inEditableGridLayout.StyledTextEditor---inSideBySideItem.StyledTextEditor---focus {
  border: 1px solid transparent !important;
}
.StyledTextEditor---invalidInSideBySide,
.StyledTextEditor---invalidInSideBySide:focus {
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.StyledTextEditor---invalidInSideBySide.StyledTextEditor---inDarkBackground,
.StyledTextEditor---invalidInSideBySide:focus.StyledTextEditor---inDarkBackground {
  border-left-color: var(--appian-input-border-color, #ddd) !important;
  border-right-color: var(--appian-input-border-color, #ddd) !important;
}
.StyledTextEditor---textarea[aria-invalid="true"].StyledTextEditor---inEditableGridLayout.StyledTextEditor---inSideBySideItem,
.StyledTextEditor---textarea[aria-invalid="true"].StyledTextEditor---inEditableGridLayout.StyledTextEditor---inSideBySideItem:focus {
  border-color: #de0037 !important;
}
.StyledTextEditor---textarea[aria-invalid="true"].StyledTextEditor---inEditableGridLayout.StyledTextEditor---inSideBySideItem.StyledTextEditor---inDarkBackground,
.StyledTextEditor---textarea[aria-invalid="true"].StyledTextEditor---inEditableGridLayout.StyledTextEditor---inSideBySideItem.StyledTextEditor---inDarkBackground:focus {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.StyledTextEditor---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.StyledTextEditor---show_data_icon .StyledTextEditor---text,
.StyledTextEditor---show_data_icon .StyledTextEditor---password,
.StyledTextEditor---show_data_icon .StyledTextEditor---textarea,
.StyledTextEditor---show_data_icon .StyledTextEditor---dropdown_value {
  padding-left: 1.7857rem !important;
}
.StyledTextEditor---text.StyledTextEditor---has_clear_link,
.StyledTextEditor---password.StyledTextEditor---has_clear_link {
  padding-right: 1.5714rem !important;
}
.StyledTextEditor---character_count {
  position: absolute !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 300 !important;
  right: 0 !important;
  bottom: 0 !important;
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  pointer-events: none !important;
}
.StyledTextEditor---character_count.StyledTextEditor---over_limit:not(.StyledTextEditor---inDarkBackground) {
  color: #de0037 !important;
  fill: #de0037 !important;
}
.StyledTextEditor---character_count.StyledTextEditor---over_limit.StyledTextEditor---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.StyledTextEditor---character_count .StyledTextEditor---icon_container {
  outline: none !important;
  margin-right: 3px !important;
  margin-bottom: -2px !important;
}
.StyledTextEditor---character_count .StyledTextEditor---icon_container > svg {
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
.StyledTextEditor---character_count_overlay {
  background-color: var(--appian-input-background-color-faded, #fffd) !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 0.7143rem 0.5714rem 0 !important;
  z-index: 3 !important;
}
.appian-context-os-windows .StyledTextEditor---character_count_overlay {
  margin: 0 1.2857rem 0.5714rem 0 !important;
}
.StyledTextEditor---textarea:disabled + .StyledTextEditor---character_count_overlay,
.StyledTextEditor---character_count_overlay_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.StyledTextEditor---data_icon {
  position: absolute !important;
  top: 0.7143rem !important;
  left: 0.5714rem !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  fill: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
a.StyledTextEditor---input_clear_link {
  border: none !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.StyledTextEditor---input_icon_wrapper > a.StyledTextEditor---input_clear_link {
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.9286rem !important;
}
.appian-context-browser-edge .StyledTextEditor---input_icon_wrapper > a.StyledTextEditor---input_clear_link {
  top: 0.5rem !important;
}
.StyledTextEditor---dropdown_value a.StyledTextEditor---input_clear_link {
  position: absolute !important;
  right: 1.4286rem !important;
  top: 0.5714rem !important;
}
.appian-context-os-mac.appian-context-browser-chrome .StyledTextEditor---dropdown_value a.StyledTextEditor---input_clear_link {
  top: 0.5rem !important;
}
a.StyledTextEditor---input_clear_link:hover,
a.StyledTextEditor---input_clear_link:focus:not([data-appian-ux-mouse-focus]) {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.StyledTextEditor---dropdown .StyledTextEditor---dropdown_value.StyledTextEditor---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.StyledTextEditor---dropdown_value.StyledTextEditor---has_inline_label span.StyledTextEditor---inline_label,
.StyledTextEditor---date_range_value.StyledTextEditor---has_inline_label span.StyledTextEditor---inline_label {
  display: inline-block !important;
  max-width: 70% !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.7857rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.1429rem !important;
  vertical-align: -0.2143rem !important;
  margin-right: 0.5rem !important;
  padding-right: 0.5rem !important;
  border-right: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.StyledTextEditor---dropdown_value.StyledTextEditor---has_inline_label.StyledTextEditor---inDarkBackground span.StyledTextEditor---inline_label,
.StyledTextEditor---date_range_value.StyledTextEditor---has_inline_label.StyledTextEditor---inDarkBackground span.StyledTextEditor---inline_label {
  border-right-color: var(--appian-choice-border-color, #bbb) !important;
}
.appian-context-browser-safari .StyledTextEditor---dropdown_value.StyledTextEditor---has_inline_label span.StyledTextEditor---inline_label,
.appian-context-browser-safari .StyledTextEditor---date_range_value.StyledTextEditor---has_inline_label span.StyledTextEditor---inline_label {
  vertical-align: inherit !important;
}
.StyledTextEditor---dropdown_value.StyledTextEditor---has_inline_label.StyledTextEditor---highlighted span.StyledTextEditor---value_display,
.StyledTextEditor---date_range_value.StyledTextEditor---has_inline_label.StyledTextEditor---highlighted span.StyledTextEditor---value_display {
  font-weight: 700 !important;
}
.StyledTextEditor---dropdown_value.StyledTextEditor---has_inline_label a.StyledTextEditor---input_clear_link,
.StyledTextEditor---date_range_value.StyledTextEditor---has_inline_label a.StyledTextEditor---input_clear_link {
  display: none !important;
  position: absolute !important;
  right: 1.5714rem !important;
  top: 0.5714rem !important;
}
.StyledTextEditor---dropdown_value.StyledTextEditor---has_inline_label.StyledTextEditor---highlighted a.StyledTextEditor---input_clear_link,
.StyledTextEditor---date_range_value.StyledTextEditor---has_inline_label.StyledTextEditor---highlighted a.StyledTextEditor---input_clear_link {
  display: inline-block !important;
}
.StyledTextEditor---date_range_value.StyledTextEditor---has_inline_label.StyledTextEditor---validation:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.StyledTextEditor---date_range_value.StyledTextEditor---has_inline_label.StyledTextEditor---validation:before {
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.StyledTextEditor---date_range_value.StyledTextEditor---has_inline_label.StyledTextEditor---validation.StyledTextEditor---inDarkBackground:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.StyledTextEditor---number_range_input.StyledTextEditor---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.StyledTextEditor---date_range_value.StyledTextEditor---has_inline_label.StyledTextEditor---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
}
.StyledTextEditor---date_range_value.StyledTextEditor---has_inline_label.StyledTextEditor---validation.StyledTextEditor---inDarkBackground:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.StyledTextEditor---number_range_input.StyledTextEditor---validation,
.StyledTextEditor---date_range_value.StyledTextEditor---has_inline_label.StyledTextEditor---validation {
  position: relative !important;
  border-color: transparent !important;
}
.StyledTextEditor---wrapper {
  position: relative !important;
}
div.StyledTextEditor---textarea {
  overflow: auto !important;
  max-height: 64.2857rem !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  white-space: pre-wrap !important;
  /* stylelint-disable-next-line prettier/prettier */
}
div.StyledTextEditor---textarea:not(.StyledTextEditor---autogrow) {
  resize: vertical !important;
}
div.StyledTextEditor---textarea.StyledTextEditor---hideBorder {
  border: none !important;
}
.StyledTextEditor---wrapper:not(.StyledTextEditor---hiddenToolbar) div.StyledTextEditor---textarea.StyledTextEditor---textarea {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
div.StyledTextEditor---textarea p {
  font-size: 1rem !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  color: var(--appian-text-color, #222) !important;
  word-wrap: break-word !important;
  text-align: left !important;
}
div.StyledTextEditor---textarea p.StyledTextEditor---isEmptyEditor::before {
  color: var(--appian-placeholder-text-color, #767676) !important;
  content: attr(data-placeholder) !important;
  pointer-events: none !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
div.StyledTextEditor---textarea p.StyledTextEditor---isEmptyEditor .ProseMirror-trailingBreak {
  display: none !important;
}
div.StyledTextEditor---textarea a {
  line-height: 1.4 !important;
  color: #1d659c !important;
  word-wrap: break-word !important;
  text-decoration: none !important;
  border-bottom: 1px dotted var(--appian-disabled-text-color, #777) !important;
}
div.StyledTextEditor---textarea a:hover,
div.StyledTextEditor---textarea a:focus {
  outline: none !important;
}
div.StyledTextEditor---textarea a:hover,
div.StyledTextEditor---textarea a:focus:not(.appian-context-ux-mouse-focus) {
  border-bottom: 1px solid #1d659c !important;
  text-decoration: none !important;
}
div.StyledTextEditor---textarea a:active,
div.StyledTextEditor---textarea a:focus:active {
  color: #154971 !important;
  border-bottom: 1px solid #154971 !important;
}
div.StyledTextEditor---textarea em {
  font-style: italic !important;
  font-weight: inherit !important;
}
div.StyledTextEditor---textarea s {
  font-style: inherit !important;
  font-weight: inherit !important;
}
div.StyledTextEditor---textarea table {
  border-collapse: collapse !important;
  margin: 0 !important;
  table-layout: fixed !important;
  width: 100% !important;
}
div.StyledTextEditor---textarea table td {
  border: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
  box-sizing: border-box !important;
  min-width: 1rem !important;
  padding: 10px !important;
  position: relative !important;
  vertical-align: top !important;
}
div.StyledTextEditor---textarea table td > div {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}
div.StyledTextEditor---textarea table td.selectedCell {
  background-color: #e7f1ff !important;
}
div.StyledTextEditor---textarea table p {
  margin: 0 !important;
}
div.StyledTextEditor---textarea span[data-mention] {
  color: #1d659c !important;
  font-weight: 700 !important;
  padding: 0px 2px !important;
  display: inline-block !important;
  font-style: normal !important;
}
div.StyledTextEditor---textarea ol,
div.StyledTextEditor---textarea ul {
  font-size: 1rem !important;
  line-height: 1.4 !important;
  margin: 0 0 12px !important;
  color: var(--appian-text-color, #222) !important;
  padding: 0 !important;
}
div.StyledTextEditor---textarea ol:last-child,
div.StyledTextEditor---textarea ul:last-child {
  margin-bottom: 0 !important;
}
div.StyledTextEditor---textarea ol li,
div.StyledTextEditor---textarea ul li {
  word-wrap: break-word !important;
  white-space: pre-wrap !important;
  line-height: 1.4 !important;
}
div.StyledTextEditor---textarea ul {
  list-style-type: disc !important;
  list-style-position: outside !important;
  list-style-image: none !important;
  margin-left: 30px !important;
  padding: 0 !important;
}
div.StyledTextEditor---textarea ul ul {
  margin-left: 30px !important;
  margin-bottom: 0 !important;
  list-style-type: circle !important;
}
div.StyledTextEditor---textarea ul ul ul {
  list-style-type: square !important;
}
div.StyledTextEditor---textarea ul ul ul ul {
  list-style-type: disc !important;
}
div.StyledTextEditor---textarea ul ul ul ul ul {
  list-style-type: circle !important;
}
div.StyledTextEditor---textarea ul ul ul ul ul ul {
  list-style-type: square !important;
}
div.StyledTextEditor---textarea ul ol {
  margin-bottom: 0 !important;
}
div.StyledTextEditor---textarea ul > ol {
  margin-left: 30px !important;
}
div.StyledTextEditor---textarea ol {
  list-style-type: decimal !important;
  list-style-position: outside !important;
  list-style-image: none !important;
  margin-left: 30px !important;
  padding: 0 !important;
}
div.StyledTextEditor---textarea ol ol {
  margin-left: 30px !important;
  margin-bottom: 0 !important;
  list-style-type: lower-latin !important;
}
div.StyledTextEditor---textarea ol ol ol {
  list-style-type: lower-roman !important;
}
div.StyledTextEditor---textarea ol ol ol ol {
  list-style-type: decimal !important;
}
div.StyledTextEditor---textarea ol ol ol ol ol {
  list-style-type: lower-latin !important;
}
div.StyledTextEditor---textarea ol ol ol ol ol ol {
  list-style-type: lower-roman !important;
}
div.StyledTextEditor---textarea ol ol ol ol ol ol ol {
  list-style-type: decimal !important;
}
div.StyledTextEditor---textarea ol ol ol ol ol ol ol ol {
  list-style-type: lower-latin !important;
}
div.StyledTextEditor---textarea ol ol ol ol ol ol ol ol ol {
  list-style-type: lower-roman !important;
}
div.StyledTextEditor---textarea ol ol ol ol ol ol ol ol ol ol {
  list-style-type: decimal !important;
}
div.StyledTextEditor---textarea ol ul {
  margin-bottom: 0 !important;
}
div.StyledTextEditor---textarea.StyledTextEditor---read_only {
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
  resize: none !important;
  background-color: transparent !important;
}
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---read_only {
  border: none !important;
}
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inLightBackground p,
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inLightBackground ul,
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inLightBackground ol {
  color: #222 !important;
}
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inLightBackground a {
  color: #1d659c !important;
}
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inLightBackground a:hover,
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inLightBackground a:focus:not(.appian-context-ux-mouse-focus) {
  border-color: #1d659c !important;
}
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inLightBackground a:active,
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inLightBackground a:focus:active {
  color: #154971 !important;
  border-color: #154971 !important;
}
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inLightBackground span[data-mention] {
  color: #1d659c !important;
}
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inDarkBackground p,
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inDarkBackground ul,
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inDarkBackground ol {
  color: #eee !important;
}
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inDarkBackground a {
  color: #eee !important;
}
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inDarkBackground a:hover,
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inDarkBackground a:focus:not(.appian-context-ux-mouse-focus) {
  border-color: #eee !important;
}
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inDarkBackground a:active,
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inDarkBackground a:focus:active {
  color: #eee !important;
  border-color: #eee !important;
}
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inDarkBackground span[data-mention] {
  color: #eee !important;
}
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inAccentBackground p,
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inAccentBackground a,
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inAccentBackground ul,
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inAccentBackground ol {
  color: #fff !important;
}
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inAccentBackground a,
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inAccentBackground a:hover,
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inAccentBackground a:focus:not(.appian-context-ux-mouse-focus),
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inAccentBackground a:active,
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inAccentBackground a:focus:active {
  border-color: #fff !important;
}
div.StyledTextEditor---textarea.StyledTextEditor---read_only.StyledTextEditor---inAccentBackground span[data-mention] {
  color: #fff !important;
}
div.StyledTextEditor---textarea.StyledTextEditor---is_disabled ul,
div.StyledTextEditor---textarea.StyledTextEditor---is_disabled ol {
  color: var(--appian-disabled-text-color, #777) !important;
}
div.StyledTextEditor---textarea:not(.StyledTextEditor---read_only).StyledTextEditor---height_single_line {
  min-height: 2.43rem /* 34px */ !important;
  max-height: 12.21rem /* 171px */ !important;
}
div.StyledTextEditor---textarea:not(.StyledTextEditor---read_only).StyledTextEditor---height_extra_short {
  min-height: 4.1rem !important;
}
div.StyledTextEditor---textarea:not(.StyledTextEditor---read_only).StyledTextEditor---height_short {
  min-height: 8.2rem !important;
}
div.StyledTextEditor---textarea:not(.StyledTextEditor---read_only).StyledTextEditor---height_short_plus {
  min-height: 11.7857rem !important;
}
div.StyledTextEditor---textarea:not(.StyledTextEditor---read_only).StyledTextEditor---height_medium {
  min-height: 15.5rem !important;
}
div.StyledTextEditor---textarea:not(.StyledTextEditor---read_only).StyledTextEditor---height_medium_plus {
  min-height: 20rem !important;
}
div.StyledTextEditor---textarea:not(.StyledTextEditor---read_only).StyledTextEditor---height_tall {
  min-height: 25.7143rem !important;
}
div.StyledTextEditor---textarea:not(.StyledTextEditor---read_only).StyledTextEditor---height_tall_plus {
  min-height: 38.5714rem !important;
}
div.StyledTextEditor---textarea:not(.StyledTextEditor---read_only).StyledTextEditor---height_extra_tall {
  min-height: 51.4286rem !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.StyledTextEditorToolbar---toolbar {
  font-size: 0 !important;
  margin-bottom: 0 !important;
  border-width: 1px 1px 0 1px !important;
  border-style: solid !important;
  border-color: var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  background: var(--appian-input-background-color, #fff) !important;
  padding: 6px 25px 6px 6px !important;
  border-top-left-radius: 0rem !important;
  border-top-right-radius: 0rem !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
  row-gap: 6px !important;
}
.StyledTextEditorToolbar---toolbar.StyledTextEditorToolbar---hideBorder {
  border: none !important;
  border-bottom: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.StyledTextEditorToolbar---toolbar.StyledTextEditorToolbar---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.StyledTextEditorToolbar---toolbar:focus {
  outline: none !important;
  border-color: #1d659c !important;
}
.StyledTextEditorToolbar---toolbar .StyledTextEditorToolbar---btn_wrapper {
  display: inline-block !important;
  vertical-align: middle !important;
}
.StyledTextEditorToolbar---toolbar .StyledTextEditorToolbar---btn_wrapper:not(:last-child) {
  margin-right: 4px !important;
}
.StyledTextEditorToolbar---toolbar.StyledTextEditorToolbar---disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border-color: var(--appian-input-border-color, #ddd) !important;
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}

/* See https://issues.appian.com/browse/AN-73115 */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.RenderInElement---sailcontents {
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
  box-sizing: border-box !important;
  direction: ltr !important;
}
.appian-context-os-ios .RenderInElement---sailcontents {
  font-family: -apple-system, "Appian Open Sans", Sans-Serif !important;
}
.appian-context-os-android .RenderInElement---sailcontents {
  font-family: "Roboto", "Appian Open Sans", Sans-Serif !important;
}
.RenderInElement---sailcontents *,
.RenderInElement---sailcontents *:before,
.RenderInElement---sailcontents *:after {
  box-sizing: inherit !important;
}
.RenderInElement---auto_focus {
  outline: none !important;
}
@media print {
  .RenderInElement---sailcontents {
    font-size: 9px !important;
  }
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.StyledTextEditorToolbarButton---dialog {
  z-index: 2000020 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.StyledTextEditorShortcutsHoverCard---icon_wrapper {
  width: 1rem !important;
  height: 1rem !important;
  top: 14px !important;
  right: 14px !important;
  position: absolute !important;
}
svg.StyledTextEditorShortcutsHoverCard---help_tooltip {
  fill: var(--appian-secondary-text-color, #767676) !important;
  border-radius: 0rem !important;
  cursor: help !important;
  border: none !important;
  outline: none !important;
  width: 100% !important;
  height: 100% !important;
}
svg.StyledTextEditorShortcutsHoverCard---help_tooltip.StyledTextEditorShortcutsHoverCard---disabled {
  cursor: default !important;
  fill: var(--appian-disabled-standalone-text-color, #bbb) !important;
}
.StyledTextEditorShortcutsHoverCard---hovercard_contents {
  border-radius: 0rem !important;
  font-family: "Appian Open Sans" !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ContentLayout---content_layout {
  margin: 0 !important;
  scroll-behavior: smooth !important;
  padding: 1.2857rem 1.714rem !important;
}
.appian-context-ux-page-size-phone .ContentLayout---content_layout {
  padding: 0.8571rem 1rem !important;
}
.ContentLayout---fill_height {
  height: 100% !important;
}
.ContentLayout---content_layout.ContentLayout---padding_even_less {
  padding: 0.2857rem 0.4286rem !important;
}
.ContentLayout---content_layout.ContentLayout---padding_less {
  padding: 0.5714rem 0.8571rem !important;
}
.ContentLayout---content_layout.ContentLayout---padding_more {
  padding: 2.2857rem !important;
}
.appian-context-ux-page-size-phone .ContentLayout---content_layout.ContentLayout---padding_more {
  padding: 1.4286rem !important;
}
.ContentLayout---content_layout.ContentLayout---padding_even_more {
  padding: 4.5714rem !important;
}
.appian-context-ux-page-size-phone .ContentLayout---content_layout.ContentLayout---padding_even_more {
  padding: 2.8571rem !important;
}
.ContentLayout---content_layout.ContentLayout---padding_none_on_bottom {
  padding-bottom: 0 !important;
}
.ContentLayout---content_layout.ContentLayout---padding_none_on_top {
  padding-top: 0 !important;
}
.ContentLayout---content_layout.ContentLayout---padding_none_on_sides {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.ContentLayout---content_layout.ContentLayout---padding_bottom_only {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
}
.ContentLayout---content_layout.ContentLayout---padding_top_only {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
}
.ContentLayout---content_layout.ContentLayout---padding_sides_only_even_less {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.ContentLayout---content_layout.ContentLayout---padding_top_bottom_only {
  padding-top: 0.429rem !important;
  padding-bottom: 0.429rem !important;
}
.ContentLayout---content_layout.ContentLayout---padding_sides_only_less {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 24px !important;
}
.ContentLayout---content_layout.ContentLayout---padding_sides_only {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 38px !important;
}
.ContentLayout---content_layout.ContentLayout---flush {
  padding: 0 !important;
}
.ContentLayout---content_layout.ContentLayout---flush.ContentLayout---inDocInfoPanel {
  padding-bottom: 10px !important;
  /* corresponds to padding value in DocInfoPanel.less */
}
.ContentLayout---content_layout.ContentLayout---padding_top_margin_less {
  padding-top: 0.5rem !important;
}
.ContentLayout---content_layout.ContentLayout---padding_top_section_divider_line_padding {
  padding-top: 1rem !important;
}
.ContentLayout---content_layout.ContentLayout---design_view_card_choice {
  padding: 8px 4px !important;
}
.ContentLayout---content_layout.ContentLayout---card_choice_template_stacked_bar {
  padding: 0.5714rem 0.8571rem 0.5714rem 0 !important;
  /* top, right, and bottom correspond to padding_less */
}
.ContentLayout---content_layout.ContentLayout---card_choice_template_stacked_tile {
  padding: 1.2857rem 1.1429rem !important;
  /* standard on top and less on sides */
}
.ContentLayout---content_layout.ContentLayout---designer_navigation {
  padding: 0 !important;
}
.ContentLayout---content_layout.ContentLayout---copilot_message {
  padding: 8px 12px !important;
}
.ContentLayout---content_layout.ContentLayout---rac_card_label_and_icon {
  padding: 25px 12px !important;
}
.ContentLayout---content_layout.ContentLayout---rac_card_label_or_icon {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  height: inherit !important;
}
.ContentLayout---content_layout.ContentLayout---width_narrow,
.ContentLayout---content_layout.ContentLayout---width_medium,
.ContentLayout---content_layout.ContentLayout---width_wide {
  /* standard behavior is for content layout to fit its container, but setting a width allows designer to control content width within a wider/fluid parent */
  margin: 0 auto !important;
}
.appian-context-ux-page-size-phone .ContentLayout---content_layout.ContentLayout---width_narrow,
.appian-context-ux-page-size-phone .ContentLayout---content_layout.ContentLayout---width_medium,
.appian-context-ux-page-size-phone .ContentLayout---content_layout.ContentLayout---width_wide {
  margin: 0 !important;
}
.ContentLayout---content_layout.ContentLayout---width_narrow {
  max-width: 400px !important;
}
.appian-context-ux-page-size-phone .ContentLayout---content_layout.ContentLayout---width_narrow {
  max-width: none !important;
}
.ContentLayout---content_layout.ContentLayout---width_medium {
  max-width: 800px !important;
}
.appian-context-ux-page-size-phone .ContentLayout---content_layout.ContentLayout---width_medium {
  max-width: none !important;
}
.ContentLayout---content_layout.ContentLayout---width_wide {
  max-width: 1200px !important;
}
.appian-context-ux-page-size-phone .ContentLayout---content_layout.ContentLayout---width_wide {
  max-width: none !important;
}
.ContentLayout---content_layout.ContentLayout---inIconAndTextSelectableCard {
  height: 100% !important;
}
.ContentLayout---news_comment_attachments {
  margin-top: 0.3571rem !important;
}
.ContentLayout---news_comment_attachments > div {
  margin-bottom: 0.5714rem !important;
}
.ContentLayout---news_feed {
  border: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
  background-color: var(--appian-background-color-light, #fafafa) !important;
}
.ContentLayout---pane_contents_wrapper {
  height: 100% !important;
  position: relative !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
  overflow: auto !important;
}
.ContentLayout---pane_contents_wrapper:focus:not([data-appian-ux-mouse-focus]) {
  box-shadow: 0 0 0 1px #1d659c inset !important;
}
.ContentLayout---pane_contents_wrapper:focus,
.ContentLayout---pane_contents_wrapper:focus-visible {
  border: none !important;
  outline: none !important;
}
.ContentLayout---inModal {
  height: auto !important;
  top: 0 !important;
  bottom: 0 !important;
  position: absolute !important;
  width: 100% !important;
  padding: 0 !important;
}
.appian-context-ux-page-size-phone .ContentLayout---inModal {
  position: static !important;
}
.ContentLayout---flushTopLevelComponentInPhone {
  margin-top: -14px !important;
}
.ContentLayout---flushTopLevelComponentInTablet {
  margin-top: -7px !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.StyledTextEditorLinkDialog---btn {
  padding: 0 0.7143rem !important;
}
/* AN-79558: For some reason, the quoted font families are not processed the same way in LESS when they're used inside a
  detached ruleset (@shared-input-styles, here), and our theming extractor ends up not picking them. Moving the font-family
  declaration out of it addresses this. */
.StyledTextEditorLinkDialog---text,
.StyledTextEditorLinkDialog---password,
.StyledTextEditorLinkDialog---textarea,
.StyledTextEditorLinkDialog---textarea_print,
.StyledTextEditorLinkDialog---dropdown_value,
.StyledTextEditorLinkDialog---picker_value,
.StyledTextEditorLinkDialog---date_range_value {
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
}
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.StyledTextEditorLinkDialog---btn {
  cursor: pointer !important;
  text-transform: var(--appian-button-text-transform, uppercase) !important;
  text-align: center !important;
  font-family: inherit !important;
  color: #1d659c !important;
  fill: #1d659c !important;
  font-size: 1rem !important;
  /* height and width of svg icon in standard button should match this value */
  line-height: 1.4 !important;
  /* needed for correct vertical alignment of text on Tempo */
  font-weight: 600 !important;
  height: 2.7143rem !important;
  vertical-align: middle !important;
  margin: 1px 0 !important;
  /* 0 margin left/right needed for correct spacing on Safari */
  max-width: 28em !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  background-color: #fff !important;
  border: 1px solid #1d659c !important;
  border-radius: 0rem !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-transition-duration: 0.2s !important;
  transition-duration: 0.2s !important;
  -webkit-transition-property: -webkit-transform !important;
  transition-property: -webkit-transform !important;
  transition-property: transform !important;
  transition-property: transform, -webkit-transform !important;
  -webkit-font-smoothing: antialiased !important;
  /* Safari-only: smooth transform */
}
.StyledTextEditorLinkDialog---btn.StyledTextEditorLinkDialog---match_input_shape {
  border-radius: 0rem !important;
}
.StyledTextEditorLinkDialog---btn.StyledTextEditorLinkDialog---inAccentBackground {
  color: #fff !important;
  fill: #fff !important;
  background-color: #1d659c !important;
  border: 1px solid #fff !important;
}
.StyledTextEditorLinkDialog---btn:not(.StyledTextEditorLinkDialog---minimize_width):not(.StyledTextEditorLinkDialog---fill_width):not(.StyledTextEditorLinkDialog---icon_only) {
  /* FILL buttons always take up full width. MINIMIZE never take up full width.
      On a phone-sized browser:
      DEFAULT buttons take up full width. Icon-only DEFAULT buttons do not take up full width.
      DEFAULT icon-only buttons stack. MINIMIZE icon-only buttons do not stack. */
}
.appian-context-ux-page-size-phone .StyledTextEditorLinkDialog---btn:not(.StyledTextEditorLinkDialog---minimize_width):not(.StyledTextEditorLinkDialog---fill_width):not(.StyledTextEditorLinkDialog---icon_only) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
.StyledTextEditorLinkDialog---btn:disabled {
  -webkit-transform: none !important;
          transform: none !important;
  opacity: 0.5 !important;
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  cursor: default !important;
  box-shadow: none !important;
}
.StyledTextEditorLinkDialog---btn.StyledTextEditorLinkDialog---inAccentBackground:disabled {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
}
.StyledTextEditorLinkDialog---btn:not(:disabled):active,
.StyledTextEditorLinkDialog---btn:not(:disabled):hover {
  box-shadow: 0 0px 5px #2173b2 !important;
}
.StyledTextEditorLinkDialog---btn.StyledTextEditorLinkDialog---inAccentBackground:not(:disabled):active,
.StyledTextEditorLinkDialog---btn.StyledTextEditorLinkDialog---inAccentBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #fff !important;
}
:not(.StyledTextEditorLinkDialog---accent):not(.StyledTextEditorLinkDialog---secondary):not(.StyledTextEditorLinkDialog---negative):not(.StyledTextEditorLinkDialog---hex) .StyledTextEditorLinkDialog---btn.StyledTextEditorLinkDialog---link_style.StyledTextEditorLinkDialog---inDarkBackground:not(:disabled):active,
:not(.StyledTextEditorLinkDialog---accent):not(.StyledTextEditorLinkDialog---secondary):not(.StyledTextEditorLinkDialog---negative):not(.StyledTextEditorLinkDialog---hex) .StyledTextEditorLinkDialog---btn.StyledTextEditorLinkDialog---link_style.StyledTextEditorLinkDialog---inDarkBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #eee !important;
}
.StyledTextEditorLinkDialog---btn:not(:disabled):active {
  -webkit-transform: scaleX(0.98) scaleY(0.98) !important;
  transform: scaleX(0.98) scaleY(0.98) !important;
}
.StyledTextEditorLinkDialog---btn.StyledTextEditorLinkDialog---inGridLayout {
  max-width: 100% !important;
}
.StyledTextEditorLinkDialog---btn.StyledTextEditorLinkDialog---inToolbarLayout.StyledTextEditorLinkDialog---icon_only {
  height: 1.5714rem !important;
  margin: 0 !important;
  color: #666 !important;
  fill: #666 !important;
  border-color: transparent !important;
  background-color: transparent !important;
}
.StyledTextEditorLinkDialog---btn.StyledTextEditorLinkDialog---inToolbarLayout.StyledTextEditorLinkDialog---icon_only {
  padding: 2px 6px !important;
}
.StyledTextEditorLinkDialog---btn.StyledTextEditorLinkDialog---inToolbarLayout:not(:disabled):active,
.StyledTextEditorLinkDialog---btn.StyledTextEditorLinkDialog---inToolbarLayout:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.StyledTextEditorLinkDialog---btn.StyledTextEditorLinkDialog---inToolbarLayout:not(:disabled):hover {
  box-shadow: 0 0px 4px var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-color: #bbb !important;
}
.StyledTextEditorLinkDialog---btn.StyledTextEditorLinkDialog---inToolbarLayout svg.StyledTextEditorLinkDialog---icon {
  vertical-align: 0 !important;
}
.StyledTextEditorLinkDialog---align_start {
  text-align: left !important;
}
.StyledTextEditorLinkDialog---align_end {
  text-align: right !important;
}
.StyledTextEditorLinkDialog---center {
  text-align: center !important;
}
.StyledTextEditorLinkDialog---text::-ms-clear,
.StyledTextEditorLinkDialog---picker_input::-ms-clear {
  display: none !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.StyledTextEditorLinkDialog---text::-webkit-input-placeholder,
.StyledTextEditorLinkDialog---password::-webkit-input-placeholder,
.StyledTextEditorLinkDialog---picker_input::-webkit-input-placeholder,
.StyledTextEditorLinkDialog---dropdown_value::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-style: italic !important;
  font-weight: 400 !important;
}
.StyledTextEditorLinkDialog---text::-moz-placeholder,
.StyledTextEditorLinkDialog---password::-moz-placeholder,
.StyledTextEditorLinkDialog---picker_input::-moz-placeholder,
.StyledTextEditorLinkDialog---dropdown_value::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.StyledTextEditorLinkDialog---text:-ms-input-placeholder,
.StyledTextEditorLinkDialog---password:-ms-input-placeholder,
.StyledTextEditorLinkDialog---picker_input:-ms-input-placeholder,
.StyledTextEditorLinkDialog---dropdown_value:-ms-input-placeholder,
.StyledTextEditorLinkDialog---dropdown_value:disabled:-ms-input-placeholder,
.StyledTextEditorLinkDialog---text:disabled:-ms-input-placeholder,
.StyledTextEditorLinkDialog---password:disabled:-ms-input-placeholder,
.StyledTextEditorLinkDialog---picker_input:disabled:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.StyledTextEditorLinkDialog---textarea_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.StyledTextEditorLinkDialog---text.StyledTextEditorLinkDialog---has_clear_link,
.StyledTextEditorLinkDialog---password.StyledTextEditorLinkDialog---has_clear_link {
  padding-right: 1.5714rem !important;
}
.StyledTextEditorLinkDialog---text,
.StyledTextEditorLinkDialog---password,
.StyledTextEditorLinkDialog---textarea,
.StyledTextEditorLinkDialog---textarea_print,
.StyledTextEditorLinkDialog---dropdown_value,
.StyledTextEditorLinkDialog---picker_value,
.StyledTextEditorLinkDialog---date_range_value,
.StyledTextEditorLinkDialog---date_picker2__control {
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  /* needs extra decimals for correct alignment in some browsers */
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  width: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
}
.StyledTextEditorLinkDialog---text.StyledTextEditorLinkDialog---inDarkBackground,
.StyledTextEditorLinkDialog---password.StyledTextEditorLinkDialog---inDarkBackground,
.StyledTextEditorLinkDialog---textarea.StyledTextEditorLinkDialog---inDarkBackground,
.StyledTextEditorLinkDialog---textarea_print.StyledTextEditorLinkDialog---inDarkBackground,
.StyledTextEditorLinkDialog---dropdown_value.StyledTextEditorLinkDialog---inDarkBackground,
.StyledTextEditorLinkDialog---picker_value.StyledTextEditorLinkDialog---inDarkBackground,
.StyledTextEditorLinkDialog---date_range_value.StyledTextEditorLinkDialog---inDarkBackground,
.StyledTextEditorLinkDialog---date_picker2__control.StyledTextEditorLinkDialog---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.StyledTextEditorLinkDialog---dropdown,
.StyledTextEditorLinkDialog---picker {
  position: relative !important;
  font-size: 1rem !important;
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}
.StyledTextEditorLinkDialog---dropdown_value,
.StyledTextEditorLinkDialog---picker_value {
  min-height: 2.4286rem !important;
}
.appian-context-browser-safari .StyledTextEditorLinkDialog---text,
.appian-context-browser-safari .StyledTextEditorLinkDialog---textarea {
  margin: 0 !important;
  /* needed to prevent 2px margin-top & margin-bottom on Safari */
}
.appian-context-os-ios .StyledTextEditorLinkDialog---text,
.appian-context-os-ios .StyledTextEditorLinkDialog---password,
.appian-context-os-ios .StyledTextEditorLinkDialog---textarea,
.appian-context-os-ios .StyledTextEditorLinkDialog---textarea_print,
.appian-context-os-ios .StyledTextEditorLinkDialog---dropdown_value,
.appian-context-os-ios .StyledTextEditorLinkDialog---picker_value {
  font-family: -apple-system !important;
}
.appian-context-os-android .StyledTextEditorLinkDialog---text,
.appian-context-os-android .StyledTextEditorLinkDialog---password,
.appian-context-os-android .StyledTextEditorLinkDialog---textarea,
.appian-context-os-android .StyledTextEditorLinkDialog---textarea_print,
.appian-context-os-android .StyledTextEditorLinkDialog---dropdown_value,
.appian-context-os-android .StyledTextEditorLinkDialog---picker_value {
  font-family: "Roboto" !important;
}
.StyledTextEditorLinkDialog---text.StyledTextEditorLinkDialog---width_narrow,
.StyledTextEditorLinkDialog---password.StyledTextEditorLinkDialog---width_narrow,
.StyledTextEditorLinkDialog---textarea.StyledTextEditorLinkDialog---width_narrow,
.StyledTextEditorLinkDialog---textarea_print.StyledTextEditorLinkDialog---width_narrow,
.StyledTextEditorLinkDialog---dropdown.StyledTextEditorLinkDialog---width_narrow,
.StyledTextEditorLinkDialog---picker.StyledTextEditorLinkDialog---width_narrow {
  max-width: 160px !important;
}
.StyledTextEditorLinkDialog---text.StyledTextEditorLinkDialog---width_medium,
.StyledTextEditorLinkDialog---password.StyledTextEditorLinkDialog---width_medium,
.StyledTextEditorLinkDialog---textarea.StyledTextEditorLinkDialog---width_medium,
.StyledTextEditorLinkDialog---textarea_print.StyledTextEditorLinkDialog---width_medium,
.StyledTextEditorLinkDialog---dropdown.StyledTextEditorLinkDialog---width_medium,
.StyledTextEditorLinkDialog---picker.StyledTextEditorLinkDialog---width_medium {
  max-width: 320px !important;
}
.StyledTextEditorLinkDialog---text:focus,
.StyledTextEditorLinkDialog---password:focus,
.StyledTextEditorLinkDialog---textarea:focus,
.StyledTextEditorLinkDialog---dropdown_value:focus,
.StyledTextEditorLinkDialog---dropdown_value.StyledTextEditorLinkDialog---focus,
.StyledTextEditorLinkDialog---picker_value:focus,
.StyledTextEditorLinkDialog---picker_value.StyledTextEditorLinkDialog---focus,
.StyledTextEditorLinkDialog---date_picker2__control.StyledTextEditorLinkDialog---date_picker2__control--is-focused {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.StyledTextEditorLinkDialog---text:disabled,
.StyledTextEditorLinkDialog---password:disabled,
.StyledTextEditorLinkDialog---textarea:disabled,
.StyledTextEditorLinkDialog---textarea.StyledTextEditorLinkDialog---is_disabled,
.StyledTextEditorLinkDialog---dropdown_value.StyledTextEditorLinkDialog---is_disabled,
.StyledTextEditorLinkDialog---picker_value.StyledTextEditorLinkDialog---is_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  /* needed to prevent dropdown & picker from getting focus styling on click on IE */
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.StyledTextEditorLinkDialog---text:disabled,
.StyledTextEditorLinkDialog---password:disabled,
.StyledTextEditorLinkDialog---textarea:disabled,
.StyledTextEditorLinkDialog---textarea.StyledTextEditorLinkDialog---is_disabled,
.StyledTextEditorLinkDialog---dropdown_value.StyledTextEditorLinkDialog---is_disabled:after,
.StyledTextEditorLinkDialog---dropdown_value.StyledTextEditorLinkDialog---is_disabled:not(.StyledTextEditorLinkDialog---placeholder) {
  color: var(--appian-disabled-text-color, #777) !important;
  -webkit-text-fill-color: var(--appian-disabled-text-color, #777) !important;
  /* needed so disabled text color is correct in Safari */
}
.StyledTextEditorLinkDialog---picker_value.StyledTextEditorLinkDialog---is_disabled {
  cursor: default !important;
  /* needed to prevent text cursor */
}
.StyledTextEditorLinkDialog---text[aria-invalid="true"]:not(.StyledTextEditorLinkDialog---inEditableGridLayout),
.StyledTextEditorLinkDialog---password[aria-invalid="true"]:not(.StyledTextEditorLinkDialog---inEditableGridLayout),
.StyledTextEditorLinkDialog---textarea[aria-invalid="true"]:not(.StyledTextEditorLinkDialog---inEditableGridLayout),
.StyledTextEditorLinkDialog---dropdown_value[aria-invalid="true"]:not(.StyledTextEditorLinkDialog---inEditableGridLayout),
.StyledTextEditorLinkDialog---picker_value.StyledTextEditorLinkDialog---invalid:not(.StyledTextEditorLinkDialog---inEditableGridLayout) {
  border-color: #de0037 !important;
}
.StyledTextEditorLinkDialog---text[aria-invalid="true"]:not(.StyledTextEditorLinkDialog---inEditableGridLayout).StyledTextEditorLinkDialog---inDarkBackground,
.StyledTextEditorLinkDialog---password[aria-invalid="true"]:not(.StyledTextEditorLinkDialog---inEditableGridLayout).StyledTextEditorLinkDialog---inDarkBackground,
.StyledTextEditorLinkDialog---textarea[aria-invalid="true"]:not(.StyledTextEditorLinkDialog---inEditableGridLayout).StyledTextEditorLinkDialog---inDarkBackground,
.StyledTextEditorLinkDialog---dropdown_value[aria-invalid="true"]:not(.StyledTextEditorLinkDialog---inEditableGridLayout).StyledTextEditorLinkDialog---inDarkBackground,
.StyledTextEditorLinkDialog---picker_value.StyledTextEditorLinkDialog---invalid:not(.StyledTextEditorLinkDialog---inEditableGridLayout).StyledTextEditorLinkDialog---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.StyledTextEditorLinkDialog---text[aria-invalid="true"]:not(.StyledTextEditorLinkDialog---inEditableGridLayout):focus,
.StyledTextEditorLinkDialog---password[aria-invalid="true"]:not(.StyledTextEditorLinkDialog---inEditableGridLayout):focus,
.StyledTextEditorLinkDialog---textarea[aria-invalid="true"]:not(.StyledTextEditorLinkDialog---inEditableGridLayout):focus,
.StyledTextEditorLinkDialog---dropdown_value[aria-invalid="true"]:not(.StyledTextEditorLinkDialog---inEditableGridLayout):focus,
.StyledTextEditorLinkDialog---picker_value.StyledTextEditorLinkDialog---invalid:not(.StyledTextEditorLinkDialog---inEditableGridLayout):focus,
.StyledTextEditorLinkDialog---picker_value.StyledTextEditorLinkDialog---invalid:not(.StyledTextEditorLinkDialog---inEditableGridLayout).StyledTextEditorLinkDialog---focus {
  border-color: #1d659c !important;
}
.StyledTextEditorLinkDialog---picker_value.StyledTextEditorLinkDialog---invalid:not(.StyledTextEditorLinkDialog---inEditableGridLayout),
.StyledTextEditorLinkDialog---picker_value.StyledTextEditorLinkDialog---invalid:not(.StyledTextEditorLinkDialog---inEditableGridLayout):focus,
.StyledTextEditorLinkDialog---picker_value.StyledTextEditorLinkDialog---invalid:not(.StyledTextEditorLinkDialog---inEditableGridLayout).StyledTextEditorLinkDialog---focus {
  z-index: 2 !important;
}
.StyledTextEditorLinkDialog---text[aria-invalid="true"].StyledTextEditorLinkDialog---inEditableGridLayout.StyledTextEditorLinkDialog---inSideBySideItem,
.StyledTextEditorLinkDialog---text[aria-invalid="true"].StyledTextEditorLinkDialog---inEditableGridLayout.StyledTextEditorLinkDialog---inSideBySideItem:focus,
.StyledTextEditorLinkDialog---password[aria-invalid="true"].StyledTextEditorLinkDialog---inEditableGridLayout.StyledTextEditorLinkDialog---inSideBySideItem,
.StyledTextEditorLinkDialog---password[aria-invalid="true"].StyledTextEditorLinkDialog---inEditableGridLayout.StyledTextEditorLinkDialog---inSideBySideItem:focus,
.StyledTextEditorLinkDialog---dropdown_value[aria-invalid="true"].StyledTextEditorLinkDialog---inEditableGridLayout.StyledTextEditorLinkDialog---inSideBySideItem,
.StyledTextEditorLinkDialog---dropdown_value[aria-invalid="true"].StyledTextEditorLinkDialog---inEditableGridLayout.StyledTextEditorLinkDialog---inSideBySideItem:focus,
.StyledTextEditorLinkDialog---picker_value.StyledTextEditorLinkDialog---invalid.StyledTextEditorLinkDialog---inEditableGridLayout.StyledTextEditorLinkDialog---inSideBySideItem,
.StyledTextEditorLinkDialog---picker_value.StyledTextEditorLinkDialog---invalid.StyledTextEditorLinkDialog---inEditableGridLayout.StyledTextEditorLinkDialog---inSideBySideItem:focus,
.StyledTextEditorLinkDialog---picker_value.StyledTextEditorLinkDialog---invalid.StyledTextEditorLinkDialog---inEditableGridLayout.StyledTextEditorLinkDialog---inSideBySideItem.StyledTextEditorLinkDialog---focus {
  border: 1px solid transparent !important;
}
.StyledTextEditorLinkDialog---invalidInSideBySide,
.StyledTextEditorLinkDialog---invalidInSideBySide:focus {
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.StyledTextEditorLinkDialog---invalidInSideBySide.StyledTextEditorLinkDialog---inDarkBackground,
.StyledTextEditorLinkDialog---invalidInSideBySide:focus.StyledTextEditorLinkDialog---inDarkBackground {
  border-left-color: var(--appian-input-border-color, #ddd) !important;
  border-right-color: var(--appian-input-border-color, #ddd) !important;
}
.StyledTextEditorLinkDialog---textarea[aria-invalid="true"].StyledTextEditorLinkDialog---inEditableGridLayout.StyledTextEditorLinkDialog---inSideBySideItem,
.StyledTextEditorLinkDialog---textarea[aria-invalid="true"].StyledTextEditorLinkDialog---inEditableGridLayout.StyledTextEditorLinkDialog---inSideBySideItem:focus {
  border-color: #de0037 !important;
}
.StyledTextEditorLinkDialog---textarea[aria-invalid="true"].StyledTextEditorLinkDialog---inEditableGridLayout.StyledTextEditorLinkDialog---inSideBySideItem.StyledTextEditorLinkDialog---inDarkBackground,
.StyledTextEditorLinkDialog---textarea[aria-invalid="true"].StyledTextEditorLinkDialog---inEditableGridLayout.StyledTextEditorLinkDialog---inSideBySideItem.StyledTextEditorLinkDialog---inDarkBackground:focus {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.StyledTextEditorLinkDialog---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.StyledTextEditorLinkDialog---show_data_icon .StyledTextEditorLinkDialog---text,
.StyledTextEditorLinkDialog---show_data_icon .StyledTextEditorLinkDialog---password,
.StyledTextEditorLinkDialog---show_data_icon .StyledTextEditorLinkDialog---textarea,
.StyledTextEditorLinkDialog---show_data_icon .StyledTextEditorLinkDialog---dropdown_value {
  padding-left: 1.7857rem !important;
}
.StyledTextEditorLinkDialog---text.StyledTextEditorLinkDialog---has_clear_link,
.StyledTextEditorLinkDialog---password.StyledTextEditorLinkDialog---has_clear_link {
  padding-right: 1.5714rem !important;
}
.StyledTextEditorLinkDialog---character_count {
  position: absolute !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 300 !important;
  right: 0 !important;
  bottom: 0 !important;
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  pointer-events: none !important;
}
.StyledTextEditorLinkDialog---character_count.StyledTextEditorLinkDialog---over_limit:not(.StyledTextEditorLinkDialog---inDarkBackground) {
  color: #de0037 !important;
  fill: #de0037 !important;
}
.StyledTextEditorLinkDialog---character_count.StyledTextEditorLinkDialog---over_limit.StyledTextEditorLinkDialog---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.StyledTextEditorLinkDialog---character_count .StyledTextEditorLinkDialog---icon_container {
  outline: none !important;
  margin-right: 3px !important;
  margin-bottom: -2px !important;
}
.StyledTextEditorLinkDialog---character_count .StyledTextEditorLinkDialog---icon_container > svg {
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
.StyledTextEditorLinkDialog---character_count_overlay {
  background-color: var(--appian-input-background-color-faded, #fffd) !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 0.7143rem 0.5714rem 0 !important;
  z-index: 3 !important;
}
.appian-context-os-windows .StyledTextEditorLinkDialog---character_count_overlay {
  margin: 0 1.2857rem 0.5714rem 0 !important;
}
.StyledTextEditorLinkDialog---textarea:disabled + .StyledTextEditorLinkDialog---character_count_overlay,
.StyledTextEditorLinkDialog---character_count_overlay_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.StyledTextEditorLinkDialog---data_icon {
  position: absolute !important;
  top: 0.7143rem !important;
  left: 0.5714rem !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  fill: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
a.StyledTextEditorLinkDialog---input_clear_link {
  border: none !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.StyledTextEditorLinkDialog---input_icon_wrapper > a.StyledTextEditorLinkDialog---input_clear_link {
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.9286rem !important;
}
.appian-context-browser-edge .StyledTextEditorLinkDialog---input_icon_wrapper > a.StyledTextEditorLinkDialog---input_clear_link {
  top: 0.5rem !important;
}
.StyledTextEditorLinkDialog---dropdown_value a.StyledTextEditorLinkDialog---input_clear_link {
  position: absolute !important;
  right: 1.4286rem !important;
  top: 0.5714rem !important;
}
.appian-context-os-mac.appian-context-browser-chrome .StyledTextEditorLinkDialog---dropdown_value a.StyledTextEditorLinkDialog---input_clear_link {
  top: 0.5rem !important;
}
a.StyledTextEditorLinkDialog---input_clear_link:hover,
a.StyledTextEditorLinkDialog---input_clear_link:focus:not([data-appian-ux-mouse-focus]) {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.StyledTextEditorLinkDialog---dropdown .StyledTextEditorLinkDialog---dropdown_value.StyledTextEditorLinkDialog---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.StyledTextEditorLinkDialog---dropdown_value.StyledTextEditorLinkDialog---has_inline_label span.StyledTextEditorLinkDialog---inline_label,
.StyledTextEditorLinkDialog---date_range_value.StyledTextEditorLinkDialog---has_inline_label span.StyledTextEditorLinkDialog---inline_label {
  display: inline-block !important;
  max-width: 70% !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.7857rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.1429rem !important;
  vertical-align: -0.2143rem !important;
  margin-right: 0.5rem !important;
  padding-right: 0.5rem !important;
  border-right: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.StyledTextEditorLinkDialog---dropdown_value.StyledTextEditorLinkDialog---has_inline_label.StyledTextEditorLinkDialog---inDarkBackground span.StyledTextEditorLinkDialog---inline_label,
.StyledTextEditorLinkDialog---date_range_value.StyledTextEditorLinkDialog---has_inline_label.StyledTextEditorLinkDialog---inDarkBackground span.StyledTextEditorLinkDialog---inline_label {
  border-right-color: var(--appian-choice-border-color, #bbb) !important;
}
.appian-context-browser-safari .StyledTextEditorLinkDialog---dropdown_value.StyledTextEditorLinkDialog---has_inline_label span.StyledTextEditorLinkDialog---inline_label,
.appian-context-browser-safari .StyledTextEditorLinkDialog---date_range_value.StyledTextEditorLinkDialog---has_inline_label span.StyledTextEditorLinkDialog---inline_label {
  vertical-align: inherit !important;
}
.StyledTextEditorLinkDialog---dropdown_value.StyledTextEditorLinkDialog---has_inline_label.StyledTextEditorLinkDialog---highlighted span.StyledTextEditorLinkDialog---value_display,
.StyledTextEditorLinkDialog---date_range_value.StyledTextEditorLinkDialog---has_inline_label.StyledTextEditorLinkDialog---highlighted span.StyledTextEditorLinkDialog---value_display {
  font-weight: 700 !important;
}
.StyledTextEditorLinkDialog---dropdown_value.StyledTextEditorLinkDialog---has_inline_label a.StyledTextEditorLinkDialog---input_clear_link,
.StyledTextEditorLinkDialog---date_range_value.StyledTextEditorLinkDialog---has_inline_label a.StyledTextEditorLinkDialog---input_clear_link {
  display: none !important;
  position: absolute !important;
  right: 1.5714rem !important;
  top: 0.5714rem !important;
}
.StyledTextEditorLinkDialog---dropdown_value.StyledTextEditorLinkDialog---has_inline_label.StyledTextEditorLinkDialog---highlighted a.StyledTextEditorLinkDialog---input_clear_link,
.StyledTextEditorLinkDialog---date_range_value.StyledTextEditorLinkDialog---has_inline_label.StyledTextEditorLinkDialog---highlighted a.StyledTextEditorLinkDialog---input_clear_link {
  display: inline-block !important;
}
.StyledTextEditorLinkDialog---date_range_value.StyledTextEditorLinkDialog---has_inline_label.StyledTextEditorLinkDialog---validation:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.StyledTextEditorLinkDialog---date_range_value.StyledTextEditorLinkDialog---has_inline_label.StyledTextEditorLinkDialog---validation:before {
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.StyledTextEditorLinkDialog---date_range_value.StyledTextEditorLinkDialog---has_inline_label.StyledTextEditorLinkDialog---validation.StyledTextEditorLinkDialog---inDarkBackground:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.StyledTextEditorLinkDialog---number_range_input.StyledTextEditorLinkDialog---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.StyledTextEditorLinkDialog---date_range_value.StyledTextEditorLinkDialog---has_inline_label.StyledTextEditorLinkDialog---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
}
.StyledTextEditorLinkDialog---date_range_value.StyledTextEditorLinkDialog---has_inline_label.StyledTextEditorLinkDialog---validation.StyledTextEditorLinkDialog---inDarkBackground:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.StyledTextEditorLinkDialog---number_range_input.StyledTextEditorLinkDialog---validation,
.StyledTextEditorLinkDialog---date_range_value.StyledTextEditorLinkDialog---has_inline_label.StyledTextEditorLinkDialog---validation {
  position: relative !important;
  border-color: transparent !important;
}
.StyledTextEditorLinkDialog---link_dialog {
  z-index: 2000020 !important;
  background-color: var(--appian-pop-up-menu-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  padding: 0.8571rem 1.1428rem !important;
  width: 324px !important;
  outline: 0px solid transparent !important;
}
.StyledTextEditorLinkDialog---link_dialog .StyledTextEditorLinkDialog---dialog_footer {
  width: 100% !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
          justify-content: flex-end !important;
  margin-top: 0.2857rem !important;
}
.StyledTextEditorLinkDialog---link_dialog .StyledTextEditorLinkDialog---dialog_footer .StyledTextEditorLinkDialog---btn.StyledTextEditorLinkDialog---small {
  font-size: 0.9286rem !important;
  height: 2.4286rem !important;
  padding: 0 0.6429rem !important;
  overflow: visible !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
._FieldLayout---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge ._FieldLayout---accessibilityhidden {
  font-size: 0 !important;
}
._FieldLayout---field_layout {
  display: table !important;
  width: 100% !important;
  table-layout: fixed !important;
  text-align: left !important;
  word-wrap: break-word !important;
  /* needed on parent container to force long unbroken text to wrap on IE */
}
._FieldLayout---field_layout._FieldLayout---inReconcileDocumentWidget {
  display: block !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 !important;
          flex: 1 !important;
}
._FieldLayout---field_layout._FieldLayout---inReconcileDocumentTableField {
  display: -ms-grid !important;
  display: grid !important;
}
/* If this value changes, update the corresponding margin-bottom value in */
/* EditLinkLayout.less, SideBySideGroup.less, RichTextLinkDialog.less, RichTextImageDialog.less, RichTextIconDialog.less, & columns.less */
._FieldLayout---field_layout,
._FieldLayout---field_layout._FieldLayout---margin_below_standard,
._FieldLayout---field_layout._FieldLayout---margin_below_standard.appian-context-last-in-list {
  margin-bottom: 0.7143rem !important;
}
._FieldLayout---field_layout._FieldLayout---inDesignViewEntryContainer {
  margin-bottom: 0.2857rem !important;
}
._FieldLayout---field_layout._FieldLayout---inNewsEntryLayout {
  margin-bottom: 0.5rem !important;
}
._FieldLayout---field_layout._FieldLayout---margin_below_none,
._FieldLayout---field_layout.appian-context-last-in-list,
._FieldLayout---field_layout._FieldLayout---inSideBySideItem,
._FieldLayout---field_layout._FieldLayout---inMinimizedSideBySideItem,
._FieldLayout---field_layout._FieldLayout---inEditLinkLayout,
._FieldLayout---field_layout._FieldLayout---inNewsEntryLayout._FieldLayout---inMessageLayout,
._FieldLayout---field_layout._FieldLayout---inDesignViewEntryContainer:last-child {
  margin-bottom: 0 !important;
}
._FieldLayout---field_layout._FieldLayout---inMinimizedSideBySideItem {
  table-layout: auto !important;
}
._FieldLayout---field_layout ._FieldLayout---label_column {
  display: table-cell !important;
  width: 160px !important;
  padding-right: 0.8571rem !important;
  vertical-align: top !important;
}
.appian-context-ux-page-size-phone ._FieldLayout---field_layout ._FieldLayout---label_column {
  width: 110px !important;
}
.appian-context-ux-page-size-tablet-portrait ._FieldLayout---field_layout._FieldLayout---inColumnArrayLayout ._FieldLayout---label_column {
  width: 110px !important;
}
.appian-context-ux-page-size-tablet-landscape ._FieldLayout---field_layout._FieldLayout---inColumnArrayLayout ._FieldLayout---label_column {
  width: 110px !important;
}
._FieldLayout---field_layout ._FieldLayout---label_column._FieldLayout---is_input {
  /* line up with input boxes */
  padding-top: 0.5rem !important;
}
._FieldLayout---field_layout ._FieldLayout---label_column._FieldLayout---near {
  text-align: right !important;
}
._FieldLayout---field_layout ._FieldLayout---input_column {
  display: table-cell !important;
  vertical-align: top !important;
}
._FieldLayout---field_layout ._FieldLayout---label_above {
  display: block !important;
  padding: 0 0 6px 0 !important;
  font-size: 0 !important;
  /* needed to remove extra space above empty label in embedded */
}
._FieldLayout---field_layout ._FieldLayout---input_below {
  display: block !important;
}
._FieldLayout---field_layout ._FieldLayout---field_label,
._FieldLayout---field_layout ._FieldLayout---label_above > label,
._FieldLayout---field_layout ._FieldLayout---label_column > label {
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  /* needed for correct vertical alignment of Side By Side Items in Tempo */
  color: var(--appian-text-color, #222) !important;
  word-wrap: break-word !important;
  margin: 0 !important;
  /* needed to remove extra space above empty label in embedded */
}
._FieldLayout---field_layout ._FieldLayout---secondary_label {
  font-size: 0.7rem !important;
  font-weight: 400 !important;
  font-style: italic !important;
  color: var(--appian-disabled-text-color, #777) !important;
  margin: 0 0 0 0.2857rem !important;
}
._FieldLayout---field_layout ._FieldLayout---label_column._FieldLayout---near ._FieldLayout---secondary_label {
  position: relative !important;
  top: 2px !important;
  display: block !important;
  line-height: 0.5rem !important;
  margin: 0 !important;
}
._FieldLayout---field_layout._FieldLayout---inAccentBackground ._FieldLayout---field_label,
._FieldLayout---field_layout._FieldLayout---inAccentBackground ._FieldLayout---label_above,
._FieldLayout---field_layout._FieldLayout---inAccentBackground ._FieldLayout---label_above > label,
._FieldLayout---field_layout._FieldLayout---inAccentBackground ._FieldLayout---label_column,
._FieldLayout---field_layout._FieldLayout---inAccentBackground ._FieldLayout---label_column > label,
._FieldLayout---field_layout._FieldLayout---inAccentBackground ._FieldLayout---secondary_label,
._FieldLayout---field_layout._FieldLayout---inAccentBackground ._FieldLayout---field_instructions {
  color: #fff !important;
}
._FieldLayout---field_layout._FieldLayout---inDarkBackground ._FieldLayout---field_label,
._FieldLayout---field_layout._FieldLayout---inDarkBackground ._FieldLayout---label_above,
._FieldLayout---field_layout._FieldLayout---inDarkBackground ._FieldLayout---label_above > label,
._FieldLayout---field_layout._FieldLayout---inDarkBackground ._FieldLayout---label_column,
._FieldLayout---field_layout._FieldLayout---inDarkBackground ._FieldLayout---label_column > label,
._FieldLayout---field_layout._FieldLayout---inDarkBackground ._FieldLayout---secondary_label,
._FieldLayout---field_layout._FieldLayout---inDarkBackground ._FieldLayout---field_instructions {
  color: #eee !important;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.8) !important;
}
._FieldLayout---field_layout._FieldLayout---inLightBackground ._FieldLayout---field_label,
._FieldLayout---field_layout._FieldLayout---inLightBackground ._FieldLayout---label_above > label,
._FieldLayout---field_layout._FieldLayout---inLightBackground ._FieldLayout---label_column > label,
._FieldLayout---field_layout._FieldLayout---inLightBackground ._FieldLayout---secondary_label {
  color: #222 !important;
}
._FieldLayout---field_layout._FieldLayout---inLightBackground ._FieldLayout---field_instructions {
  color: #666 !important;
}
._FieldLayout---required_wrapper {
  white-space: nowrap !important;
  position: relative !important;
}
._FieldLayout---label_above ._FieldLayout---field_label svg._FieldLayout---required_indicator,
._FieldLayout---label_above label svg._FieldLayout---required_indicator,
._FieldLayout---label_column:not(._FieldLayout---near) ._FieldLayout---field_label svg._FieldLayout---required_indicator,
._FieldLayout---label_column:not(._FieldLayout---near) label svg._FieldLayout---required_indicator {
  height: 0.5rem !important;
  width: 0.5rem !important;
  vertical-align: 0.3571rem !important;
  margin-left: 0.2143rem !important;
  margin-bottom: -0.0714rem !important;
  fill: #1d659c !important;
}
._FieldLayout---label_column._FieldLayout---near ._FieldLayout---field_label svg._FieldLayout---required_indicator,
._FieldLayout---label_column._FieldLayout---near label svg._FieldLayout---required_indicator {
  height: 0.5rem !important;
  width: 0.5rem !important;
  vertical-align: 0.3571rem !important;
  margin-right: 0.2143rem !important;
  margin-bottom: -0.0714rem !important;
  fill: #1d659c !important;
}
._FieldLayout---label_above ._FieldLayout---field_label svg._FieldLayout---required_indicator._FieldLayout---inAccentBackground,
._FieldLayout---label_above label svg._FieldLayout---required_indicator._FieldLayout---inAccentBackground,
._FieldLayout---label_column:not(._FieldLayout---near) ._FieldLayout---field_label svg._FieldLayout---required_indicator._FieldLayout---inAccentBackground,
._FieldLayout---label_column:not(._FieldLayout---near) label svg._FieldLayout---required_indicator._FieldLayout---inAccentBackground,
._FieldLayout---label_column._FieldLayout---near ._FieldLayout---field_label svg._FieldLayout---required_indicator._FieldLayout---inAccentBackground,
._FieldLayout---label_column._FieldLayout---near label svg._FieldLayout---required_indicator._FieldLayout---inAccentBackground {
  fill: #fff !important;
}
._FieldLayout---field_instructions,
._FieldLayout---field_error {
  margin: 0.5714rem 0 0 0 !important;
  font-size: 0.9286rem !important;
  line-height: 1.2307rem !important;
}
._FieldLayout---field_instructions._FieldLayout---above {
  margin: 0 0 0.5714rem 0 !important;
}
._FieldLayout---field_instructions {
  color: var(--appian-subtle-text-color, #666) !important;
}
._FieldLayout---field_error {
  font-weight: 600 !important;
  color: #de0037 !important;
}
a._FieldLayout---help_tooltip {
  margin: 0 0 0 0.2857rem !important;
  border: none !important;
}
a._FieldLayout---help_tooltip > svg._FieldLayout---help_tooltip {
  width: 1rem !important;
  height: 1rem !important;
  position: static !important;
  vertical-align: top !important;
  margin: 0.2149rem -0.0714rem 0 -0.0714rem !important;
  /*rtl:raw:
  transform: scaleX(-1);*/
}
a._FieldLayout---default_help_tooltip {
  cursor: help !important;
}
._FieldLayout---default_help_tooltip svg {
  fill: #1d659c !important;
}
a._FieldLayout---default_help_tooltip > svg._FieldLayout---default_help_tooltip._FieldLayout---inAccentBackground {
  fill: #fff !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.StyledTextEditorMentionList---mentions_suggestion_container {
  background: #fff !important;
  box-shadow: 0 1px 4px 0 rgba(66, 66, 66, 0.08) !important;
  min-width: 280px !important;
  max-width: 320px !important;
  border: 1px solid #f0f0f0 !important;
  margin: 0 !important;
  font-size: 1rem !important;
}
.StyledTextEditorMentionList---mentions_suggestion_container .StyledTextEditorMentionList---mentions_suggestion_item {
  background: #fff !important;
  cursor: pointer !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  gap: 5px !important;
  padding: 0.25rem 0.5rem !important;
}
.StyledTextEditorMentionList---mentions_suggestion_container .StyledTextEditorMentionList---mentions_suggestion_item .StyledTextEditorMentionList---user_avatar {
  width: 42px !important;
}
.StyledTextEditorMentionList---mentions_suggestion_container .StyledTextEditorMentionList---mentions_suggestion_item .StyledTextEditorMentionList---user_details {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
}
.StyledTextEditorMentionList---mentions_suggestion_container .StyledTextEditorMentionList---mentions_suggestion_item .StyledTextEditorMentionList---user_details .StyledTextEditorMentionList---user_label,
.StyledTextEditorMentionList---mentions_suggestion_container .StyledTextEditorMentionList---mentions_suggestion_item .StyledTextEditorMentionList---user_details .StyledTextEditorMentionList---user_name {
  width: auto !important;
}
.StyledTextEditorMentionList---mentions_suggestion_container .StyledTextEditorMentionList---mentions_suggestion_item .StyledTextEditorMentionList---user_details .StyledTextEditorMentionList---user_name {
  color: var(--appian-secondary-text-color, #767676) !important;
  font-size: 12px !important;
}
.StyledTextEditorMentionList---mentions_suggestion_container .StyledTextEditorMentionList---mentions_suggestion_item_active {
  box-shadow: 0 0 0 1px #1d659c inset !important;
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.StyledTextEditorTableCellMenuAndContent---button {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  display: block !important;
  height: 24px !important;
  width: 24px !important;
}
.StyledTextEditorTableCellMenuAndContent---dialog {
  z-index: 2000020 !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
ul.MenuWidget---default_direction.MenuWidget---inDropdownWidget.MenuWidget---inStudio li[aria-selected="true"],
ul.MenuWidget---default_direction.MenuWidget---inDropdownWidget.MenuWidget---inStudio li[aria-selected="true"] > div {
  color: #2ab06d !important;
  background-color: #fff !important;
  padding-left: 0.15rem !important;
  font-weight: bold !important;
}
ul.MenuWidget---default_direction.MenuWidget---inDropdownWidget.MenuWidget---inStudio li[aria-selected="true"] :before,
ul.MenuWidget---default_direction.MenuWidget---inDropdownWidget.MenuWidget---inStudio li[aria-selected="true"] > div :before {
  content: "\2713  " !important;
  font-size: 0.9rem !important;
  color: #2ab06d !important;
  margin-right: 0.2rem !important;
  vertical-align: middle !important;
}
ul.MenuWidget---default_direction.MenuWidget---inDropdownWidget.MenuWidget---inStudio {
  background-color: #fff !important;
  font-family: 'Open Sans', sans-serif !important;
}
ul.MenuWidget---default_direction.MenuWidget---inDropdownWidget.MenuWidget---inStudio li {
  box-shadow: none !important;
  background-color: #fff !important;
  padding: 1rem 0 1rem 1.5rem !important;
}
/* rtl:begin:ignore */
.MenuWidget---force_ltr {
  direction: ltr !important;
}
ul.MenuWidget---force_ltr.MenuWidget---inDropdownWidget.MenuWidget---inStudio li[aria-selected="true"],
ul.MenuWidget---force_ltr.MenuWidget---inDropdownWidget.MenuWidget---inStudio li[aria-selected="true"] > div {
  color: #2ab06d !important;
  background-color: #fff !important;
  padding-left: 0.15rem !important;
  font-weight: bold !important;
}
ul.MenuWidget---force_ltr.MenuWidget---inDropdownWidget.MenuWidget---inStudio li[aria-selected="true"] :before,
ul.MenuWidget---force_ltr.MenuWidget---inDropdownWidget.MenuWidget---inStudio li[aria-selected="true"] > div :before {
  content: "\2713  " !important;
  font-size: 0.9rem !important;
  color: #2ab06d !important;
  margin-right: 0.2rem !important;
  vertical-align: middle !important;
}
ul.MenuWidget---force_ltr.MenuWidget---inDropdownWidget.MenuWidget---inStudio {
  background-color: #fff !important;
  font-family: 'Open Sans', sans-serif !important;
}
ul.MenuWidget---force_ltr.MenuWidget---inDropdownWidget.MenuWidget---inStudio li {
  box-shadow: none !important;
  background-color: #fff !important;
  padding: 1rem 0 1rem 1.5rem !important;
}
/* rtl:end:ignore */
@-webkit-keyframes MenuWidget---fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes MenuWidget---fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
ul.MenuWidget---default_direction.MenuWidget---listbox,
.MenuWidget---default_direction .MenuWidget---date_picker2__menu {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  -webkit-appearance: none !important;
  background-color: var(--appian-pop-up-menu-color, #fff) !important;
  z-index: 2000020 !important;
  white-space: nowrap !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  max-height: 24.5714rem !important;
  /* displays 11 items + partial item */
  max-width: 700px !important;
  /* if this value changes, also update widthThreshold in DropdownWidget.jsx, MultipleDropdown.jsx, PickerWidget.jsx, & TimeWidget.jsx */
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  position: absolute !important;
  margin-top: 2px !important;
  left: 0 !important;
  right: auto !important;
  text-align: left !important;
  outline: none !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inDarkBackground,
.MenuWidget---default_direction .MenuWidget---date_picker2__menu.MenuWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
ul.MenuWidget---default_direction.MenuWidget---relative {
  /* necessary for Tether to be aware of the listbox's height */
  position: relative !important;
  margin-top: 0px !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inline {
  /* default medium height */
  position: static !important;
  z-index: auto !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---short {
  max-height: 12rem !important;
  /* displays 5 items + partial item */
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---tall {
  max-height: 34.6429rem !important;
  /* displays 16 items + partial item */
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---auto {
  /* auto height = no constraint */
  max-height: none !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---pointer {
  margin-top: 6px !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---pointer:before {
  content: "" !important;
  position: absolute !important;
  top: -16px !important;
  left: 3px !important;
  width: 0 !important;
  height: 0 !important;
  border-bottom: 8px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-top: 8px solid transparent !important;
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---pointer:after {
  content: "" !important;
  position: absolute !important;
  top: -12px !important;
  left: 5px !important;
  width: 0 !important;
  height: 0 !important;
  border-bottom: 6px solid var(--appian-pop-up-menu-color, #fff) !important;
  border-top: 6px solid transparent !important;
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---anchor_end.MenuWidget---pointer:before {
  left: auto !important;
  right: 3px !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---pointer:after {
  left: auto !important;
  right: 5px !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---anchor_top {
  top: auto !important;
  bottom: 2.5rem !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---anchor_end {
  /*rtl:begin:ignore*/
  left: auto !important;
  right: 0 !important;
  /*rtl:end:ignore*/
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---closed {
  display: none !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---open {
  display: block !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inModalDialogLayout {
  z-index: 2000023 !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox li,
.MenuWidget---default_direction .MenuWidget---date_picker2__menu .MenuWidget---date_picker2__option {
  outline: none !important;
  position: relative !important;
  cursor: default !important;
  line-height: 1.4 !important;
}
.MenuWidget---default_direction li.MenuWidget---active,
.MenuWidget---default_direction .MenuWidget---date_picker2__menu .MenuWidget---date_picker2__option.MenuWidget---date_picker2__option--is-focused:not(.MenuWidget---date_picker2__option--is-selected) {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
  box-shadow: 0 0 0 1px #1d659c inset !important;
}
.MenuWidget---default_direction li:not(.MenuWidget---inRichTextEditorWidget).MenuWidget---active[aria-selected="true"]:after,
.MenuWidget---default_direction .MenuWidget---date_picker2__option.MenuWidget---date_picker2__option--is-focused.MenuWidget---date_picker2__option--is-selected:after {
  content: "" !important;
  display: inline-block !important;
  width: calc(100% - 4px) !important;
  height: calc(100% - 4px) !important;
  position: absolute !important;
  left: 2px !important;
  top: 2px !important;
  border: 1px solid #fff !important;
}
.MenuWidget---default_direction li.MenuWidget---inApplicationHeaderLayout:not(.MenuWidget---inProcessHQ).MenuWidget---inDarkBackground.MenuWidget---active {
  background-color: rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 0 0 1px #fff inset !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox li > div,
.MenuWidget---default_direction .MenuWidget---date_picker2__menu .MenuWidget---date_picker2__option {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  min-height: 1.3571rem !important;
  cursor: default !important;
  color: var(--appian-text-color, #222) !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inApplicationHeaderLayout:not(.MenuWidget---inProcessHQ).MenuWidget---inDarkBackground li > div {
  color: #fff !important;
  fill: #fff !important;
}
ul.MenuWidget---default_direction.MenuWidget---inPickerWidget,
ul.MenuWidget---default_direction.MenuWidget---inMenuLayout,
ul.MenuWidget---default_direction.MenuWidget---inNestedChoiceMenu {
  min-width: 120px !important;
}
ul.MenuWidget---default_direction.MenuWidget---inRecordActionWidget.MenuWidget---inMenuLayout {
  min-width: 2.4286rem !important;
  /* icon-only small button width */
}
ul.MenuWidget---default_direction.MenuWidget---inRichTextEditorWidget {
  min-width: 150px !important;
}
ul.MenuWidget---default_direction.MenuWidget---inMenuLayout {
  top: auto !important;
  padding: 5px 0 !important;
  font-size: 1rem !important;
  margin-top: 0px !important;
}
ul.MenuWidget---default_direction.MenuWidget---inExpressionEditorWidget {
  min-width: 18.5em !important;
  max-width: 18.5em !important;
}
ul.MenuWidget---default_direction.MenuWidget---inNestedChoiceMenu {
  max-width: 230px !important;
}
ul.MenuWidget---default_direction.MenuWidget---inPickerWidget > li,
ul.MenuWidget---default_direction.MenuWidget---inMenuLayout > li {
  padding: 0.3571rem 0.5714rem !important;
}
ul.MenuWidget---default_direction.MenuWidget---inDropdownWidget,
ul.MenuWidget---default_direction.MenuWidget---inTimeWidget {
  max-height: 24.2857rem !important;
  /* displays 11 items + partial item */
}
ul.MenuWidget---default_direction.MenuWidget---inTempoSiteHeaderLayout,
ul.MenuWidget---default_direction.MenuWidget---inApplicationHeaderLayout {
  max-height: 25.1429rem !important;
  /* displays 11 items + partial item + divider */
}
ul.MenuWidget---default_direction.MenuWidget---inMultipleDropdownWidget {
  max-height: 25rem !important;
  /* displays 11 items + partial item */
}
ul.MenuWidget---default_direction.MenuWidget---inDropdownWidget li,
ul.MenuWidget---default_direction.MenuWidget---inTimeWidget li,
ul.MenuWidget---default_direction.MenuWidget---inMultipleDropdownWidget li,
ul.MenuWidget---default_direction.MenuWidget---inRichTextEditorWidget li {
  padding: 0.3571rem 0.5714rem 0.3571rem 0 !important;
  text-indent: 0.5714rem !important;
  /* needed so italicised text (placeholder) doesn't appear cut off */
}
ul.MenuWidget---default_direction.MenuWidget---inDropdownWidget li[aria-selected="true"],
ul.MenuWidget---default_direction.MenuWidget---inTimeWidget li[aria-selected="true"],
ul.MenuWidget---default_direction.MenuWidget---inMultipleDropdownWidget li[aria-selected="true"],
ul.MenuWidget---default_direction.MenuWidget---inRichTextEditorWidget li[aria-selected="true"],
ul.MenuWidget---default_direction.MenuWidget---inDropdownWidget li[aria-selected="true"] > div,
ul.MenuWidget---default_direction.MenuWidget---inTimeWidget li[aria-selected="true"] > div,
ul.MenuWidget---default_direction.MenuWidget---inMultipleDropdownWidget li[aria-selected="true"] > div,
ul.MenuWidget---default_direction.MenuWidget---inRichTextEditorWidget li[aria-selected="true"] > div {
  background-color: #1d659c !important;
  color: #fff !important;
}
ul.MenuWidget---default_direction.MenuWidget---inMenuLayout li[aria-selected="true"],
ul.MenuWidget---default_direction.MenuWidget---inMenuLayout li[aria-selected="true"] > div {
  background-color: #1d659c !important;
  color: #fff !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inApplicationHeaderLayout:not(.MenuWidget---inProcessHQ).MenuWidget---inDarkBackground {
  border-color: #7781bd !important;
  background-color: var(--appian-app-header-background-color, #020a51) !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inDropdownWidget,
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inTimeWidget,
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMultipleDropdownWidget,
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inPickerWidget {
  border-radius: 0rem !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inDropdownWidget.MenuWidget---inSearchableDropdown,
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMultipleDropdownWidget.MenuWidget---inSearchableDropdown {
  border-radius: 0 0 0rem 0rem !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inRecordActionWidget,
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout {
  border-radius: 0 !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inNavigationHeaderLayout,
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout,
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inTempoSiteHeaderLayout {
  background-color: #fbfbfb !important;
  min-width: 242px !important;
  max-width: 500px !important;
  max-height: 500px !important;
  border-radius: 2px !important;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2) !important;
  -webkit-animation: MenuWidget---fadeIn 200ms !important;
          animation: MenuWidget---fadeIn 200ms !important;
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inNavigationHeaderLayout > li,
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout > li,
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inTempoSiteHeaderLayout > li {
  padding: 7px 20px !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inProcessHQ.MenuWidget---inDarkBackground {
  background-color: var(--appian-pop-up-menu-color, #fff) !important;
}
@media only screen and (max-width: 480px), screen and (max-height: 480px) and (max-width: 1024px) {
  ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inNavigationHeaderLayout {
    top: -7px !important;
  }
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inNavigationHeaderLayout,
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inTempoSiteHeaderLayout,
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout.MenuWidget---inLightBackground.MenuWidget---inProcessHQ {
  scrollbar-color: #c7c7c7 #fbfbfb !important;
  scrollbar-width: auto !important;
  /* stylelint-disable-next-line prettier/prettier */
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inNavigationHeaderLayout::-webkit-scrollbar,
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inTempoSiteHeaderLayout::-webkit-scrollbar,
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout.MenuWidget---inLightBackground.MenuWidget---inProcessHQ::-webkit-scrollbar {
  width: 16px !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inNavigationHeaderLayout::-webkit-scrollbar-track,
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inTempoSiteHeaderLayout::-webkit-scrollbar-track,
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout.MenuWidget---inLightBackground.MenuWidget---inProcessHQ::-webkit-scrollbar-track {
  background-color: #fbfbfb !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inNavigationHeaderLayout::-webkit-scrollbar-thumb,
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inTempoSiteHeaderLayout::-webkit-scrollbar-thumb,
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout.MenuWidget---inLightBackground.MenuWidget---inProcessHQ::-webkit-scrollbar-thumb {
  background-color: #c7c7c7 !important;
  border-radius: 8px !important;
  border: 4px solid transparent !important;
  background-clip: content-box !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inNavigationHeaderLayout::-webkit-scrollbar-thumb:hover,
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inTempoSiteHeaderLayout::-webkit-scrollbar-thumb:hover,
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout.MenuWidget---inLightBackground.MenuWidget---inProcessHQ::-webkit-scrollbar-thumb:hover {
  background-color: #aeaeae !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout {
  scrollbar-color: #7781bd var(--appian-app-header-background-color, #020a51) !important;
  scrollbar-width: auto !important;
  /* stylelint-disable-next-line prettier/prettier */
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout::-webkit-scrollbar {
  width: 16px !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout::-webkit-scrollbar-track {
  background-color: var(--appian-app-header-background-color, #020a51) !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout::-webkit-scrollbar-thumb {
  background-color: #7781bd !important;
  border-radius: 8px !important;
  border: 4px solid transparent !important;
  background-clip: content-box !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout::-webkit-scrollbar-thumb:hover {
  background-color: #99a1ce !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout.MenuWidget---inDarkBackground.MenuWidget---inProcessHQ {
  scrollbar-color: rgba(29, 101, 156, 0.5) var(--appian-pop-up-menu-color) !important;
  scrollbar-width: auto !important;
  /* stylelint-disable-next-line prettier/prettier */
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout.MenuWidget---inDarkBackground.MenuWidget---inProcessHQ::-webkit-scrollbar {
  width: 16px !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout.MenuWidget---inDarkBackground.MenuWidget---inProcessHQ::-webkit-scrollbar-track {
  background-color: var(--appian-pop-up-menu-color) !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout.MenuWidget---inDarkBackground.MenuWidget---inProcessHQ::-webkit-scrollbar-thumb {
  background-color: rgba(29, 101, 156, 0.5) !important;
  border-radius: 8px !important;
  border: 4px solid transparent !important;
  background-clip: content-box !important;
}
ul.MenuWidget---default_direction.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout.MenuWidget---inDarkBackground.MenuWidget---inProcessHQ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(29, 101, 156, 0.8) !important;
}
/* rtl:begin:ignore */
.MenuWidget---force_ltr {
  direction: ltr !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox,
.MenuWidget---force_ltr .MenuWidget---date_picker2__menu {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  -webkit-appearance: none !important;
  background-color: var(--appian-pop-up-menu-color, #fff) !important;
  z-index: 2000020 !important;
  white-space: nowrap !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  max-height: 24.5714rem !important;
  /* displays 11 items + partial item */
  max-width: 700px !important;
  /* if this value changes, also update widthThreshold in DropdownWidget.jsx, MultipleDropdown.jsx, PickerWidget.jsx, & TimeWidget.jsx */
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  position: absolute !important;
  margin-top: 2px !important;
  left: 0 !important;
  right: auto !important;
  text-align: left !important;
  outline: none !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inDarkBackground,
.MenuWidget---force_ltr .MenuWidget---date_picker2__menu.MenuWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
ul.MenuWidget---force_ltr.MenuWidget---relative {
  /* necessary for Tether to be aware of the listbox's height */
  position: relative !important;
  margin-top: 0px !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inline {
  /* default medium height */
  position: static !important;
  z-index: auto !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---short {
  max-height: 12rem !important;
  /* displays 5 items + partial item */
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---tall {
  max-height: 34.6429rem !important;
  /* displays 16 items + partial item */
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---auto {
  /* auto height = no constraint */
  max-height: none !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---pointer {
  margin-top: 6px !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---pointer:before {
  content: "" !important;
  position: absolute !important;
  top: -16px !important;
  left: 3px !important;
  width: 0 !important;
  height: 0 !important;
  border-bottom: 8px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-top: 8px solid transparent !important;
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---pointer:after {
  content: "" !important;
  position: absolute !important;
  top: -12px !important;
  left: 5px !important;
  width: 0 !important;
  height: 0 !important;
  border-bottom: 6px solid var(--appian-pop-up-menu-color, #fff) !important;
  border-top: 6px solid transparent !important;
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---anchor_end.MenuWidget---pointer:before {
  left: auto !important;
  right: 3px !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---pointer:after {
  left: auto !important;
  right: 5px !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---anchor_top {
  top: auto !important;
  bottom: 2.5rem !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---anchor_end {
  /*rtl:begin:ignore*/
  left: auto !important;
  right: 0 !important;
  /*rtl:end:ignore*/
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---closed {
  display: none !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---open {
  display: block !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inModalDialogLayout {
  z-index: 2000023 !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox li,
.MenuWidget---force_ltr .MenuWidget---date_picker2__menu .MenuWidget---date_picker2__option {
  outline: none !important;
  position: relative !important;
  cursor: default !important;
  line-height: 1.4 !important;
}
.MenuWidget---force_ltr li.MenuWidget---active,
.MenuWidget---force_ltr .MenuWidget---date_picker2__menu .MenuWidget---date_picker2__option.MenuWidget---date_picker2__option--is-focused:not(.MenuWidget---date_picker2__option--is-selected) {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
  box-shadow: 0 0 0 1px #1d659c inset !important;
}
.MenuWidget---force_ltr li:not(.MenuWidget---inRichTextEditorWidget).MenuWidget---active[aria-selected="true"]:after,
.MenuWidget---force_ltr .MenuWidget---date_picker2__option.MenuWidget---date_picker2__option--is-focused.MenuWidget---date_picker2__option--is-selected:after {
  content: "" !important;
  display: inline-block !important;
  width: calc(100% - 4px) !important;
  height: calc(100% - 4px) !important;
  position: absolute !important;
  left: 2px !important;
  top: 2px !important;
  border: 1px solid #fff !important;
}
.MenuWidget---force_ltr li.MenuWidget---inApplicationHeaderLayout:not(.MenuWidget---inProcessHQ).MenuWidget---inDarkBackground.MenuWidget---active {
  background-color: rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 0 0 1px #fff inset !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox li > div,
.MenuWidget---force_ltr .MenuWidget---date_picker2__menu .MenuWidget---date_picker2__option {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  min-height: 1.3571rem !important;
  cursor: default !important;
  color: var(--appian-text-color, #222) !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inApplicationHeaderLayout:not(.MenuWidget---inProcessHQ).MenuWidget---inDarkBackground li > div {
  color: #fff !important;
  fill: #fff !important;
}
ul.MenuWidget---force_ltr.MenuWidget---inPickerWidget,
ul.MenuWidget---force_ltr.MenuWidget---inMenuLayout,
ul.MenuWidget---force_ltr.MenuWidget---inNestedChoiceMenu {
  min-width: 120px !important;
}
ul.MenuWidget---force_ltr.MenuWidget---inRecordActionWidget.MenuWidget---inMenuLayout {
  min-width: 2.4286rem !important;
  /* icon-only small button width */
}
ul.MenuWidget---force_ltr.MenuWidget---inRichTextEditorWidget {
  min-width: 150px !important;
}
ul.MenuWidget---force_ltr.MenuWidget---inMenuLayout {
  top: auto !important;
  padding: 5px 0 !important;
  font-size: 1rem !important;
  margin-top: 0px !important;
}
ul.MenuWidget---force_ltr.MenuWidget---inExpressionEditorWidget {
  min-width: 18.5em !important;
  max-width: 18.5em !important;
}
ul.MenuWidget---force_ltr.MenuWidget---inNestedChoiceMenu {
  max-width: 230px !important;
}
ul.MenuWidget---force_ltr.MenuWidget---inPickerWidget > li,
ul.MenuWidget---force_ltr.MenuWidget---inMenuLayout > li {
  padding: 0.3571rem 0.5714rem !important;
}
ul.MenuWidget---force_ltr.MenuWidget---inDropdownWidget,
ul.MenuWidget---force_ltr.MenuWidget---inTimeWidget {
  max-height: 24.2857rem !important;
  /* displays 11 items + partial item */
}
ul.MenuWidget---force_ltr.MenuWidget---inTempoSiteHeaderLayout,
ul.MenuWidget---force_ltr.MenuWidget---inApplicationHeaderLayout {
  max-height: 25.1429rem !important;
  /* displays 11 items + partial item + divider */
}
ul.MenuWidget---force_ltr.MenuWidget---inMultipleDropdownWidget {
  max-height: 25rem !important;
  /* displays 11 items + partial item */
}
ul.MenuWidget---force_ltr.MenuWidget---inDropdownWidget li,
ul.MenuWidget---force_ltr.MenuWidget---inTimeWidget li,
ul.MenuWidget---force_ltr.MenuWidget---inMultipleDropdownWidget li,
ul.MenuWidget---force_ltr.MenuWidget---inRichTextEditorWidget li {
  padding: 0.3571rem 0.5714rem 0.3571rem 0 !important;
  text-indent: 0.5714rem !important;
  /* needed so italicised text (placeholder) doesn't appear cut off */
}
ul.MenuWidget---force_ltr.MenuWidget---inDropdownWidget li[aria-selected="true"],
ul.MenuWidget---force_ltr.MenuWidget---inTimeWidget li[aria-selected="true"],
ul.MenuWidget---force_ltr.MenuWidget---inMultipleDropdownWidget li[aria-selected="true"],
ul.MenuWidget---force_ltr.MenuWidget---inRichTextEditorWidget li[aria-selected="true"],
ul.MenuWidget---force_ltr.MenuWidget---inDropdownWidget li[aria-selected="true"] > div,
ul.MenuWidget---force_ltr.MenuWidget---inTimeWidget li[aria-selected="true"] > div,
ul.MenuWidget---force_ltr.MenuWidget---inMultipleDropdownWidget li[aria-selected="true"] > div,
ul.MenuWidget---force_ltr.MenuWidget---inRichTextEditorWidget li[aria-selected="true"] > div {
  background-color: #1d659c !important;
  color: #fff !important;
}
ul.MenuWidget---force_ltr.MenuWidget---inMenuLayout li[aria-selected="true"],
ul.MenuWidget---force_ltr.MenuWidget---inMenuLayout li[aria-selected="true"] > div {
  background-color: #1d659c !important;
  color: #fff !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inApplicationHeaderLayout:not(.MenuWidget---inProcessHQ).MenuWidget---inDarkBackground {
  border-color: #7781bd !important;
  background-color: var(--appian-app-header-background-color, #020a51) !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inDropdownWidget,
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inTimeWidget,
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMultipleDropdownWidget,
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inPickerWidget {
  border-radius: 0rem !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inDropdownWidget.MenuWidget---inSearchableDropdown,
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMultipleDropdownWidget.MenuWidget---inSearchableDropdown {
  border-radius: 0 0 0rem 0rem !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inRecordActionWidget,
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout {
  border-radius: 0 !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inNavigationHeaderLayout,
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout,
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inTempoSiteHeaderLayout {
  background-color: #fbfbfb !important;
  min-width: 242px !important;
  max-width: 500px !important;
  max-height: 500px !important;
  border-radius: 2px !important;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2) !important;
  -webkit-animation: MenuWidget---fadeIn 200ms !important;
          animation: MenuWidget---fadeIn 200ms !important;
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inNavigationHeaderLayout > li,
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout > li,
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inTempoSiteHeaderLayout > li {
  padding: 7px 20px !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inProcessHQ.MenuWidget---inDarkBackground {
  background-color: var(--appian-pop-up-menu-color, #fff) !important;
}
@media only screen and (max-width: 480px), screen and (max-height: 480px) and (max-width: 1024px) {
  ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inNavigationHeaderLayout {
    top: -7px !important;
  }
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inNavigationHeaderLayout,
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inTempoSiteHeaderLayout,
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout.MenuWidget---inLightBackground.MenuWidget---inProcessHQ {
  scrollbar-color: #c7c7c7 #fbfbfb !important;
  scrollbar-width: auto !important;
  /* stylelint-disable-next-line prettier/prettier */
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inNavigationHeaderLayout::-webkit-scrollbar,
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inTempoSiteHeaderLayout::-webkit-scrollbar,
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout.MenuWidget---inLightBackground.MenuWidget---inProcessHQ::-webkit-scrollbar {
  width: 16px !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inNavigationHeaderLayout::-webkit-scrollbar-track,
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inTempoSiteHeaderLayout::-webkit-scrollbar-track,
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout.MenuWidget---inLightBackground.MenuWidget---inProcessHQ::-webkit-scrollbar-track {
  background-color: #fbfbfb !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inNavigationHeaderLayout::-webkit-scrollbar-thumb,
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inTempoSiteHeaderLayout::-webkit-scrollbar-thumb,
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout.MenuWidget---inLightBackground.MenuWidget---inProcessHQ::-webkit-scrollbar-thumb {
  background-color: #c7c7c7 !important;
  border-radius: 8px !important;
  border: 4px solid transparent !important;
  background-clip: content-box !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inNavigationHeaderLayout::-webkit-scrollbar-thumb:hover,
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inTempoSiteHeaderLayout::-webkit-scrollbar-thumb:hover,
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout.MenuWidget---inLightBackground.MenuWidget---inProcessHQ::-webkit-scrollbar-thumb:hover {
  background-color: #aeaeae !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout {
  scrollbar-color: #7781bd var(--appian-app-header-background-color, #020a51) !important;
  scrollbar-width: auto !important;
  /* stylelint-disable-next-line prettier/prettier */
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout::-webkit-scrollbar {
  width: 16px !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout::-webkit-scrollbar-track {
  background-color: var(--appian-app-header-background-color, #020a51) !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout::-webkit-scrollbar-thumb {
  background-color: #7781bd !important;
  border-radius: 8px !important;
  border: 4px solid transparent !important;
  background-clip: content-box !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout::-webkit-scrollbar-thumb:hover {
  background-color: #99a1ce !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout.MenuWidget---inDarkBackground.MenuWidget---inProcessHQ {
  scrollbar-color: rgba(29, 101, 156, 0.5) var(--appian-pop-up-menu-color) !important;
  scrollbar-width: auto !important;
  /* stylelint-disable-next-line prettier/prettier */
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout.MenuWidget---inDarkBackground.MenuWidget---inProcessHQ::-webkit-scrollbar {
  width: 16px !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout.MenuWidget---inDarkBackground.MenuWidget---inProcessHQ::-webkit-scrollbar-track {
  background-color: var(--appian-pop-up-menu-color) !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout.MenuWidget---inDarkBackground.MenuWidget---inProcessHQ::-webkit-scrollbar-thumb {
  background-color: rgba(29, 101, 156, 0.5) !important;
  border-radius: 8px !important;
  border: 4px solid transparent !important;
  background-clip: content-box !important;
}
ul.MenuWidget---force_ltr.MenuWidget---listbox.MenuWidget---inMenuLayout.MenuWidget---inApplicationHeaderLayout.MenuWidget---inDarkBackground.MenuWidget---inProcessHQ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(29, 101, 156, 0.8) !important;
}
/* rtl:end:ignore */

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.MenuWidgetItem---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .MenuWidgetItem---accessibilityhidden {
  font-size: 0 !important;
}
ul.MenuWidgetItem---listbox,
.MenuWidgetItem---date_picker2__menu {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  -webkit-appearance: none !important;
  background-color: var(--appian-pop-up-menu-color, #fff) !important;
  z-index: 2000020 !important;
  white-space: nowrap !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  max-height: 24.5714rem !important;
  /* displays 11 items + partial item */
  max-width: 700px !important;
  /* if this value changes, also update widthThreshold in DropdownWidget.jsx, MultipleDropdown.jsx, PickerWidget.jsx, & TimeWidget.jsx */
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  position: absolute !important;
  margin-top: 2px !important;
  left: 0 !important;
  right: auto !important;
  text-align: left !important;
  outline: none !important;
}
ul.MenuWidgetItem---listbox.MenuWidgetItem---inDarkBackground,
.MenuWidgetItem---date_picker2__menu.MenuWidgetItem---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
ul.MenuWidgetItem---relative {
  /* necessary for Tether to be aware of the listbox's height */
  position: relative !important;
  margin-top: 0px !important;
}
ul.MenuWidgetItem---listbox.MenuWidgetItem---inline {
  /* default medium height */
  position: static !important;
  z-index: auto !important;
}
ul.MenuWidgetItem---listbox.MenuWidgetItem---short {
  max-height: 12rem !important;
  /* displays 5 items + partial item */
}
ul.MenuWidgetItem---listbox.MenuWidgetItem---tall {
  max-height: 34.6429rem !important;
  /* displays 16 items + partial item */
}
ul.MenuWidgetItem---listbox.MenuWidgetItem---auto {
  /* auto height = no constraint */
  max-height: none !important;
}
ul.MenuWidgetItem---listbox.MenuWidgetItem---pointer {
  margin-top: 6px !important;
}
ul.MenuWidgetItem---listbox.MenuWidgetItem---pointer:before {
  content: "" !important;
  position: absolute !important;
  top: -16px !important;
  left: 3px !important;
  width: 0 !important;
  height: 0 !important;
  border-bottom: 8px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-top: 8px solid transparent !important;
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
}
ul.MenuWidgetItem---listbox.MenuWidgetItem---pointer:after {
  content: "" !important;
  position: absolute !important;
  top: -12px !important;
  left: 5px !important;
  width: 0 !important;
  height: 0 !important;
  border-bottom: 6px solid var(--appian-pop-up-menu-color, #fff) !important;
  border-top: 6px solid transparent !important;
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
}
ul.MenuWidgetItem---listbox.MenuWidgetItem---anchor_end.MenuWidgetItem---pointer:before {
  left: auto !important;
  right: 3px !important;
}
ul.MenuWidgetItem---listbox.MenuWidgetItem---pointer:after {
  left: auto !important;
  right: 5px !important;
}
ul.MenuWidgetItem---listbox.MenuWidgetItem---anchor_top {
  top: auto !important;
  bottom: 2.5rem !important;
}
ul.MenuWidgetItem---listbox.MenuWidgetItem---anchor_end {
  /*rtl:begin:ignore*/
  left: auto !important;
  right: 0 !important;
  /*rtl:end:ignore*/
}
ul.MenuWidgetItem---listbox.MenuWidgetItem---closed {
  display: none !important;
}
ul.MenuWidgetItem---listbox.MenuWidgetItem---open {
  display: block !important;
}
ul.MenuWidgetItem---listbox.MenuWidgetItem---inModalDialogLayout {
  z-index: 2000023 !important;
}
ul.MenuWidgetItem---listbox li,
.MenuWidgetItem---date_picker2__menu .MenuWidgetItem---date_picker2__option {
  outline: none !important;
  position: relative !important;
  cursor: default !important;
  line-height: 1.4 !important;
}
li.MenuWidgetItem---active,
.MenuWidgetItem---date_picker2__menu .MenuWidgetItem---date_picker2__option.MenuWidgetItem---date_picker2__option--is-focused:not(.MenuWidgetItem---date_picker2__option--is-selected) {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
  box-shadow: 0 0 0 1px #1d659c inset !important;
}
li:not(.MenuWidgetItem---inRichTextEditorWidget).MenuWidgetItem---active[aria-selected="true"]:after,
.MenuWidgetItem---date_picker2__option.MenuWidgetItem---date_picker2__option--is-focused.MenuWidgetItem---date_picker2__option--is-selected:after {
  content: "" !important;
  display: inline-block !important;
  width: calc(100% - 4px) !important;
  height: calc(100% - 4px) !important;
  position: absolute !important;
  left: 2px !important;
  top: 2px !important;
  border: 1px solid #fff !important;
}
li.MenuWidgetItem---inApplicationHeaderLayout:not(.MenuWidgetItem---inProcessHQ).MenuWidgetItem---inDarkBackground.MenuWidgetItem---active {
  background-color: rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 0 0 1px #fff inset !important;
}
ul.MenuWidgetItem---listbox li > div,
.MenuWidgetItem---date_picker2__menu .MenuWidgetItem---date_picker2__option {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  min-height: 1.3571rem !important;
  cursor: default !important;
  color: var(--appian-text-color, #222) !important;
}
ul.MenuWidgetItem---listbox.MenuWidgetItem---inApplicationHeaderLayout:not(.MenuWidgetItem---inProcessHQ).MenuWidgetItem---inDarkBackground li > div {
  color: #fff !important;
  fill: #fff !important;
}
.MenuWidgetItem---default_direction .MenuWidgetItem---submenu_icon {
  position: absolute !important;
  right: 4px !important;
  top: 9px !important;
  height: 1rem !important;
  width: 1rem !important;
  fill: var(--appian-text-color, #222) !important;
}
ul > li.MenuWidgetItem---default_direction.MenuWidgetItem---has_submenu.MenuWidgetItem---inApplicationHeaderLayout.MenuWidgetItem---inDarkBackground .MenuWidgetItem---submenu_icon {
  fill: #fff !important;
}
ul > li.MenuWidgetItem---default_direction.MenuWidgetItem---has_submenu > div {
  padding-right: 0.9286rem !important;
}
ul > li.MenuWidgetItem---default_direction.MenuWidgetItem---is_disabled:not(.MenuWidgetItem---inNavigationHeaderLayout),
ul > li.MenuWidgetItem---default_direction.MenuWidgetItem---is_disabled:not(.MenuWidgetItem---inNavigationHeaderLayout):hover,
ul > li.MenuWidgetItem---default_direction.MenuWidgetItem---is_disabled:not(.MenuWidgetItem---inNavigationHeaderLayout):focus {
  background-color: var(--appian-pop-up-menu-color, #fff) !important;
}
li.MenuWidgetItem---default_direction.MenuWidgetItem---active_not_selected {
  box-shadow: 0 0 0 1px #1d659c inset !important;
}
li.MenuWidgetItem---default_direction.MenuWidgetItem---inDropdownWidget {
  outline: none !important;
}
ul > li.MenuWidgetItem---default_direction.MenuWidgetItem---is_disabled.MenuWidgetItem---inApplicationHeaderLayout.MenuWidgetItem---inDarkBackground,
ul > li.MenuWidgetItem---default_direction.MenuWidgetItem---is_disabled.MenuWidgetItem---inApplicationHeaderLayout.MenuWidgetItem---inDarkBackground:hover,
ul > li.MenuWidgetItem---default_direction.MenuWidgetItem---is_disabled.MenuWidgetItem---inApplicationHeaderLayout.MenuWidgetItem---inDarkBackground:focus {
  background-color: var(--appian-app-header-background-color, #020a51) !important;
}
ul > li.MenuWidgetItem---default_direction.MenuWidgetItem---is_disabled div,
ul > li.MenuWidgetItem---default_direction.MenuWidgetItem---is_disabled.MenuWidgetItem---inApplicationHeaderLayout.MenuWidgetItem---inDarkBackground div {
  color: var(--appian-disabled-standalone-text-color, #bbb) !important;
}
/* rtl:begin:ignore */
.MenuWidgetItem---force_ltr {
  direction: ltr !important;
}
.MenuWidgetItem---force_ltr .MenuWidgetItem---submenu_icon {
  position: absolute !important;
  right: 4px !important;
  top: 9px !important;
  height: 1rem !important;
  width: 1rem !important;
  fill: var(--appian-text-color, #222) !important;
}
ul > li.MenuWidgetItem---force_ltr.MenuWidgetItem---has_submenu.MenuWidgetItem---inApplicationHeaderLayout.MenuWidgetItem---inDarkBackground .MenuWidgetItem---submenu_icon {
  fill: #fff !important;
}
ul > li.MenuWidgetItem---force_ltr.MenuWidgetItem---has_submenu > div {
  padding-right: 0.9286rem !important;
}
ul > li.MenuWidgetItem---force_ltr.MenuWidgetItem---is_disabled:not(.MenuWidgetItem---inNavigationHeaderLayout),
ul > li.MenuWidgetItem---force_ltr.MenuWidgetItem---is_disabled:not(.MenuWidgetItem---inNavigationHeaderLayout):hover,
ul > li.MenuWidgetItem---force_ltr.MenuWidgetItem---is_disabled:not(.MenuWidgetItem---inNavigationHeaderLayout):focus {
  background-color: var(--appian-pop-up-menu-color, #fff) !important;
}
li.MenuWidgetItem---force_ltr.MenuWidgetItem---active_not_selected {
  box-shadow: 0 0 0 1px #1d659c inset !important;
}
li.MenuWidgetItem---force_ltr.MenuWidgetItem---inDropdownWidget {
  outline: none !important;
}
ul > li.MenuWidgetItem---force_ltr.MenuWidgetItem---is_disabled.MenuWidgetItem---inApplicationHeaderLayout.MenuWidgetItem---inDarkBackground,
ul > li.MenuWidgetItem---force_ltr.MenuWidgetItem---is_disabled.MenuWidgetItem---inApplicationHeaderLayout.MenuWidgetItem---inDarkBackground:hover,
ul > li.MenuWidgetItem---force_ltr.MenuWidgetItem---is_disabled.MenuWidgetItem---inApplicationHeaderLayout.MenuWidgetItem---inDarkBackground:focus {
  background-color: var(--appian-app-header-background-color, #020a51) !important;
}
ul > li.MenuWidgetItem---force_ltr.MenuWidgetItem---is_disabled div,
ul > li.MenuWidgetItem---force_ltr.MenuWidgetItem---is_disabled.MenuWidgetItem---inApplicationHeaderLayout.MenuWidgetItem---inDarkBackground div {
  color: var(--appian-disabled-standalone-text-color, #bbb) !important;
}
/* rtl:end:ignore */
.MenuWidgetItem---hovercard {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  max-height: 100% !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.CollapsibleOutputNode---print_element_type {
  padding-left: 5px !important;
  color: #888 !important;
  cursor: text !important;
  margin: 0 0 0 -5px !important;
  padding: 0 5px !important;
}
.CollapsibleOutputNode---print_key {
  padding-right: 5px !important;
  color: #444 !important;
  cursor: text !important;
  margin: 0 0 0 -5px !important;
  padding: 0 5px !important;
}
.CollapsibleOutputNode---print_non_value {
  color: #888 !important;
  cursor: text !important;
  margin: 0 0 0 -5px !important;
  padding: 0 5px !important;
}
.CollapsibleOutputNode---print_value {
  color: #005bd0 !important;
  font-weight: 700 !important;
  cursor: text !important;
  margin: 0 0 0 -5px !important;
  padding: 0 5px !important;
}
.CollapsibleOutputNode---print_error {
  color: red !important;
  cursor: text !important;
  margin: 0 0 0 -5px !important;
  padding: 0 5px !important;
}
.CollapsibleOutputNode---changed_field_icon {
  color: #fcb858 !important;
  margin-right: 4px !important;
}
.CollapsibleOutputNode---field_icon {
  color: #c5cbd4 !important;
  margin-right: 4px !important;
}

/* AN-79558: For some reason, the quoted font families are not processed the same way in LESS when they're used inside a
  detached ruleset (@shared-input-styles, here), and our theming extractor ends up not picking them. Moving the font-family
  declaration out of it addresses this. */
.ColorPicker---text,
.ColorPicker---password,
.ColorPicker---textarea,
.ColorPicker---textarea_print,
.ColorPicker---dropdown_value,
.ColorPicker---picker_value,
.ColorPicker---date_range_value {
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
}
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ColorPicker---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .ColorPicker---accessibilityhidden {
  font-size: 0 !important;
}
.ColorPicker---align_start {
  text-align: left !important;
}
.ColorPicker---align_end {
  text-align: right !important;
}
.ColorPicker---center {
  text-align: center !important;
}
.ColorPicker---text::-ms-clear,
.ColorPicker---picker_input::-ms-clear {
  display: none !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.ColorPicker---text::-webkit-input-placeholder,
.ColorPicker---password::-webkit-input-placeholder,
.ColorPicker---picker_input::-webkit-input-placeholder,
.ColorPicker---dropdown_value::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-style: italic !important;
  font-weight: 400 !important;
}
.ColorPicker---text::-moz-placeholder,
.ColorPicker---password::-moz-placeholder,
.ColorPicker---picker_input::-moz-placeholder,
.ColorPicker---dropdown_value::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.ColorPicker---text:-ms-input-placeholder,
.ColorPicker---password:-ms-input-placeholder,
.ColorPicker---picker_input:-ms-input-placeholder,
.ColorPicker---dropdown_value:-ms-input-placeholder,
.ColorPicker---dropdown_value:disabled:-ms-input-placeholder,
.ColorPicker---text:disabled:-ms-input-placeholder,
.ColorPicker---password:disabled:-ms-input-placeholder,
.ColorPicker---picker_input:disabled:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.ColorPicker---textarea_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.ColorPicker---text.ColorPicker---has_clear_link,
.ColorPicker---password.ColorPicker---has_clear_link {
  padding-right: 1.5714rem !important;
}
.ColorPicker---text,
.ColorPicker---password,
.ColorPicker---textarea,
.ColorPicker---textarea_print,
.ColorPicker---dropdown_value,
.ColorPicker---picker_value,
.ColorPicker---date_range_value,
.ColorPicker---date_picker2__control {
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  /* needs extra decimals for correct alignment in some browsers */
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  width: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
}
.ColorPicker---text.ColorPicker---inDarkBackground,
.ColorPicker---password.ColorPicker---inDarkBackground,
.ColorPicker---textarea.ColorPicker---inDarkBackground,
.ColorPicker---textarea_print.ColorPicker---inDarkBackground,
.ColorPicker---dropdown_value.ColorPicker---inDarkBackground,
.ColorPicker---picker_value.ColorPicker---inDarkBackground,
.ColorPicker---date_range_value.ColorPicker---inDarkBackground,
.ColorPicker---date_picker2__control.ColorPicker---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.ColorPicker---dropdown,
.ColorPicker---picker {
  position: relative !important;
  font-size: 1rem !important;
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}
.ColorPicker---dropdown_value,
.ColorPicker---picker_value {
  min-height: 2.4286rem !important;
}
.appian-context-browser-safari .ColorPicker---text,
.appian-context-browser-safari .ColorPicker---textarea {
  margin: 0 !important;
  /* needed to prevent 2px margin-top & margin-bottom on Safari */
}
.appian-context-os-ios .ColorPicker---text,
.appian-context-os-ios .ColorPicker---password,
.appian-context-os-ios .ColorPicker---textarea,
.appian-context-os-ios .ColorPicker---textarea_print,
.appian-context-os-ios .ColorPicker---dropdown_value,
.appian-context-os-ios .ColorPicker---picker_value {
  font-family: -apple-system !important;
}
.appian-context-os-android .ColorPicker---text,
.appian-context-os-android .ColorPicker---password,
.appian-context-os-android .ColorPicker---textarea,
.appian-context-os-android .ColorPicker---textarea_print,
.appian-context-os-android .ColorPicker---dropdown_value,
.appian-context-os-android .ColorPicker---picker_value {
  font-family: "Roboto" !important;
}
.ColorPicker---text.ColorPicker---width_narrow,
.ColorPicker---password.ColorPicker---width_narrow,
.ColorPicker---textarea.ColorPicker---width_narrow,
.ColorPicker---textarea_print.ColorPicker---width_narrow,
.ColorPicker---dropdown.ColorPicker---width_narrow,
.ColorPicker---picker.ColorPicker---width_narrow {
  max-width: 160px !important;
}
.ColorPicker---text.ColorPicker---width_medium,
.ColorPicker---password.ColorPicker---width_medium,
.ColorPicker---textarea.ColorPicker---width_medium,
.ColorPicker---textarea_print.ColorPicker---width_medium,
.ColorPicker---dropdown.ColorPicker---width_medium,
.ColorPicker---picker.ColorPicker---width_medium {
  max-width: 320px !important;
}
.ColorPicker---text:focus,
.ColorPicker---password:focus,
.ColorPicker---textarea:focus,
.ColorPicker---dropdown_value:focus,
.ColorPicker---dropdown_value.ColorPicker---focus,
.ColorPicker---picker_value:focus,
.ColorPicker---picker_value.ColorPicker---focus,
.ColorPicker---date_picker2__control.ColorPicker---date_picker2__control--is-focused {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.ColorPicker---text:disabled,
.ColorPicker---password:disabled,
.ColorPicker---textarea:disabled,
.ColorPicker---textarea.ColorPicker---is_disabled,
.ColorPicker---dropdown_value.ColorPicker---is_disabled,
.ColorPicker---picker_value.ColorPicker---is_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  /* needed to prevent dropdown & picker from getting focus styling on click on IE */
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.ColorPicker---text:disabled,
.ColorPicker---password:disabled,
.ColorPicker---textarea:disabled,
.ColorPicker---textarea.ColorPicker---is_disabled,
.ColorPicker---dropdown_value.ColorPicker---is_disabled:after,
.ColorPicker---dropdown_value.ColorPicker---is_disabled:not(.ColorPicker---placeholder) {
  color: var(--appian-disabled-text-color, #777) !important;
  -webkit-text-fill-color: var(--appian-disabled-text-color, #777) !important;
  /* needed so disabled text color is correct in Safari */
}
.ColorPicker---picker_value.ColorPicker---is_disabled {
  cursor: default !important;
  /* needed to prevent text cursor */
}
.ColorPicker---text[aria-invalid="true"]:not(.ColorPicker---inEditableGridLayout),
.ColorPicker---password[aria-invalid="true"]:not(.ColorPicker---inEditableGridLayout),
.ColorPicker---textarea[aria-invalid="true"]:not(.ColorPicker---inEditableGridLayout),
.ColorPicker---dropdown_value[aria-invalid="true"]:not(.ColorPicker---inEditableGridLayout),
.ColorPicker---picker_value.ColorPicker---invalid:not(.ColorPicker---inEditableGridLayout) {
  border-color: #de0037 !important;
}
.ColorPicker---text[aria-invalid="true"]:not(.ColorPicker---inEditableGridLayout).ColorPicker---inDarkBackground,
.ColorPicker---password[aria-invalid="true"]:not(.ColorPicker---inEditableGridLayout).ColorPicker---inDarkBackground,
.ColorPicker---textarea[aria-invalid="true"]:not(.ColorPicker---inEditableGridLayout).ColorPicker---inDarkBackground,
.ColorPicker---dropdown_value[aria-invalid="true"]:not(.ColorPicker---inEditableGridLayout).ColorPicker---inDarkBackground,
.ColorPicker---picker_value.ColorPicker---invalid:not(.ColorPicker---inEditableGridLayout).ColorPicker---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.ColorPicker---text[aria-invalid="true"]:not(.ColorPicker---inEditableGridLayout):focus,
.ColorPicker---password[aria-invalid="true"]:not(.ColorPicker---inEditableGridLayout):focus,
.ColorPicker---textarea[aria-invalid="true"]:not(.ColorPicker---inEditableGridLayout):focus,
.ColorPicker---dropdown_value[aria-invalid="true"]:not(.ColorPicker---inEditableGridLayout):focus,
.ColorPicker---picker_value.ColorPicker---invalid:not(.ColorPicker---inEditableGridLayout):focus,
.ColorPicker---picker_value.ColorPicker---invalid:not(.ColorPicker---inEditableGridLayout).ColorPicker---focus {
  border-color: #1d659c !important;
}
.ColorPicker---picker_value.ColorPicker---invalid:not(.ColorPicker---inEditableGridLayout),
.ColorPicker---picker_value.ColorPicker---invalid:not(.ColorPicker---inEditableGridLayout):focus,
.ColorPicker---picker_value.ColorPicker---invalid:not(.ColorPicker---inEditableGridLayout).ColorPicker---focus {
  z-index: 2 !important;
}
.ColorPicker---text[aria-invalid="true"].ColorPicker---inEditableGridLayout.ColorPicker---inSideBySideItem,
.ColorPicker---text[aria-invalid="true"].ColorPicker---inEditableGridLayout.ColorPicker---inSideBySideItem:focus,
.ColorPicker---password[aria-invalid="true"].ColorPicker---inEditableGridLayout.ColorPicker---inSideBySideItem,
.ColorPicker---password[aria-invalid="true"].ColorPicker---inEditableGridLayout.ColorPicker---inSideBySideItem:focus,
.ColorPicker---dropdown_value[aria-invalid="true"].ColorPicker---inEditableGridLayout.ColorPicker---inSideBySideItem,
.ColorPicker---dropdown_value[aria-invalid="true"].ColorPicker---inEditableGridLayout.ColorPicker---inSideBySideItem:focus,
.ColorPicker---picker_value.ColorPicker---invalid.ColorPicker---inEditableGridLayout.ColorPicker---inSideBySideItem,
.ColorPicker---picker_value.ColorPicker---invalid.ColorPicker---inEditableGridLayout.ColorPicker---inSideBySideItem:focus,
.ColorPicker---picker_value.ColorPicker---invalid.ColorPicker---inEditableGridLayout.ColorPicker---inSideBySideItem.ColorPicker---focus {
  border: 1px solid transparent !important;
}
.ColorPicker---invalidInSideBySide,
.ColorPicker---invalidInSideBySide:focus {
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.ColorPicker---invalidInSideBySide.ColorPicker---inDarkBackground,
.ColorPicker---invalidInSideBySide:focus.ColorPicker---inDarkBackground {
  border-left-color: var(--appian-input-border-color, #ddd) !important;
  border-right-color: var(--appian-input-border-color, #ddd) !important;
}
.ColorPicker---textarea[aria-invalid="true"].ColorPicker---inEditableGridLayout.ColorPicker---inSideBySideItem,
.ColorPicker---textarea[aria-invalid="true"].ColorPicker---inEditableGridLayout.ColorPicker---inSideBySideItem:focus {
  border-color: #de0037 !important;
}
.ColorPicker---textarea[aria-invalid="true"].ColorPicker---inEditableGridLayout.ColorPicker---inSideBySideItem.ColorPicker---inDarkBackground,
.ColorPicker---textarea[aria-invalid="true"].ColorPicker---inEditableGridLayout.ColorPicker---inSideBySideItem.ColorPicker---inDarkBackground:focus {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.ColorPicker---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.ColorPicker---show_data_icon .ColorPicker---text,
.ColorPicker---show_data_icon .ColorPicker---password,
.ColorPicker---show_data_icon .ColorPicker---textarea,
.ColorPicker---show_data_icon .ColorPicker---dropdown_value {
  padding-left: 1.7857rem !important;
}
.ColorPicker---text.ColorPicker---has_clear_link,
.ColorPicker---password.ColorPicker---has_clear_link {
  padding-right: 1.5714rem !important;
}
.ColorPicker---character_count {
  position: absolute !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 300 !important;
  right: 0 !important;
  bottom: 0 !important;
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  pointer-events: none !important;
}
.ColorPicker---character_count.ColorPicker---over_limit:not(.ColorPicker---inDarkBackground) {
  color: #de0037 !important;
  fill: #de0037 !important;
}
.ColorPicker---character_count.ColorPicker---over_limit.ColorPicker---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.ColorPicker---character_count .ColorPicker---icon_container {
  outline: none !important;
  margin-right: 3px !important;
  margin-bottom: -2px !important;
}
.ColorPicker---character_count .ColorPicker---icon_container > svg {
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
.ColorPicker---character_count_overlay {
  background-color: var(--appian-input-background-color-faded, #fffd) !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 0.7143rem 0.5714rem 0 !important;
  z-index: 3 !important;
}
.appian-context-os-windows .ColorPicker---character_count_overlay {
  margin: 0 1.2857rem 0.5714rem 0 !important;
}
.ColorPicker---textarea:disabled + .ColorPicker---character_count_overlay,
.ColorPicker---character_count_overlay_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.ColorPicker---data_icon {
  position: absolute !important;
  top: 0.7143rem !important;
  left: 0.5714rem !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  fill: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
a.ColorPicker---input_clear_link {
  border: none !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.ColorPicker---input_icon_wrapper > a.ColorPicker---input_clear_link {
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.9286rem !important;
}
.appian-context-browser-edge .ColorPicker---input_icon_wrapper > a.ColorPicker---input_clear_link {
  top: 0.5rem !important;
}
.ColorPicker---dropdown_value a.ColorPicker---input_clear_link {
  position: absolute !important;
  right: 1.4286rem !important;
  top: 0.5714rem !important;
}
.appian-context-os-mac.appian-context-browser-chrome .ColorPicker---dropdown_value a.ColorPicker---input_clear_link {
  top: 0.5rem !important;
}
a.ColorPicker---input_clear_link:hover,
a.ColorPicker---input_clear_link:focus:not([data-appian-ux-mouse-focus]) {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.ColorPicker---dropdown .ColorPicker---dropdown_value.ColorPicker---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.ColorPicker---dropdown_value.ColorPicker---has_inline_label span.ColorPicker---inline_label,
.ColorPicker---date_range_value.ColorPicker---has_inline_label span.ColorPicker---inline_label {
  display: inline-block !important;
  max-width: 70% !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.7857rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.1429rem !important;
  vertical-align: -0.2143rem !important;
  margin-right: 0.5rem !important;
  padding-right: 0.5rem !important;
  border-right: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.ColorPicker---dropdown_value.ColorPicker---has_inline_label.ColorPicker---inDarkBackground span.ColorPicker---inline_label,
.ColorPicker---date_range_value.ColorPicker---has_inline_label.ColorPicker---inDarkBackground span.ColorPicker---inline_label {
  border-right-color: var(--appian-choice-border-color, #bbb) !important;
}
.appian-context-browser-safari .ColorPicker---dropdown_value.ColorPicker---has_inline_label span.ColorPicker---inline_label,
.appian-context-browser-safari .ColorPicker---date_range_value.ColorPicker---has_inline_label span.ColorPicker---inline_label {
  vertical-align: inherit !important;
}
.ColorPicker---dropdown_value.ColorPicker---has_inline_label.ColorPicker---highlighted span.ColorPicker---value_display,
.ColorPicker---date_range_value.ColorPicker---has_inline_label.ColorPicker---highlighted span.ColorPicker---value_display {
  font-weight: 700 !important;
}
.ColorPicker---dropdown_value.ColorPicker---has_inline_label a.ColorPicker---input_clear_link,
.ColorPicker---date_range_value.ColorPicker---has_inline_label a.ColorPicker---input_clear_link {
  display: none !important;
  position: absolute !important;
  right: 1.5714rem !important;
  top: 0.5714rem !important;
}
.ColorPicker---dropdown_value.ColorPicker---has_inline_label.ColorPicker---highlighted a.ColorPicker---input_clear_link,
.ColorPicker---date_range_value.ColorPicker---has_inline_label.ColorPicker---highlighted a.ColorPicker---input_clear_link {
  display: inline-block !important;
}
.ColorPicker---date_range_value.ColorPicker---has_inline_label.ColorPicker---validation:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.ColorPicker---date_range_value.ColorPicker---has_inline_label.ColorPicker---validation:before {
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.ColorPicker---date_range_value.ColorPicker---has_inline_label.ColorPicker---validation.ColorPicker---inDarkBackground:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.ColorPicker---number_range_input.ColorPicker---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.ColorPicker---date_range_value.ColorPicker---has_inline_label.ColorPicker---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
}
.ColorPicker---date_range_value.ColorPicker---has_inline_label.ColorPicker---validation.ColorPicker---inDarkBackground:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.ColorPicker---number_range_input.ColorPicker---validation,
.ColorPicker---date_range_value.ColorPicker---has_inline_label.ColorPicker---validation {
  position: relative !important;
  border-color: transparent !important;
}
i.ColorPicker---back_arrow {
  display: inline-block !important;
  background-size: 1rem 1rem !important;
  width: 1rem !important;
  height: 1rem !important;
  vertical-align: middle !important;
  margin-top: -0.18rem !important;
  margin-right: 0.25rem !important;
}
.appian-context-browser-edge i.ColorPicker---back_arrow {
  background-size: 2rem 2rem !important;
  width: 2rem !important;
  height: 2rem !important;
  -webkit-transform: scale(0.5) !important;
          transform: scale(0.5) !important;
  margin: -0.3571rem -0.3571rem 0 -0.5rem !important;
}
i.ColorPicker---isRtl {
  background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%201792%201792%22%20width%3D%221792%22%20height%3D%221792%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1728%20893q0%2014-10%2024l-384%20354q-16%2014-35%206-19-9-19-29v-224H32q-14%200-23-9t-9-23V800q0-14%209-23t23-9h1248V544q0-21%2019-29t35%205l384%20350q10%2010%2010%2023z%22%3E%3C/path%3E%3C/svg%3E") !important;
}
i.ColorPicker---isLtr {
  background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%201792%201792%22%20width%3D%221792%22%20height%3D%221792%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1792%20800v192q0%2014-9%2023t-23%209H512v224q0%2021-19%2029t-35-5L74%20922q-10-10-10-23%200-14%2010-24l384-354q16-14%2035-6%2019%209%2019%2029v224h1248q14%200%2023%209t9%2023z%22%3E%3C/path%3E%3C/svg%3E") !important;
}
.ColorPicker---picker_no_outline {
  outline: 0px solid transparent !important;
}
.ColorPicker---wrapper {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  background-color: transparent !important;
  height: 2.4286rem !important;
  width: 2.4286rem !important;
  margin: 0 !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  outline: none !important;
  cursor: pointer !important;
}
.ColorPicker---wrapper:focus {
  border-color: #1d659c !important;
}
.ColorPicker---wrapper.ColorPicker---non_editable {
  border: none !important;
  cursor: default !important;
}
.ColorPicker---color_preview_box {
  height: 1.8571rem !important;
  width: 1.8571rem !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.ColorPicker---color_picker_container {
  width: 232px !important;
  padding: 6px !important;
  background-color: #fff !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  margin-top: 2px !important;
  z-index: 2000020 !important;
}
.ColorPicker---color_picker_popper {
  z-index: 2000020 !important;
}
.ColorPicker---color_picker_popper.ColorPicker---inModalDialogLayout {
  z-index: 2000023 !important;
}
.ColorPicker---custom_color_tools {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
          justify-content: space-between !important;
}
.ColorPicker---saturation {
  height: 186px !important;
  width: 186px !important;
  position: relative !important;
  overflow: hidden !important;
  cursor: pointer !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.ColorPicker---saturation_pointer {
  width: 8px !important;
  height: 8px !important;
  border-radius: 100% !important;
  box-shadow: #ffffff 0px 0px 0px 1.5px, rgba(0, 0, 0, 0.3) 0px 0px 1px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 1px 2px !important;
  -webkit-transform: translate(-2px, -2px) !important;
          transform: translate(-2px, -2px) !important;
  cursor: pointer !important;
}
.ColorPicker---hue {
  height: 186px !important;
  width: 26px !important;
  position: relative !important;
  cursor: pointer !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.ColorPicker---hue_pointer {
  height: 6px !important;
  width: 32px !important;
  background-color: #fff !important;
  cursor: pointer !important;
  position: absolute !important;
  /*rtl:ignore*/
  left: -4px !important;
  border: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.ColorPicker---color_swatch {
  height: 20px !important;
  width: 20px !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  cursor: pointer !important;
}
.ColorPicker---color_swatch:not(:last-child) {
  margin-right: 2px !important;
}
.ColorPicker---color_swatch.ColorPicker---active,
.ColorPicker---color_swatch.ColorPicker---selected {
  border-color: #fff !important;
  outline: 1px solid #1d659c !important;
}
.ColorPicker---color_swatch.ColorPicker---selected {
  -webkit-transform: scale(1.2, 1.2) !important;
          transform: scale(1.2, 1.2) !important;
  z-index: 2000021 !important;
}
.ColorPicker---swatch_row {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
          justify-content: flex-start !important;
  position: relative !important;
  margin-bottom: 2px !important;
}
.ColorPicker---swatch_row:first-of-type,
.ColorPicker---swatch_row:nth-of-type(2) {
  margin-bottom: 8px !important;
}
.ColorPicker---swatch_row:last-of-type {
  margin-bottom: 0px !important;
}
.ColorPicker---swatch_section:first-of-type {
  border-bottom: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  padding-bottom: 6px !important;
  margin-bottom: 6px !important;
}
.ColorPicker---hex_code_section {
  margin-bottom: 6px !important;
  position: relative !important;
}
.ColorPicker---hex_code_section .ColorPicker---color_box {
  position: absolute !important;
  left: 6px !important;
  margin: 6px 6px 0 0 !important;
  height: 22px !important;
  width: 22px !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  pointer-events: none !important;
}
.ColorPicker---hex_code_section .ColorPicker---text {
  width: 218px !important;
  padding-left: 33px !important;
}
.ColorPicker---link_toggle {
  display: inline !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  margin-top: 6px !important;
}
.ColorPicker---link_toggle > a:hover {
  cursor: pointer !important;
}

.RichTextEditorMenuButton---toolbar_btn {
  display: inline-block !important;
  position: relative !important;
  /* needed to prevent extra dotted outline (only observed for color button on Firefox) */
}
.RichTextEditorMenuButton---toolbar_btn:focus {
  border: none !important;
  outline: none !important;
}

.ColorText---color_custom:not(.ColorText---inStrongText) {
  font-weight: 400 !important;
  /* needed so custom color text nested within secondary text does not get lightweight font */
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ColumnArrayLayout---column_layout {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  margin: 0 auto !important;
  width: 100% !important;
}
.ColumnArrayLayout---column_layout:not(.appian-context-last-in-list),
.ColumnArrayLayout---column_layout.ColumnArrayLayout---static:not(.appian-context-last-in-list),
.ColumnArrayLayout---column_layout.ColumnArrayLayout---margin_below_standard,
.ColumnArrayLayout---column_layout.ColumnArrayLayout---margin_below_standard.ColumnArrayLayout---static {
  margin-bottom: 0.7143rem !important;
  /* parallels field layout */
}
.ColumnArrayLayout---column_layout.ColumnArrayLayout---margin_below_less {
  margin-bottom: 0.5rem !important;
}
.ColumnArrayLayout---column_layout.ColumnArrayLayout---margin_below_even_less {
  margin-bottom: 0.2857rem !important;
}
.ColumnArrayLayout---column_layout.ColumnArrayLayout---margin_below_more {
  margin-bottom: 2rem !important;
}
.ColumnArrayLayout---column_layout.ColumnArrayLayout---margin_below_even_more {
  margin-bottom: 4rem !important;
}
.ColumnArrayLayout---column_layout.ColumnArrayLayout---margin_below_none,
.ColumnArrayLayout---column_layout.ColumnArrayLayout---margin_below_none:not(.appian-context-last-in-list) {
  margin-bottom: 0 !important;
}
.ColumnArrayLayout---column_layout.ColumnArrayLayout---margin_above_standard {
  margin-top: 0.7143rem !important;
  /* parallels field layout */
}
.ColumnArrayLayout---column_layout.ColumnArrayLayout---margin_above_less {
  margin-top: 0.5rem !important;
}
.ColumnArrayLayout---column_layout.ColumnArrayLayout---margin_above_even_less {
  margin-top: 0.2857rem !important;
}
.ColumnArrayLayout---column_layout.ColumnArrayLayout---margin_above_more {
  margin-top: 2rem !important;
}
.ColumnArrayLayout---column_layout.ColumnArrayLayout---margin_above_even_more {
  margin-top: 4rem !important;
}
.ColumnArrayLayout---column_layout.ColumnArrayLayout---margin_above_none {
  margin-top: 0 !important;
}
/* allows columns to take up less than 100% width (i.e., 2 narrow columns won't
 * stretch to fill available space) & prevents columns from overflowing past 100% */
.ColumnArrayLayout---column_layout.ColumnArrayLayout---static {
  width: auto !important;
  margin: 0 !important;
}
.ColumnArrayLayout---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .ColumnArrayLayout---accessibilityhidden {
  font-size: 0 !important;
}
.appian-context-ux-page-size-phone .ColumnArrayLayout---column_layout.ColumnArrayLayout---standard_spacing {
  width: 100% !important;
  /* Needed to prevent 20px jump when resizing browser to phone width */
  display: block !important;
}
.ColumnArrayLayout---column_layout.ColumnArrayLayout---minHeight_buttonSmall {
  min-height: 2.5715rem !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ColumnChart2---container {
  /*rtl:ignore*/
  direction: ltr !important;
  width: 100% !important;
  /**
   * We need to add an .inDarkBackground case that doesn't use the -hc LESS
   * variables because themingManager overrides the dark theme high contrast
   * values set in backgroundColorVariableOverrides
   */
}
.ColumnChart2---container:not(.ColumnChart2---inDarkBackground) svg path[stroke="rgba(200, 200, 200, 1)"] {
  stroke: var(--appian-chart-axis-line-color, rgba(200, 200, 200)) !important;
}
.ColumnChart2---container:not(.ColumnChart2---inDarkBackground) svg path[stroke="rgba(200, 200, 200, 0.5)"] {
  stroke: var(--appian-chart-grid-line-color, rgba(200, 200, 200, 0.5)) !important;
}
.ColumnChart2---container.ColumnChart2---inDarkBackground svg path[stroke="rgba(136, 136, 136, 1)"] {
  stroke: var(--appian-chart-axis-line-color-on-dark-bg, rgba(136, 136, 136)) !important;
}
.ColumnChart2---container.ColumnChart2---inDarkBackground svg path[stroke="rgba(136, 136, 136, 0.5)"] {
  stroke: var(--appian-chart-grid-line-color-on-dark-bg, rgba(136, 136, 136, 0.5)) !important;
}
.ColumnChart2---chart_height_micro {
  height: 80px !important;
}
.ColumnChart2---chart_height_short {
  height: 200px !important;
}
.ColumnChart2---chart_height_medium {
  height: 400px !important;
}
.ColumnChart2---chart_height_tall {
  height: 600px !important;
}
.ColumnChart2---chart_height_auto {
  min-height: 400px !important;
}
.ColumnChart2---scroll_horizontal {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ColumnLayout---align_start {
  text-align: left !important;
}
.ColumnLayout---align_end {
  text-align: right !important;
}
.ColumnLayout---center {
  text-align: center !important;
}
/* Columns - these correspond to values in ColumnLayoutUtils.js */
/* prettier-ignore */
.ColumnLayout---divider_line {
  border-left: 1px solid #d4d4d4 !important;
  -webkit-align-self: stretch !important;
              -ms-grid-row-align: stretch !important;
          align-self: stretch !important;
}
.ColumnLayout---divider_line.ColumnLayout---inDarkBackground {
  border-left-color: var(--appian-divider-color-subtle-in-dark-bg, #555) !important;
}
.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line {
  border-left-color: transparent !important;
}
.ColumnLayout---column {
  -webkit-align-self: flex-start !important;
          align-self: flex-start !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 0% !important;
          flex: 1 1 0% !important;
  /*
   * Because we adhere to the "border-box" standard for calculating width,
   * min-width should account for the 20 px of content width as well as 20px
   * of padding. When a column is the last child, it should not have padding.
   * In that case, we reduce the min-width to 20px.
   */
  min-width: 40px !important;
}
.ColumnLayout---column:last-child {
  min-width: 20px !important;
}
/*
 * The data grid and relationship diagram columns should not get cut off
 * when resizing the client window.
 *
 * min-width corresponds to DATA_STRUCTURE_COLUMN_WIDTH in ColumnLayoutUtils.js
 */
.ColumnLayout---column.ColumnLayout---rtdDataStructureColumn {
  -webkit-flex-basis: 300px !important;
          flex-basis: 300px !important;
  -webkit-flex-shrink: 0 !important;
          flex-shrink: 0 !important;
}
/* These values are coupled with the PADDING constants in ColumnLayoutUtils.js
   * If the padding here ever changes, it should be changed in the utils as well. */
.ColumnLayout---column_padding_none {
  padding-right: 0px !important;
}
.ColumnLayout---column_padding_none.appian-context-last-in-list {
  padding-right: 0 !important;
}
.ColumnLayout---column_padding_none.ColumnLayout---show_dividers,
.ColumnLayout---column_padding_none.ColumnLayout---show_dividers + .ColumnLayout---divider_line {
  padding-right: 0px !important;
}
.ColumnLayout---column_padding_none.ColumnLayout---show_dividers.appian-context-last-in-list,
.ColumnLayout---column_padding_none.ColumnLayout---show_dividers + .ColumnLayout---divider_line.appian-context-last-in-list {
  padding-right: 0 !important;
}
.ColumnLayout---column_padding_none.ColumnLayout---show_dividers + .ColumnLayout---divider_line {
  width: 1px !important;
}
.ColumnLayout---column_padding_dense {
  padding-right: 10px !important;
}
.ColumnLayout---column_padding_dense.appian-context-last-in-list {
  padding-right: 0 !important;
}
.ColumnLayout---column_padding_dense.ColumnLayout---show_dividers,
.ColumnLayout---column_padding_dense.ColumnLayout---show_dividers + .ColumnLayout---divider_line {
  padding-right: 5px !important;
}
.ColumnLayout---column_padding_dense.ColumnLayout---show_dividers.appian-context-last-in-list,
.ColumnLayout---column_padding_dense.ColumnLayout---show_dividers + .ColumnLayout---divider_line.appian-context-last-in-list {
  padding-right: 0 !important;
}
.ColumnLayout---column_padding_dense.ColumnLayout---show_dividers + .ColumnLayout---divider_line {
  width: 6px !important;
}
.ColumnLayout---column_padding_standard {
  padding-right: 20px !important;
}
.ColumnLayout---column_padding_standard.appian-context-last-in-list {
  padding-right: 0 !important;
}
.ColumnLayout---column_padding_standard.ColumnLayout---show_dividers,
.ColumnLayout---column_padding_standard.ColumnLayout---show_dividers + .ColumnLayout---divider_line {
  padding-right: 10px !important;
}
.ColumnLayout---column_padding_standard.ColumnLayout---show_dividers.appian-context-last-in-list,
.ColumnLayout---column_padding_standard.ColumnLayout---show_dividers + .ColumnLayout---divider_line.appian-context-last-in-list {
  padding-right: 0 !important;
}
.ColumnLayout---column_padding_standard.ColumnLayout---show_dividers + .ColumnLayout---divider_line {
  width: 11px !important;
}
.ColumnLayout---column_padding_sparse {
  padding-right: 40px !important;
}
.ColumnLayout---column_padding_sparse.appian-context-last-in-list {
  padding-right: 0 !important;
}
.ColumnLayout---column_padding_sparse.ColumnLayout---show_dividers,
.ColumnLayout---column_padding_sparse.ColumnLayout---show_dividers + .ColumnLayout---divider_line {
  padding-right: 20px !important;
}
.ColumnLayout---column_padding_sparse.ColumnLayout---show_dividers.appian-context-last-in-list,
.ColumnLayout---column_padding_sparse.ColumnLayout---show_dividers + .ColumnLayout---divider_line.appian-context-last-in-list {
  padding-right: 0 !important;
}
.ColumnLayout---column_padding_sparse.ColumnLayout---show_dividers + .ColumnLayout---divider_line {
  width: 21px !important;
}
/* When an overflow column is dragged in the live view, it becomes the only child of
 * the LiveViewDragLayer. By adding the cross-component-boundary pseudo-selector,
 * the overflow column maintains the padding-right it had in the layout when in the drag preview. */
.ColumnLayout---column.ColumnLayout---overflow.appian-context-last-in-list {
  padding-right: 0 !important;
  min-width: 20px !important;
}
.ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---overflow.appian-context-last-in-list {
  width: 20px !important;
}
.ColumnLayout---column.ColumnLayout---top {
  -webkit-align-self: flex-start !important;
          align-self: flex-start !important;
}
.ColumnLayout---column.ColumnLayout---middle {
  -webkit-align-self: center !important;
              -ms-grid-row-align: center !important;
          align-self: center !important;
}
.ColumnLayout---column.ColumnLayout---bottom {
  -webkit-align-self: flex-end !important;
          align-self: flex-end !important;
}
.ColumnLayout---column.ColumnLayout---standalone_column {
  padding-right: 0px !important;
}
.ColumnLayout---column.ColumnLayout---fill_height {
  -webkit-align-self: stretch !important;
              -ms-grid-row-align: stretch !important;
          align-self: stretch !important;
  /* align-self stretch allows the ID drag n drop placeholders in empty columns to take up the full height of the column (AN-99327) */
}
.ColumnLayout---column {
  /* Extra classnames needed here so that the stacked width: 100% overrides the fixed column widths defined after this section */
}
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_phone,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_phone,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_phone,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_phone,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_phone,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_phone,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_phone,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_phone,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_phone,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_phone,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_phone,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_phone,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_phone,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_phone,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_phone,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_phone,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_phone,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_phone,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_phone,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_phone {
  display: block !important;
  padding-right: 0 !important;
  width: 100% !important;
}
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line {
  position: relative !important;
  display: block !important;
  border-left: none !important;
  border-top: 1px solid #d4d4d4 !important;
  height: 1px !important;
  width: 100% !important;
  top: auto !important;
  bottom: 0.5rem !important;
  right: 0 !important;
}
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground {
  border-top-color: var(--appian-divider-color-subtle-in-dark-bg, #555) !important;
}
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_phone.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line {
  border-top-color: transparent !important;
}
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_phone:not(.appian-context-last-in-list),
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_phone:not(.appian-context-last-in-list),
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_phone:not(.appian-context-last-in-list),
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_phone:not(.appian-context-last-in-list),
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_phone:not(.appian-context-last-in-list),
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_phone:not(.appian-context-last-in-list),
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_phone:not(.appian-context-last-in-list),
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_phone:not(.appian-context-last-in-list),
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_phone:not(.appian-context-last-in-list),
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_phone:not(.appian-context-last-in-list),
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_phone:not(.appian-context-last-in-list),
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_phone:not(.appian-context-last-in-list),
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_phone:not(.appian-context-last-in-list),
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_phone:not(.appian-context-last-in-list),
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_phone:not(.appian-context-last-in-list),
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_phone:not(.appian-context-last-in-list),
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_phone:not(.appian-context-last-in-list),
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_phone:not(.appian-context-last-in-list),
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_phone:not(.appian-context-last-in-list),
.appian-context-ux-page-size-phone .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_phone:not(.appian-context-last-in-list) {
  margin-bottom: 1rem !important;
}
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_tablet_portrait,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_tablet_portrait,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_tablet_portrait,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_tablet_portrait,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_tablet_portrait,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_tablet_portrait,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_tablet_portrait,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_tablet_portrait,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_tablet_portrait,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_tablet_portrait,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_tablet_portrait,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_tablet_portrait,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_tablet_portrait,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_tablet_portrait,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_tablet_portrait,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_tablet_portrait,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_tablet_portrait,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_tablet_portrait,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_tablet_portrait,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_tablet_portrait {
  display: block !important;
  padding-right: 0 !important;
  width: 100% !important;
}
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line {
  position: relative !important;
  display: block !important;
  border-left: none !important;
  border-top: 1px solid #d4d4d4 !important;
  height: 1px !important;
  width: 100% !important;
  top: auto !important;
  bottom: 0.5rem !important;
  right: 0 !important;
}
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground {
  border-top-color: var(--appian-divider-color-subtle-in-dark-bg, #555) !important;
}
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_tablet_portrait.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line {
  border-top-color: transparent !important;
}
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_tablet_portrait:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_tablet_portrait:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_tablet_portrait:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_tablet_portrait:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_tablet_portrait:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_tablet_portrait:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_tablet_portrait:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_tablet_portrait:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_tablet_portrait:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_tablet_portrait:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_tablet_portrait:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_tablet_portrait:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_tablet_portrait:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_tablet_portrait:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_tablet_portrait:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_tablet_portrait:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_tablet_portrait:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_tablet_portrait:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_tablet_portrait:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-portrait .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_tablet_portrait:not(.appian-context-last-in-list) {
  margin-bottom: 1rem !important;
}
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_tablet_landscape,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_tablet_landscape,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_tablet_landscape,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_tablet_landscape,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_tablet_landscape,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_tablet_landscape,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_tablet_landscape,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_tablet_landscape,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_tablet_landscape,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_tablet_landscape,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_tablet_landscape,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_tablet_landscape,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_tablet_landscape,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_tablet_landscape,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_tablet_landscape,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_tablet_landscape,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_tablet_landscape,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_tablet_landscape,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_tablet_landscape,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_tablet_landscape {
  display: block !important;
  padding-right: 0 !important;
  width: 100% !important;
}
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line {
  position: relative !important;
  display: block !important;
  border-left: none !important;
  border-top: 1px solid #d4d4d4 !important;
  height: 1px !important;
  width: 100% !important;
  top: auto !important;
  bottom: 0.5rem !important;
  right: 0 !important;
}
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground {
  border-top-color: var(--appian-divider-color-subtle-in-dark-bg, #555) !important;
}
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_tablet_landscape.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line {
  border-top-color: transparent !important;
}
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_tablet_landscape:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_tablet_landscape:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_tablet_landscape:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_tablet_landscape:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_tablet_landscape:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_tablet_landscape:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_tablet_landscape:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_tablet_landscape:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_tablet_landscape:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_tablet_landscape:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_tablet_landscape:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_tablet_landscape:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_tablet_landscape:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_tablet_landscape:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_tablet_landscape:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_tablet_landscape:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_tablet_landscape:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_tablet_landscape:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_tablet_landscape:not(.appian-context-last-in-list),
.appian-context-ux-page-size-tablet-landscape .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_tablet_landscape:not(.appian-context-last-in-list) {
  margin-bottom: 1rem !important;
}
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_desktop_narrow,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_desktop_narrow,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_desktop_narrow,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_desktop_narrow,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_desktop_narrow,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_desktop_narrow,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_desktop_narrow,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_desktop_narrow,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_desktop_narrow,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_desktop_narrow,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_desktop_narrow,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_desktop_narrow,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_desktop_narrow,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_desktop_narrow,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_desktop_narrow,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_desktop_narrow,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_desktop_narrow,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_desktop_narrow,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_desktop_narrow,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_desktop_narrow {
  display: block !important;
  padding-right: 0 !important;
  width: 100% !important;
}
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line {
  position: relative !important;
  display: block !important;
  border-left: none !important;
  border-top: 1px solid #d4d4d4 !important;
  height: 1px !important;
  width: 100% !important;
  top: auto !important;
  bottom: 0.5rem !important;
  right: 0 !important;
}
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground {
  border-top-color: var(--appian-divider-color-subtle-in-dark-bg, #555) !important;
}
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_desktop_narrow.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line {
  border-top-color: transparent !important;
}
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_desktop_narrow:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_desktop_narrow:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_desktop_narrow:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_desktop_narrow:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_desktop_narrow:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_desktop_narrow:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_desktop_narrow:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_desktop_narrow:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_desktop_narrow:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_desktop_narrow:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_desktop_narrow:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_desktop_narrow:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_desktop_narrow:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_desktop_narrow:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_desktop_narrow:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_desktop_narrow:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_desktop_narrow:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_desktop_narrow:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_desktop_narrow:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-narrow .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_desktop_narrow:not(.appian-context-last-in-list) {
  margin-bottom: 1rem !important;
}
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_desktop,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_desktop,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_desktop,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_desktop,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_desktop,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_desktop,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_desktop,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_desktop,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_desktop,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_desktop,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_desktop,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_desktop,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_desktop,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_desktop,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_desktop,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_desktop,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_desktop,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_desktop,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_desktop,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_desktop {
  display: block !important;
  padding-right: 0 !important;
  width: 100% !important;
}
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line {
  position: relative !important;
  display: block !important;
  border-left: none !important;
  border-top: 1px solid #d4d4d4 !important;
  height: 1px !important;
  width: 100% !important;
  top: auto !important;
  bottom: 0.5rem !important;
  right: 0 !important;
}
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground {
  border-top-color: var(--appian-divider-color-subtle-in-dark-bg, #555) !important;
}
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_desktop.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line {
  border-top-color: transparent !important;
}
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_desktop:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_desktop:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_desktop:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_desktop:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_desktop:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_desktop:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_desktop:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_desktop:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_desktop:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_desktop:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_desktop:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_desktop:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_desktop:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_desktop:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_desktop:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_desktop:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_desktop:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_desktop:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_desktop:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_desktop:not(.appian-context-last-in-list) {
  margin-bottom: 1rem !important;
}
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_desktop_wide,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_desktop_wide,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_desktop_wide,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_desktop_wide,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_desktop_wide,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_desktop_wide,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_desktop_wide,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_desktop_wide,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_desktop_wide,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_desktop_wide,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_desktop_wide,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_desktop_wide,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_desktop_wide,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_desktop_wide,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_desktop_wide,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_desktop_wide,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_desktop_wide,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_desktop_wide,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_desktop_wide,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_desktop_wide {
  display: block !important;
  padding-right: 0 !important;
  width: 100% !important;
}
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line {
  position: relative !important;
  display: block !important;
  border-left: none !important;
  border-top: 1px solid #d4d4d4 !important;
  height: 1px !important;
  width: 100% !important;
  top: auto !important;
  bottom: 0.5rem !important;
  right: 0 !important;
}
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers + .ColumnLayout---divider_line.ColumnLayout---inDarkBackground {
  border-top-color: var(--appian-divider-color-subtle-in-dark-bg, #555) !important;
}
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line,
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_desktop_wide.ColumnLayout---show_dividers.ColumnLayout---last_column_before_id_add_helper + .ColumnLayout---divider_line {
  border-top-color: transparent !important;
}
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_feed.ColumnLayout---stack_when_desktop_wide:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_add.ColumnLayout---stack_when_desktop_wide:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_auto.ColumnLayout---stack_when_desktop_wide:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_extra_narrow.ColumnLayout---stack_when_desktop_wide:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_narrow.ColumnLayout---stack_when_desktop_wide:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_narrow_plus.ColumnLayout---stack_when_desktop_wide:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_medium.ColumnLayout---stack_when_desktop_wide:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_medium_plus.ColumnLayout---stack_when_desktop_wide:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_wide.ColumnLayout---stack_when_desktop_wide:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---width_wide_plus.ColumnLayout---stack_when_desktop_wide:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias1x.ColumnLayout---stack_when_desktop_wide:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias2x.ColumnLayout---stack_when_desktop_wide:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias3x.ColumnLayout---stack_when_desktop_wide:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias4x.ColumnLayout---stack_when_desktop_wide:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias5x.ColumnLayout---stack_when_desktop_wide:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias6x.ColumnLayout---stack_when_desktop_wide:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias7x.ColumnLayout---stack_when_desktop_wide:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias8x.ColumnLayout---stack_when_desktop_wide:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias9x.ColumnLayout---stack_when_desktop_wide:not(.appian-context-last-in-list),
.appian-context-ux-page-size-desktop-wide .ColumnLayout---column.ColumnLayout---bias10x.ColumnLayout---stack_when_desktop_wide:not(.appian-context-last-in-list) {
  margin-bottom: 1rem !important;
}
/* Definitions of Column Widths depend on spacing and divider.
 * The logic used by the column-width-adjusted mixin matches the logic in getColumnWidth in ColumnUtils */
.ColumnLayout---width_feed.ColumnLayout---column_padding_none {
  -webkit-flex-basis: calc(700px + (1 * 0px) - 20px) !important;
          flex-basis: calc(700px + (1 * 0px) - 20px) !important;
}
.ColumnLayout---width_feed.ColumnLayout---column_padding_none:last-child {
  -webkit-flex-basis: calc(700px - 20px) !important;
          flex-basis: calc(700px - 20px) !important;
}
.ColumnLayout---width_feed.ColumnLayout---column_padding_none.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(700px + (0.5 * 0px) - 20px) !important;
          flex-basis: calc(700px + (0.5 * 0px) - 20px) !important;
}
.ColumnLayout---width_feed.ColumnLayout---column_padding_none.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(700px - 20px) !important;
          flex-basis: calc(700px - 20px) !important;
}
.ColumnLayout---width_feed.ColumnLayout---column_padding_dense {
  -webkit-flex-basis: calc(700px + (1 * 10px) - 20px) !important;
          flex-basis: calc(700px + (1 * 10px) - 20px) !important;
}
.ColumnLayout---width_feed.ColumnLayout---column_padding_dense:last-child {
  -webkit-flex-basis: calc(700px - 20px) !important;
          flex-basis: calc(700px - 20px) !important;
}
.ColumnLayout---width_feed.ColumnLayout---column_padding_dense.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(700px + (0.5 * 10px) - 20px) !important;
          flex-basis: calc(700px + (0.5 * 10px) - 20px) !important;
}
.ColumnLayout---width_feed.ColumnLayout---column_padding_dense.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(700px - 20px) !important;
          flex-basis: calc(700px - 20px) !important;
}
.ColumnLayout---width_feed.ColumnLayout---column_padding_standard {
  -webkit-flex-basis: calc(700px + (1 * 20px) - 20px) !important;
          flex-basis: calc(700px + (1 * 20px) - 20px) !important;
}
.ColumnLayout---width_feed.ColumnLayout---column_padding_standard:last-child {
  -webkit-flex-basis: calc(700px - 20px) !important;
          flex-basis: calc(700px - 20px) !important;
}
.ColumnLayout---width_feed.ColumnLayout---column_padding_standard.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(700px + (0.5 * 20px) - 20px) !important;
          flex-basis: calc(700px + (0.5 * 20px) - 20px) !important;
}
.ColumnLayout---width_feed.ColumnLayout---column_padding_standard.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(700px - 20px) !important;
          flex-basis: calc(700px - 20px) !important;
}
.ColumnLayout---width_feed.ColumnLayout---column_padding_sparse {
  -webkit-flex-basis: calc(700px + (1 * 40px) - 20px) !important;
          flex-basis: calc(700px + (1 * 40px) - 20px) !important;
}
.ColumnLayout---width_feed.ColumnLayout---column_padding_sparse:last-child {
  -webkit-flex-basis: calc(700px - 20px) !important;
          flex-basis: calc(700px - 20px) !important;
}
.ColumnLayout---width_feed.ColumnLayout---column_padding_sparse.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(700px + (0.5 * 40px) - 20px) !important;
          flex-basis: calc(700px + (0.5 * 40px) - 20px) !important;
}
.ColumnLayout---width_feed.ColumnLayout---column_padding_sparse.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(700px - 20px) !important;
          flex-basis: calc(700px - 20px) !important;
}
.ColumnLayout---width_add.ColumnLayout---column_padding_none {
  -webkit-flex-basis: calc(40px + (1 * 0px) - 20px) !important;
          flex-basis: calc(40px + (1 * 0px) - 20px) !important;
}
.ColumnLayout---width_add.ColumnLayout---column_padding_none:last-child {
  -webkit-flex-basis: calc(40px - 20px) !important;
          flex-basis: calc(40px - 20px) !important;
}
.ColumnLayout---width_add.ColumnLayout---column_padding_none.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(40px + (0.5 * 0px) - 20px) !important;
          flex-basis: calc(40px + (0.5 * 0px) - 20px) !important;
}
.ColumnLayout---width_add.ColumnLayout---column_padding_none.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(40px - 20px) !important;
          flex-basis: calc(40px - 20px) !important;
}
.ColumnLayout---width_add.ColumnLayout---column_padding_dense {
  -webkit-flex-basis: calc(40px + (1 * 10px) - 20px) !important;
          flex-basis: calc(40px + (1 * 10px) - 20px) !important;
}
.ColumnLayout---width_add.ColumnLayout---column_padding_dense:last-child {
  -webkit-flex-basis: calc(40px - 20px) !important;
          flex-basis: calc(40px - 20px) !important;
}
.ColumnLayout---width_add.ColumnLayout---column_padding_dense.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(40px + (0.5 * 10px) - 20px) !important;
          flex-basis: calc(40px + (0.5 * 10px) - 20px) !important;
}
.ColumnLayout---width_add.ColumnLayout---column_padding_dense.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(40px - 20px) !important;
          flex-basis: calc(40px - 20px) !important;
}
.ColumnLayout---width_add.ColumnLayout---column_padding_standard {
  -webkit-flex-basis: calc(40px + (1 * 20px) - 20px) !important;
          flex-basis: calc(40px + (1 * 20px) - 20px) !important;
}
.ColumnLayout---width_add.ColumnLayout---column_padding_standard:last-child {
  -webkit-flex-basis: calc(40px - 20px) !important;
          flex-basis: calc(40px - 20px) !important;
}
.ColumnLayout---width_add.ColumnLayout---column_padding_standard.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(40px + (0.5 * 20px) - 20px) !important;
          flex-basis: calc(40px + (0.5 * 20px) - 20px) !important;
}
.ColumnLayout---width_add.ColumnLayout---column_padding_standard.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(40px - 20px) !important;
          flex-basis: calc(40px - 20px) !important;
}
.ColumnLayout---width_add.ColumnLayout---column_padding_sparse {
  -webkit-flex-basis: calc(40px + (1 * 40px) - 20px) !important;
          flex-basis: calc(40px + (1 * 40px) - 20px) !important;
}
.ColumnLayout---width_add.ColumnLayout---column_padding_sparse:last-child {
  -webkit-flex-basis: calc(40px - 20px) !important;
          flex-basis: calc(40px - 20px) !important;
}
.ColumnLayout---width_add.ColumnLayout---column_padding_sparse.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(40px + (0.5 * 40px) - 20px) !important;
          flex-basis: calc(40px + (0.5 * 40px) - 20px) !important;
}
.ColumnLayout---width_add.ColumnLayout---column_padding_sparse.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(40px - 20px) !important;
          flex-basis: calc(40px - 20px) !important;
}
.ColumnLayout---width_extra_narrow.ColumnLayout---column_padding_none {
  -webkit-flex-basis: calc(80px + (1 * 0px) - 20px) !important;
          flex-basis: calc(80px + (1 * 0px) - 20px) !important;
}
.ColumnLayout---width_extra_narrow.ColumnLayout---column_padding_none:last-child {
  -webkit-flex-basis: calc(80px - 20px) !important;
          flex-basis: calc(80px - 20px) !important;
}
.ColumnLayout---width_extra_narrow.ColumnLayout---column_padding_none.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(80px + (0.5 * 0px) - 20px) !important;
          flex-basis: calc(80px + (0.5 * 0px) - 20px) !important;
}
.ColumnLayout---width_extra_narrow.ColumnLayout---column_padding_none.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(80px - 20px) !important;
          flex-basis: calc(80px - 20px) !important;
}
.ColumnLayout---width_extra_narrow.ColumnLayout---column_padding_dense {
  -webkit-flex-basis: calc(80px + (1 * 10px) - 20px) !important;
          flex-basis: calc(80px + (1 * 10px) - 20px) !important;
}
.ColumnLayout---width_extra_narrow.ColumnLayout---column_padding_dense:last-child {
  -webkit-flex-basis: calc(80px - 20px) !important;
          flex-basis: calc(80px - 20px) !important;
}
.ColumnLayout---width_extra_narrow.ColumnLayout---column_padding_dense.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(80px + (0.5 * 10px) - 20px) !important;
          flex-basis: calc(80px + (0.5 * 10px) - 20px) !important;
}
.ColumnLayout---width_extra_narrow.ColumnLayout---column_padding_dense.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(80px - 20px) !important;
          flex-basis: calc(80px - 20px) !important;
}
.ColumnLayout---width_extra_narrow.ColumnLayout---column_padding_standard {
  -webkit-flex-basis: calc(80px + (1 * 20px) - 20px) !important;
          flex-basis: calc(80px + (1 * 20px) - 20px) !important;
}
.ColumnLayout---width_extra_narrow.ColumnLayout---column_padding_standard:last-child {
  -webkit-flex-basis: calc(80px - 20px) !important;
          flex-basis: calc(80px - 20px) !important;
}
.ColumnLayout---width_extra_narrow.ColumnLayout---column_padding_standard.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(80px + (0.5 * 20px) - 20px) !important;
          flex-basis: calc(80px + (0.5 * 20px) - 20px) !important;
}
.ColumnLayout---width_extra_narrow.ColumnLayout---column_padding_standard.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(80px - 20px) !important;
          flex-basis: calc(80px - 20px) !important;
}
.ColumnLayout---width_extra_narrow.ColumnLayout---column_padding_sparse {
  -webkit-flex-basis: calc(80px + (1 * 40px) - 20px) !important;
          flex-basis: calc(80px + (1 * 40px) - 20px) !important;
}
.ColumnLayout---width_extra_narrow.ColumnLayout---column_padding_sparse:last-child {
  -webkit-flex-basis: calc(80px - 20px) !important;
          flex-basis: calc(80px - 20px) !important;
}
.ColumnLayout---width_extra_narrow.ColumnLayout---column_padding_sparse.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(80px + (0.5 * 40px) - 20px) !important;
          flex-basis: calc(80px + (0.5 * 40px) - 20px) !important;
}
.ColumnLayout---width_extra_narrow.ColumnLayout---column_padding_sparse.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(80px - 20px) !important;
          flex-basis: calc(80px - 20px) !important;
}
.ColumnLayout---width_narrow.ColumnLayout---column_padding_none {
  -webkit-flex-basis: calc(240px + (1 * 0px) - 20px) !important;
          flex-basis: calc(240px + (1 * 0px) - 20px) !important;
}
.ColumnLayout---width_narrow.ColumnLayout---column_padding_none:last-child {
  -webkit-flex-basis: calc(240px - 20px) !important;
          flex-basis: calc(240px - 20px) !important;
}
.ColumnLayout---width_narrow.ColumnLayout---column_padding_none.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(240px + (0.5 * 0px) - 20px) !important;
          flex-basis: calc(240px + (0.5 * 0px) - 20px) !important;
}
.ColumnLayout---width_narrow.ColumnLayout---column_padding_none.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(240px - 20px) !important;
          flex-basis: calc(240px - 20px) !important;
}
.ColumnLayout---width_narrow.ColumnLayout---column_padding_dense {
  -webkit-flex-basis: calc(240px + (1 * 10px) - 20px) !important;
          flex-basis: calc(240px + (1 * 10px) - 20px) !important;
}
.ColumnLayout---width_narrow.ColumnLayout---column_padding_dense:last-child {
  -webkit-flex-basis: calc(240px - 20px) !important;
          flex-basis: calc(240px - 20px) !important;
}
.ColumnLayout---width_narrow.ColumnLayout---column_padding_dense.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(240px + (0.5 * 10px) - 20px) !important;
          flex-basis: calc(240px + (0.5 * 10px) - 20px) !important;
}
.ColumnLayout---width_narrow.ColumnLayout---column_padding_dense.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(240px - 20px) !important;
          flex-basis: calc(240px - 20px) !important;
}
.ColumnLayout---width_narrow.ColumnLayout---column_padding_standard {
  -webkit-flex-basis: calc(240px + (1 * 20px) - 20px) !important;
          flex-basis: calc(240px + (1 * 20px) - 20px) !important;
}
.ColumnLayout---width_narrow.ColumnLayout---column_padding_standard:last-child {
  -webkit-flex-basis: calc(240px - 20px) !important;
          flex-basis: calc(240px - 20px) !important;
}
.ColumnLayout---width_narrow.ColumnLayout---column_padding_standard.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(240px + (0.5 * 20px) - 20px) !important;
          flex-basis: calc(240px + (0.5 * 20px) - 20px) !important;
}
.ColumnLayout---width_narrow.ColumnLayout---column_padding_standard.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(240px - 20px) !important;
          flex-basis: calc(240px - 20px) !important;
}
.ColumnLayout---width_narrow.ColumnLayout---column_padding_sparse {
  -webkit-flex-basis: calc(240px + (1 * 40px) - 20px) !important;
          flex-basis: calc(240px + (1 * 40px) - 20px) !important;
}
.ColumnLayout---width_narrow.ColumnLayout---column_padding_sparse:last-child {
  -webkit-flex-basis: calc(240px - 20px) !important;
          flex-basis: calc(240px - 20px) !important;
}
.ColumnLayout---width_narrow.ColumnLayout---column_padding_sparse.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(240px + (0.5 * 40px) - 20px) !important;
          flex-basis: calc(240px + (0.5 * 40px) - 20px) !important;
}
.ColumnLayout---width_narrow.ColumnLayout---column_padding_sparse.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(240px - 20px) !important;
          flex-basis: calc(240px - 20px) !important;
}
.ColumnLayout---width_narrow_plus.ColumnLayout---column_padding_none {
  -webkit-flex-basis: calc(320px + (1 * 0px) - 20px) !important;
          flex-basis: calc(320px + (1 * 0px) - 20px) !important;
}
.ColumnLayout---width_narrow_plus.ColumnLayout---column_padding_none:last-child {
  -webkit-flex-basis: calc(320px - 20px) !important;
          flex-basis: calc(320px - 20px) !important;
}
.ColumnLayout---width_narrow_plus.ColumnLayout---column_padding_none.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(320px + (0.5 * 0px) - 20px) !important;
          flex-basis: calc(320px + (0.5 * 0px) - 20px) !important;
}
.ColumnLayout---width_narrow_plus.ColumnLayout---column_padding_none.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(320px - 20px) !important;
          flex-basis: calc(320px - 20px) !important;
}
.ColumnLayout---width_narrow_plus.ColumnLayout---column_padding_dense {
  -webkit-flex-basis: calc(320px + (1 * 10px) - 20px) !important;
          flex-basis: calc(320px + (1 * 10px) - 20px) !important;
}
.ColumnLayout---width_narrow_plus.ColumnLayout---column_padding_dense:last-child {
  -webkit-flex-basis: calc(320px - 20px) !important;
          flex-basis: calc(320px - 20px) !important;
}
.ColumnLayout---width_narrow_plus.ColumnLayout---column_padding_dense.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(320px + (0.5 * 10px) - 20px) !important;
          flex-basis: calc(320px + (0.5 * 10px) - 20px) !important;
}
.ColumnLayout---width_narrow_plus.ColumnLayout---column_padding_dense.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(320px - 20px) !important;
          flex-basis: calc(320px - 20px) !important;
}
.ColumnLayout---width_narrow_plus.ColumnLayout---column_padding_standard {
  -webkit-flex-basis: calc(320px + (1 * 20px) - 20px) !important;
          flex-basis: calc(320px + (1 * 20px) - 20px) !important;
}
.ColumnLayout---width_narrow_plus.ColumnLayout---column_padding_standard:last-child {
  -webkit-flex-basis: calc(320px - 20px) !important;
          flex-basis: calc(320px - 20px) !important;
}
.ColumnLayout---width_narrow_plus.ColumnLayout---column_padding_standard.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(320px + (0.5 * 20px) - 20px) !important;
          flex-basis: calc(320px + (0.5 * 20px) - 20px) !important;
}
.ColumnLayout---width_narrow_plus.ColumnLayout---column_padding_standard.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(320px - 20px) !important;
          flex-basis: calc(320px - 20px) !important;
}
.ColumnLayout---width_narrow_plus.ColumnLayout---column_padding_sparse {
  -webkit-flex-basis: calc(320px + (1 * 40px) - 20px) !important;
          flex-basis: calc(320px + (1 * 40px) - 20px) !important;
}
.ColumnLayout---width_narrow_plus.ColumnLayout---column_padding_sparse:last-child {
  -webkit-flex-basis: calc(320px - 20px) !important;
          flex-basis: calc(320px - 20px) !important;
}
.ColumnLayout---width_narrow_plus.ColumnLayout---column_padding_sparse.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(320px + (0.5 * 40px) - 20px) !important;
          flex-basis: calc(320px + (0.5 * 40px) - 20px) !important;
}
.ColumnLayout---width_narrow_plus.ColumnLayout---column_padding_sparse.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(320px - 20px) !important;
          flex-basis: calc(320px - 20px) !important;
}
.ColumnLayout---width_medium.ColumnLayout---column_padding_none {
  -webkit-flex-basis: calc(400px + (1 * 0px) - 20px) !important;
          flex-basis: calc(400px + (1 * 0px) - 20px) !important;
}
.ColumnLayout---width_medium.ColumnLayout---column_padding_none:last-child {
  -webkit-flex-basis: calc(400px - 20px) !important;
          flex-basis: calc(400px - 20px) !important;
}
.ColumnLayout---width_medium.ColumnLayout---column_padding_none.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(400px + (0.5 * 0px) - 20px) !important;
          flex-basis: calc(400px + (0.5 * 0px) - 20px) !important;
}
.ColumnLayout---width_medium.ColumnLayout---column_padding_none.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(400px - 20px) !important;
          flex-basis: calc(400px - 20px) !important;
}
.ColumnLayout---width_medium.ColumnLayout---column_padding_dense {
  -webkit-flex-basis: calc(400px + (1 * 10px) - 20px) !important;
          flex-basis: calc(400px + (1 * 10px) - 20px) !important;
}
.ColumnLayout---width_medium.ColumnLayout---column_padding_dense:last-child {
  -webkit-flex-basis: calc(400px - 20px) !important;
          flex-basis: calc(400px - 20px) !important;
}
.ColumnLayout---width_medium.ColumnLayout---column_padding_dense.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(400px + (0.5 * 10px) - 20px) !important;
          flex-basis: calc(400px + (0.5 * 10px) - 20px) !important;
}
.ColumnLayout---width_medium.ColumnLayout---column_padding_dense.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(400px - 20px) !important;
          flex-basis: calc(400px - 20px) !important;
}
.ColumnLayout---width_medium.ColumnLayout---column_padding_standard {
  -webkit-flex-basis: calc(400px + (1 * 20px) - 20px) !important;
          flex-basis: calc(400px + (1 * 20px) - 20px) !important;
}
.ColumnLayout---width_medium.ColumnLayout---column_padding_standard:last-child {
  -webkit-flex-basis: calc(400px - 20px) !important;
          flex-basis: calc(400px - 20px) !important;
}
.ColumnLayout---width_medium.ColumnLayout---column_padding_standard.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(400px + (0.5 * 20px) - 20px) !important;
          flex-basis: calc(400px + (0.5 * 20px) - 20px) !important;
}
.ColumnLayout---width_medium.ColumnLayout---column_padding_standard.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(400px - 20px) !important;
          flex-basis: calc(400px - 20px) !important;
}
.ColumnLayout---width_medium.ColumnLayout---column_padding_sparse {
  -webkit-flex-basis: calc(400px + (1 * 40px) - 20px) !important;
          flex-basis: calc(400px + (1 * 40px) - 20px) !important;
}
.ColumnLayout---width_medium.ColumnLayout---column_padding_sparse:last-child {
  -webkit-flex-basis: calc(400px - 20px) !important;
          flex-basis: calc(400px - 20px) !important;
}
.ColumnLayout---width_medium.ColumnLayout---column_padding_sparse.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(400px + (0.5 * 40px) - 20px) !important;
          flex-basis: calc(400px + (0.5 * 40px) - 20px) !important;
}
.ColumnLayout---width_medium.ColumnLayout---column_padding_sparse.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(400px - 20px) !important;
          flex-basis: calc(400px - 20px) !important;
}
.ColumnLayout---width_medium_plus.ColumnLayout---column_padding_none {
  -webkit-flex-basis: calc(560px + (1 * 0px) - 20px) !important;
          flex-basis: calc(560px + (1 * 0px) - 20px) !important;
}
.ColumnLayout---width_medium_plus.ColumnLayout---column_padding_none:last-child {
  -webkit-flex-basis: calc(560px - 20px) !important;
          flex-basis: calc(560px - 20px) !important;
}
.ColumnLayout---width_medium_plus.ColumnLayout---column_padding_none.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(560px + (0.5 * 0px) - 20px) !important;
          flex-basis: calc(560px + (0.5 * 0px) - 20px) !important;
}
.ColumnLayout---width_medium_plus.ColumnLayout---column_padding_none.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(560px - 20px) !important;
          flex-basis: calc(560px - 20px) !important;
}
.ColumnLayout---width_medium_plus.ColumnLayout---column_padding_dense {
  -webkit-flex-basis: calc(560px + (1 * 10px) - 20px) !important;
          flex-basis: calc(560px + (1 * 10px) - 20px) !important;
}
.ColumnLayout---width_medium_plus.ColumnLayout---column_padding_dense:last-child {
  -webkit-flex-basis: calc(560px - 20px) !important;
          flex-basis: calc(560px - 20px) !important;
}
.ColumnLayout---width_medium_plus.ColumnLayout---column_padding_dense.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(560px + (0.5 * 10px) - 20px) !important;
          flex-basis: calc(560px + (0.5 * 10px) - 20px) !important;
}
.ColumnLayout---width_medium_plus.ColumnLayout---column_padding_dense.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(560px - 20px) !important;
          flex-basis: calc(560px - 20px) !important;
}
.ColumnLayout---width_medium_plus.ColumnLayout---column_padding_standard {
  -webkit-flex-basis: calc(560px + (1 * 20px) - 20px) !important;
          flex-basis: calc(560px + (1 * 20px) - 20px) !important;
}
.ColumnLayout---width_medium_plus.ColumnLayout---column_padding_standard:last-child {
  -webkit-flex-basis: calc(560px - 20px) !important;
          flex-basis: calc(560px - 20px) !important;
}
.ColumnLayout---width_medium_plus.ColumnLayout---column_padding_standard.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(560px + (0.5 * 20px) - 20px) !important;
          flex-basis: calc(560px + (0.5 * 20px) - 20px) !important;
}
.ColumnLayout---width_medium_plus.ColumnLayout---column_padding_standard.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(560px - 20px) !important;
          flex-basis: calc(560px - 20px) !important;
}
.ColumnLayout---width_medium_plus.ColumnLayout---column_padding_sparse {
  -webkit-flex-basis: calc(560px + (1 * 40px) - 20px) !important;
          flex-basis: calc(560px + (1 * 40px) - 20px) !important;
}
.ColumnLayout---width_medium_plus.ColumnLayout---column_padding_sparse:last-child {
  -webkit-flex-basis: calc(560px - 20px) !important;
          flex-basis: calc(560px - 20px) !important;
}
.ColumnLayout---width_medium_plus.ColumnLayout---column_padding_sparse.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(560px + (0.5 * 40px) - 20px) !important;
          flex-basis: calc(560px + (0.5 * 40px) - 20px) !important;
}
.ColumnLayout---width_medium_plus.ColumnLayout---column_padding_sparse.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(560px - 20px) !important;
          flex-basis: calc(560px - 20px) !important;
}
.ColumnLayout---width_wide.ColumnLayout---column_padding_none {
  -webkit-flex-basis: calc(800px + (1 * 0px) - 20px) !important;
          flex-basis: calc(800px + (1 * 0px) - 20px) !important;
}
.ColumnLayout---width_wide.ColumnLayout---column_padding_none:last-child {
  -webkit-flex-basis: calc(800px - 20px) !important;
          flex-basis: calc(800px - 20px) !important;
}
.ColumnLayout---width_wide.ColumnLayout---column_padding_none.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(800px + (0.5 * 0px) - 20px) !important;
          flex-basis: calc(800px + (0.5 * 0px) - 20px) !important;
}
.ColumnLayout---width_wide.ColumnLayout---column_padding_none.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(800px - 20px) !important;
          flex-basis: calc(800px - 20px) !important;
}
.ColumnLayout---width_wide.ColumnLayout---column_padding_dense {
  -webkit-flex-basis: calc(800px + (1 * 10px) - 20px) !important;
          flex-basis: calc(800px + (1 * 10px) - 20px) !important;
}
.ColumnLayout---width_wide.ColumnLayout---column_padding_dense:last-child {
  -webkit-flex-basis: calc(800px - 20px) !important;
          flex-basis: calc(800px - 20px) !important;
}
.ColumnLayout---width_wide.ColumnLayout---column_padding_dense.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(800px + (0.5 * 10px) - 20px) !important;
          flex-basis: calc(800px + (0.5 * 10px) - 20px) !important;
}
.ColumnLayout---width_wide.ColumnLayout---column_padding_dense.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(800px - 20px) !important;
          flex-basis: calc(800px - 20px) !important;
}
.ColumnLayout---width_wide.ColumnLayout---column_padding_standard {
  -webkit-flex-basis: calc(800px + (1 * 20px) - 20px) !important;
          flex-basis: calc(800px + (1 * 20px) - 20px) !important;
}
.ColumnLayout---width_wide.ColumnLayout---column_padding_standard:last-child {
  -webkit-flex-basis: calc(800px - 20px) !important;
          flex-basis: calc(800px - 20px) !important;
}
.ColumnLayout---width_wide.ColumnLayout---column_padding_standard.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(800px + (0.5 * 20px) - 20px) !important;
          flex-basis: calc(800px + (0.5 * 20px) - 20px) !important;
}
.ColumnLayout---width_wide.ColumnLayout---column_padding_standard.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(800px - 20px) !important;
          flex-basis: calc(800px - 20px) !important;
}
.ColumnLayout---width_wide.ColumnLayout---column_padding_sparse {
  -webkit-flex-basis: calc(800px + (1 * 40px) - 20px) !important;
          flex-basis: calc(800px + (1 * 40px) - 20px) !important;
}
.ColumnLayout---width_wide.ColumnLayout---column_padding_sparse:last-child {
  -webkit-flex-basis: calc(800px - 20px) !important;
          flex-basis: calc(800px - 20px) !important;
}
.ColumnLayout---width_wide.ColumnLayout---column_padding_sparse.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(800px + (0.5 * 40px) - 20px) !important;
          flex-basis: calc(800px + (0.5 * 40px) - 20px) !important;
}
.ColumnLayout---width_wide.ColumnLayout---column_padding_sparse.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(800px - 20px) !important;
          flex-basis: calc(800px - 20px) !important;
}
.ColumnLayout---width_wide_plus.ColumnLayout---column_padding_none {
  -webkit-flex-basis: calc(1120px + (1 * 0px) - 20px) !important;
          flex-basis: calc(1120px + (1 * 0px) - 20px) !important;
}
.ColumnLayout---width_wide_plus.ColumnLayout---column_padding_none:last-child {
  -webkit-flex-basis: calc(1120px - 20px) !important;
          flex-basis: calc(1120px - 20px) !important;
}
.ColumnLayout---width_wide_plus.ColumnLayout---column_padding_none.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(1120px + (0.5 * 0px) - 20px) !important;
          flex-basis: calc(1120px + (0.5 * 0px) - 20px) !important;
}
.ColumnLayout---width_wide_plus.ColumnLayout---column_padding_none.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(1120px - 20px) !important;
          flex-basis: calc(1120px - 20px) !important;
}
.ColumnLayout---width_wide_plus.ColumnLayout---column_padding_dense {
  -webkit-flex-basis: calc(1120px + (1 * 10px) - 20px) !important;
          flex-basis: calc(1120px + (1 * 10px) - 20px) !important;
}
.ColumnLayout---width_wide_plus.ColumnLayout---column_padding_dense:last-child {
  -webkit-flex-basis: calc(1120px - 20px) !important;
          flex-basis: calc(1120px - 20px) !important;
}
.ColumnLayout---width_wide_plus.ColumnLayout---column_padding_dense.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(1120px + (0.5 * 10px) - 20px) !important;
          flex-basis: calc(1120px + (0.5 * 10px) - 20px) !important;
}
.ColumnLayout---width_wide_plus.ColumnLayout---column_padding_dense.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(1120px - 20px) !important;
          flex-basis: calc(1120px - 20px) !important;
}
.ColumnLayout---width_wide_plus.ColumnLayout---column_padding_standard {
  -webkit-flex-basis: calc(1120px + (1 * 20px) - 20px) !important;
          flex-basis: calc(1120px + (1 * 20px) - 20px) !important;
}
.ColumnLayout---width_wide_plus.ColumnLayout---column_padding_standard:last-child {
  -webkit-flex-basis: calc(1120px - 20px) !important;
          flex-basis: calc(1120px - 20px) !important;
}
.ColumnLayout---width_wide_plus.ColumnLayout---column_padding_standard.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(1120px + (0.5 * 20px) - 20px) !important;
          flex-basis: calc(1120px + (0.5 * 20px) - 20px) !important;
}
.ColumnLayout---width_wide_plus.ColumnLayout---column_padding_standard.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(1120px - 20px) !important;
          flex-basis: calc(1120px - 20px) !important;
}
.ColumnLayout---width_wide_plus.ColumnLayout---column_padding_sparse {
  -webkit-flex-basis: calc(1120px + (1 * 40px) - 20px) !important;
          flex-basis: calc(1120px + (1 * 40px) - 20px) !important;
}
.ColumnLayout---width_wide_plus.ColumnLayout---column_padding_sparse:last-child {
  -webkit-flex-basis: calc(1120px - 20px) !important;
          flex-basis: calc(1120px - 20px) !important;
}
.ColumnLayout---width_wide_plus.ColumnLayout---column_padding_sparse.ColumnLayout---show_dividers {
  -webkit-flex-basis: calc(1120px + (0.5 * 40px) - 20px) !important;
          flex-basis: calc(1120px + (0.5 * 40px) - 20px) !important;
}
.ColumnLayout---width_wide_plus.ColumnLayout---column_padding_sparse.ColumnLayout---show_dividers:last-child {
  -webkit-flex-basis: calc(1120px - 20px) !important;
          flex-basis: calc(1120px - 20px) !important;
}
.ColumnLayout---width_minimize {
  -webkit-flex-basis: auto !important;
          flex-basis: auto !important;
}
.ColumnLayout---width_feed,
.ColumnLayout---width_add,
.ColumnLayout---width_extra_narrow,
.ColumnLayout---width_narrow,
.ColumnLayout---width_narrow_plus,
.ColumnLayout---width_medium,
.ColumnLayout---width_medium_plus,
.ColumnLayout---width_wide,
.ColumnLayout---width_wide_plus,
.ColumnLayout---width_minimize {
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
          flex-grow: 0 !important;
  -webkit-flex-shrink: 1 !important;
          flex-shrink: 1 !important;
}
.ColumnLayout---width_auto,
.ColumnLayout---bias1x {
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
          flex-grow: 1 !important;
}
.ColumnLayout---bias2x {
  -webkit-box-flex: 2 !important;
  -webkit-flex-grow: 2 !important;
          flex-grow: 2 !important;
}
.ColumnLayout---bias3x {
  -webkit-box-flex: 3 !important;
  -webkit-flex-grow: 3 !important;
          flex-grow: 3 !important;
}
.ColumnLayout---bias4x {
  -webkit-box-flex: 4 !important;
  -webkit-flex-grow: 4 !important;
          flex-grow: 4 !important;
}
.ColumnLayout---bias5x {
  -webkit-box-flex: 5 !important;
  -webkit-flex-grow: 5 !important;
          flex-grow: 5 !important;
}
.ColumnLayout---bias6x {
  -webkit-box-flex: 6 !important;
  -webkit-flex-grow: 6 !important;
          flex-grow: 6 !important;
}
.ColumnLayout---bias7x {
  -webkit-box-flex: 7 !important;
  -webkit-flex-grow: 7 !important;
          flex-grow: 7 !important;
}
.ColumnLayout---bias8x {
  -webkit-box-flex: 8 !important;
  -webkit-flex-grow: 8 !important;
          flex-grow: 8 !important;
}
.ColumnLayout---bias9x {
  -webkit-box-flex: 9 !important;
  -webkit-flex-grow: 9 !important;
          flex-grow: 9 !important;
}
.ColumnLayout---bias10x {
  -webkit-box-flex: 10 !important;
  -webkit-flex-grow: 10 !important;
          flex-grow: 10 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ColumnOverlay---billboard_content {
  z-index: 2 !important;
  position: relative !important;
  width: 100% !important;
  max-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.ColumnOverlay---billboard_content.ColumnOverlay---hide_overflow_y {
  overflow-y: hidden !important;
}
.ColumnOverlay---has_auto_height_background {
  position: absolute !important;
}
.ColumnOverlay---billboard_content.ColumnOverlay---dark {
  background-color: rgba(0, 0, 0, 0.75) !important;
}
.ColumnOverlay---billboard_content.ColumnOverlay---light {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.ColumnOverlay---billboard_content.ColumnOverlay---semi_dark {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.ColumnOverlay---billboard_content.ColumnOverlay---semi_light {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.ColumnOverlay---billboard_content.ColumnOverlay---full_height {
  height: 100% !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.ColumnOverlay---billboard_content.ColumnOverlay---full_height.ColumnOverlay---content_align_start {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
          align-items: flex-start !important;
}
.ColumnOverlay---billboard_content.ColumnOverlay---full_height.ColumnOverlay---content_center {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.ColumnOverlay---billboard_content.ColumnOverlay---full_height.ColumnOverlay---content_align_end {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
          align-items: flex-end !important;
  overflow-y: hidden !important;
}
.ColumnOverlay---billboard_content.ColumnOverlay---width_narrow {
  width: 240px !important;
  max-width: 100% !important;
}
.ColumnOverlay---billboard_content.ColumnOverlay---width_medium {
  width: 400px !important;
  max-width: 100% !important;
}
.ColumnOverlay---billboard_content.ColumnOverlay---width_wide {
  width: 800px !important;
  max-width: 100% !important;
}
/* Needed so that live view placeholders in column overlay have correct width */
.ColumnOverlay---billboard_content.ColumnOverlay---full_height > div {
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
          flex-grow: 1 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ComboChart---container {
  /*rtl:ignore*/
  direction: ltr !important;
  width: 100% !important;
  /**
   * We need to add an .inDarkBackground case that doesn't use the -hc LESS
   * variables because themingManager overrides the dark theme high contrast
   * values set in backgroundColorVariableOverrides
   */
}
.ComboChart---container:not(.ComboChart---inDarkBackground) svg path[stroke="rgba(200, 200, 200, 1)"] {
  stroke: var(--appian-chart-axis-line-color, rgba(200, 200, 200)) !important;
}
.ComboChart---container:not(.ComboChart---inDarkBackground) svg path[stroke="rgba(200, 200, 200, 0.5)"] {
  stroke: var(--appian-chart-grid-line-color, rgba(200, 200, 200, 0.5)) !important;
}
.ComboChart---container.ComboChart---inDarkBackground svg path[stroke="rgba(136, 136, 136, 1)"] {
  stroke: var(--appian-chart-axis-line-color-on-dark-bg, rgba(136, 136, 136)) !important;
}
.ComboChart---container.ComboChart---inDarkBackground svg path[stroke="rgba(136, 136, 136, 0.5)"] {
  stroke: var(--appian-chart-grid-line-color-on-dark-bg, rgba(136, 136, 136, 0.5)) !important;
}
.ComboChart---chart_height_micro {
  height: 80px !important;
}
.ComboChart---chart_height_short {
  height: 200px !important;
}
.ComboChart---chart_height_medium {
  height: 400px !important;
}
.ComboChart---chart_height_tall {
  height: 600px !important;
}
.ComboChart---chart_height_auto {
  min-height: 400px !important;
}
.ComboChart---scroll_horizontal {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ComponentPaletteButton---component_palette_button {
  display: table !important;
  table-layout: fixed !important;
  width: 100% !important;
  padding: 0 0.1429rem !important;
  background-color: #fff !important;
  border: 1px solid #e4e4ec !important;
  cursor: default !important;
  margin: 0 0 0.1429rem 0 !important;
}
.ComponentPaletteButton---component_palette_button > div {
  display: table-cell !important;
  vertical-align: middle !important;
}
.ComponentPaletteButton---component_palette_button > div:first-child {
  width: 2rem !important;
  padding: 0 0.2857rem !important;
}
.ComponentPaletteButton---component_palette_button_icon {
  text-align: center !important;
  font-size: 1.1429rem !important;
  line-height: 1.7143rem !important;
}
.ComponentPaletteButton---component_palette_button_icon img,
.ComponentPaletteButton---component_palette_button_icon i,
.ComponentPaletteButton---component_palette_button_icon svg {
  max-height: 1.1429rem !important;
  max-width: 1.4286rem !important;
  display: block !important;
  margin: auto !important;
}
.ComponentPaletteButton---component_palette_button_icon svg {
  fill: #555 !important;
}
.ComponentPaletteButton---component_palette_button_info_icon {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  max-height: 1.1429rem !important;
  max-width: 1.4286rem !important;
  fill: #1d659c !important;
  margin-left: auto !important;
  padding-right: 0.3571rem !important;
}
.ComponentPaletteButton---component_palette_button_info_icon_container {
  width: 1.5rem !important;
}
.ComponentPaletteButton---info_link {
  border-bottom: none !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.ComponentPaletteButton---info_link:hover {
  text-decoration: none !important;
}
.ComponentPaletteButton---component_palette_button_label {
  text-transform: uppercase !important;
  line-height: 1.7143rem !important;
}
.ComponentPaletteButton---component_palette_button_label p {
  font-size: 0.7143rem !important;
  color: #333 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: inherit !important;
}
.ComponentPaletteButton---component_palette_button:hover {
  border-color: #1d659c !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
.ComponentPaletteButton---invisible {
  visibility: hidden !important;
}
.ComponentPaletteButton---preview_wrapper {
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2) !important;
  background-color: #fff !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ComponentPalettePreviewCard---previewWrapper {
  padding: 1rem !important;
  background-color: #fff !important;
  -webkit-transform-origin: top left !important;
          transform-origin: top left !important;
}
.ComponentPalettePreviewCard---infoCard {
  border-top: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  background-color: #f3f3f3 !important;
  padding: 0.5714rem 0.8571rem !important;
}
.ComponentPalettePreviewCard---infoCard .ComponentPalettePreviewCard---name {
  font-weight: 700 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
  width: auto !important;
}
.ComponentPalettePreviewCard---infoCard .ComponentPalettePreviewCard---docLink {
  color: #1d659c !important;
  float: right !important;
  width: auto !important;
}
.ComponentPalettePreviewCard---infoCard .ComponentPalettePreviewCard---description {
  font-size: 0.8571rem !important;
  color: var(--appian-secondary-text-color, #767676) !important;
}

.VirtualNonInteractiveLayout---non_interactive {
  pointer-events: none !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}
.VirtualNonInteractiveLayout---non_interactive.VirtualNonInteractiveLayout---margin_below_none {
  margin-bottom: 0 !important;
}
.VirtualNonInteractiveLayout---non_interactive.VirtualNonInteractiveLayout---margin_below_standard {
  margin-bottom: 1rem !important;
}

.ComponentPaletteWidget---fill_height {
  height: 100% !important;
  overflow: hidden !important;
}
.ComponentPaletteWidget---sections_wrapper {
  overflow: auto !important;
  height: calc(100% - 36px) !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.appian-context-component-selector {
  position: relative !important;
}
.ComponentSelector---overflow_auto.appian-context-component-selector-children {
  overflow: auto !important;
}
.ComponentSelector---absolute {
  position: absolute !important;
}
.ComponentSelector---wrapper {
  position: absolute !important;
  top: -2px !important;
  left: -2px !important;
  bottom: -2px !important;
  right: -2px !important;
  border: 2px solid transparent !important;
  pointer-events: none !important;
}
.ComponentSelector---wrapper.ComponentSelector---insetSideBorders {
  left: 0 !important;
  right: 0 !important;
}
.ComponentSelector---wrapper.ComponentSelector---insetTopBorder {
  top: 0 !important;
}
.ComponentSelector---wrapper.ComponentSelector---highlighted {
  border-color: #2376cd !important;
  z-index: 2000002 !important;
}
.ComponentSelector---wrapper.ComponentSelector---selector {
  border-color: #ff2285 !important;
  z-index: 2000003 !important;
}
.appian-context-component-selector-list-drop > .ComponentSelector---wrapper {
  border-style: dotted !important;
  border-color: #888 !important;
  z-index: 2000004 !important;
}
div.ComponentSelector---overlay_label_container {
  display: none !important;
  pointer-events: none !important;
  position: absolute !important;
  top: -1.5rem !important;
  left: -0.1429rem !important;
  font-size: 0.8571rem !important;
  line-height: 1.5rem !important;
  cursor: default !important;
}
div.ComponentSelector---overlay_label_container > .ComponentSelector---overlay_label {
  display: inline-block !important;
  pointer-events: auto !important;
  padding: 0 0.3571rem !important;
  color: #eee !important;
  font-size: 0.8571rem !important;
  line-height: 1.429rem !important;
  white-space: nowrap !important;
  vertical-align: top !important;
}
div.ComponentSelector---overlay_label_container.ComponentSelector---highlighted {
  display: inline !important;
  z-index: 2000006 !important;
}
div.ComponentSelector---overlay_label_container.ComponentSelector---insetOverlay {
  top: 0 !important;
  left: 0 !important;
}
div.ComponentSelector---overlay_label_container.ComponentSelector---highlighted > .ComponentSelector---overlay_label {
  background-color: #2376cd !important;
}
div.ComponentSelector---overlay_label_container.ComponentSelector---selector {
  display: inline !important;
  z-index: 2000007 !important;
}
div.ComponentSelector---overlay_label_container.ComponentSelector---selector > .ComponentSelector---overlay_label {
  background-color: #ff2285 !important;
}
div.ComponentSelector---overlay_label_container.ComponentSelector---highlighted.ComponentSelector---isOverlappingWithBounds,
div.ComponentSelector---overlay_label_container.ComponentSelector---selector.ComponentSelector---isOverlappingWithBounds {
  visibility: hidden !important;
  /* use visibility so that subsequent bounds calculations remain accurate */
}
div.ComponentSelector---overlay_label_container > .ComponentSelector---overlay_label > .ComponentSelector---dropLabel {
  display: none !important;
  /* keep the drop label hidden when showing a highlight/selection label */
}
.appian-context-component-selector-list-drop > div.ComponentSelector---overlay_label_container {
  display: inline !important;
  z-index: 2000008 !important;
}
.appian-context-component-selector-list-drop > div.ComponentSelector---overlay_label_container > .ComponentSelector---overlay_label {
  color: #eee !important;
  background-color: #888 !important;
}
.appian-context-component-selector-list-drop > div.ComponentSelector---overlay_label_container > .ComponentSelector---overlay_label > .ComponentSelector---selectionLabel {
  display: none !important;
}
div.ComponentSelector---overlay_label_container .ComponentSelector---selectionLabel.ComponentSelector---selectionLabelRule {
  position: relative !important;
}
div.ComponentSelector---overlay_label_container .ComponentSelector---selectionLabel.ComponentSelector---selectionLabelRule:after {
  content: "" !important;
  display: block !important;
  border-bottom: 1px dotted #eee !important;
  position: absolute !important;
  bottom: 2px !important;
  height: 1px !important;
  width: 100% !important;
}
div.ComponentSelector---overlay_label_container .ComponentSelector---selectionLabel.ComponentSelector---selectionLabelRule:hover {
  cursor: pointer !important;
}
div.ComponentSelector---overlay_label_container .ComponentSelector---selectionLabel.ComponentSelector---selectionLabelRule:hover:after {
  border-bottom-style: solid !important;
}
.appian-context-component-selector-list-drop > div.ComponentSelector---overlay_label_container > .ComponentSelector---overlay_label > .ComponentSelector---dropLabel {
  display: inline !important;
}
.appian-context-component-selector-list-drop > div.ComponentSelector---overlay_label_container > .ComponentSelector---overlay_label > .ComponentSelector---dropLabel > .ComponentSelector---dropIcon {
  font-size: 1.1429rem !important;
  font-style: normal !important;
  line-height: 1.1429rem !important;
  margin-right: 2px !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
.appian-context-component-selector-list-drop > div.ComponentSelector---overlay_label_container > .ComponentSelector---overlay_label > .ComponentSelector---dropLabel > .ComponentSelector---dropIcon:before {
  content: "\21E2" !important;
  /* unicode dashed arrow icon */
  /*rtl:raw:
  content: "\21E0"; */
  position: relative !important;
}
.appian-context-os-mac .appian-context-component-selector-list-drop > div.ComponentSelector---overlay_label_container > .ComponentSelector---overlay_label > .ComponentSelector---dropLabel > .ComponentSelector---dropIcon:before {
  top: 1px !important;
}
i.ComponentSelector---breadcrumb_overlay_label_icon {
  display: inline-block !important;
  margin-right: 6px !important;
}
.ComponentSelector---breadcrumb_tether {
  z-index: 2000016 !important;
}
div.ComponentSelector---breadcrumbs {
  overflow: hidden !important;
}
div.ComponentSelector---breadcrumbs ol {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: auto !important;
  background-color: rgba(0, 0, 0, 0.7) !important;
  color: #eee !important;
  font-size: 0.8571rem !important;
  line-height: 1.286rem !important;
  overflow: visible !important;
  max-width: 700px !important;
}
.ComponentSelector---breadcrumbs-element-attached-bottom div.ComponentSelector---breadcrumbs {
  margin-bottom: 2px !important;
}
.ComponentSelector---breadcrumbs-element-attached-bottom div.ComponentSelector---breadcrumbs ol.ComponentSelector---visible {
  -webkit-animation-name: ComponentSelector---slideInBottom !important;
          animation-name: ComponentSelector---slideInBottom !important;
  -webkit-animation-iteration-count: 1 !important;
          animation-iteration-count: 1 !important;
  -webkit-animation-timing-function: ease !important;
          animation-timing-function: ease !important;
  -webkit-animation-duration: 0.6s !important;
          animation-duration: 0.6s !important;
}
.ComponentSelector---breadcrumbs-element-attached-bottom div.ComponentSelector---breadcrumbs ol.ComponentSelector---hidden {
  display: none !important;
}
.ComponentSelector---breadcrumbs-element-attached-top div.ComponentSelector---breadcrumbs {
  margin-top: 1px !important;
}
/* Use flexbox to reverse the breadcrumb ordering when they're moved above the label */
.ComponentSelector---breadcrumbs-element-attached-top div.ComponentSelector---breadcrumbs ol {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}
.ComponentSelector---breadcrumbs-element-attached-top div.ComponentSelector---breadcrumbs ol li {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
}
/* END breadcrumb reversal */
.ComponentSelector---breadcrumbs-element-attached-top div.ComponentSelector---breadcrumbs ol.ComponentSelector---visible {
  -webkit-animation-name: ComponentSelector---slideInTop !important;
          animation-name: ComponentSelector---slideInTop !important;
  -webkit-animation-iteration-count: 1 !important;
          animation-iteration-count: 1 !important;
  -webkit-animation-timing-function: ease !important;
          animation-timing-function: ease !important;
  -webkit-animation-duration: 0.6s !important;
          animation-duration: 0.6s !important;
}
.ComponentSelector---breadcrumbs-element-attached-top div.ComponentSelector---breadcrumbs ol.ComponentSelector---hidden {
  display: none !important;
}
@-webkit-keyframes ComponentSelector---slideInBottom {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes ComponentSelector---slideInBottom {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes ComponentSelector---slideInTop {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes ComponentSelector---slideInTop {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.ComponentSelector---breadcrumb_item > a {
  display: inline-block !important;
  color: #eee !important;
  padding: 0.3571rem 0.5rem !important;
  white-space: nowrap !important;
  font-size: 0.7857rem !important;
  border: none !important;
  cursor: pointer !important;
}
.ComponentSelector---breadcrumb_item:hover,
.ComponentSelector---breadcrumb_item > a:hover {
  color: #eee !important;
}
.ComponentSelector---breadcrumb_item:hover {
  background-color: #2376cd !important;
}
.ComponentSelector---breadcrumb_item > a:hover {
  text-decoration: none !important;
}

.ComponentSelectionManager---wrapper {
  position: relative !important;
}
.ComponentSelectionManager---fill_height {
  height: 100% !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.PagingGridLayout---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .PagingGridLayout---accessibilityhidden {
  font-size: 0 !important;
}
.PagingGridLayout---align_start {
  text-align: left !important;
}
.PagingGridLayout---align_end {
  text-align: right !important;
}
.PagingGridLayout---center {
  text-align: center !important;
}
table.PagingGridLayout---table {
  width: 100% !important;
  padding: 0 !important;
  font-size: 1rem !important;
  border-collapse: separate !important;
  /* needed so header borders always display (AN-78132) */
  border-spacing: 0 !important;
  border: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
  table-layout: auto !important;
}
table.PagingGridLayout---table.PagingGridLayout---inDarkBackground:not(.PagingGridLayout---light):not(.PagingGridLayout---border_none) {
  border-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
table.PagingGridLayout---table.PagingGridLayout---flush {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
}
table.PagingGridLayout---table.PagingGridLayout---light,
table.PagingGridLayout---table.PagingGridLayout---border_none {
  border-color: transparent !important;
}
table.PagingGridLayout---table th,
table.PagingGridLayout---table td {
  text-align: left !important;
  padding: 0.7143rem !important;
  word-wrap: break-word !important;
  max-width: 300px !important;
  color: var(--appian-text-color, #222) !important;
}
table.PagingGridLayout---table th.PagingGridLayout---nowrap,
table.PagingGridLayout---table td.PagingGridLayout---nowrap {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
table.PagingGridLayout---table.PagingGridLayout---dense th,
table.PagingGridLayout---table.PagingGridLayout---dense td {
  padding: 0.3571rem 0.6429rem !important;
}
table.PagingGridLayout---table.PagingGridLayout---more_on_row_edges th,
table.PagingGridLayout---table.PagingGridLayout---more_on_row_edges td {
  padding: 1.2857rem 0.7143rem !important;
}
table.PagingGridLayout---table.PagingGridLayout---more_on_row_edges th:first-child,
table.PagingGridLayout---table.PagingGridLayout---more_on_row_edges td:first-child {
  padding-left: 1.714rem !important;
}
table.PagingGridLayout---table.PagingGridLayout---more_on_row_edges th:last-child,
table.PagingGridLayout---table.PagingGridLayout---more_on_row_edges td:last-child {
  padding-right: 1.714rem !important;
}
table.PagingGridLayout---table th.PagingGridLayout---reducedPadding,
table.PagingGridLayout---table td.PagingGridLayout---reducedPadding {
  padding: 0.1429rem !important;
  /* Keep in sync with inGridLayout styling in buttons.less */
}
table.PagingGridLayout---table th.PagingGridLayout---firstEditable,
table.PagingGridLayout---table td.PagingGridLayout---firstEditable {
  padding: 0.1429rem !important;
  padding-right: 0.7143rem !important;
}
table.PagingGridLayout---table th.PagingGridLayout---lastEditable,
table.PagingGridLayout---table td.PagingGridLayout---lastEditable {
  padding: 0.1429rem !important;
  padding-left: 0.7143rem !important;
}
table.PagingGridLayout---table.PagingGridLayout---distribute {
  table-layout: fixed !important;
}
table.PagingGridLayout---table.PagingGridLayout---distribute.PagingGridLayout---scrollable {
  table-layout: auto !important;
}
table.PagingGridLayout---table.PagingGridLayout---distribute.PagingGridLayout---scrollable.PagingGridLayout---force_fixed_layout {
  table-layout: fixed !important;
}
table.PagingGridLayout---table th.PagingGridLayout---narrow,
table.PagingGridLayout---table td.PagingGridLayout---narrow {
  width: 82px !important;
  /* narrow width needed for parity */
}
table.PagingGridLayout---table th.PagingGridLayout---grid_field_column.PagingGridLayout---narrow,
table.PagingGridLayout---table td.PagingGridLayout---grid_field_column.PagingGridLayout---narrow {
  min-width: 82px !important;
  max-width: 82px !important;
}
table.PagingGridLayout---table th.PagingGridLayout---narrow_plus,
table.PagingGridLayout---table td.PagingGridLayout---narrow_plus {
  width: 172px !important;
  min-width: 172px !important;
}
table.PagingGridLayout---table th.PagingGridLayout---grid_field_column.PagingGridLayout---narrow_plus,
table.PagingGridLayout---table td.PagingGridLayout---grid_field_column.PagingGridLayout---narrow_plus {
  width: 172px !important;
  min-width: 172px !important;
  max-width: 172px !important;
}
table.PagingGridLayout---table th.PagingGridLayout---medium,
table.PagingGridLayout---table td.PagingGridLayout---medium {
  width: 18.7rem !important;
  min-width: 18.7rem !important;
}
table.PagingGridLayout---table th.PagingGridLayout---grid_field_column.PagingGridLayout---medium,
table.PagingGridLayout---table td.PagingGridLayout---grid_field_column.PagingGridLayout---medium {
  min-width: 18.7rem !important;
  max-width: 18.7rem !important;
}
table.PagingGridLayout---table th.PagingGridLayout---medium_plus,
table.PagingGridLayout---table td.PagingGridLayout---medium_plus {
  width: 30.78rem !important;
  min-width: 30.78rem !important;
  max-width: 30.78rem !important;
}
table.PagingGridLayout---table th.PagingGridLayout---grid_field_column.PagingGridLayout---medium_plus,
table.PagingGridLayout---table td.PagingGridLayout---grid_field_column.PagingGridLayout---medium_plus {
  width: 30.78rem !important;
  min-width: 30.78rem !important;
  max-width: 30.78rem !important;
}
table.PagingGridLayout---table th.PagingGridLayout---wide,
table.PagingGridLayout---table td.PagingGridLayout---wide {
  width: 42.86rem !important;
  min-width: 42.86rem !important;
  max-width: 42.86rem !important;
}
table.PagingGridLayout---table th.PagingGridLayout---grid_field_column.PagingGridLayout---wide,
table.PagingGridLayout---table td.PagingGridLayout---grid_field_column.PagingGridLayout---wide {
  min-width: 42.86rem !important;
  max-width: 42.86rem !important;
}
table.PagingGridLayout---table th.PagingGridLayout---decision_numeric,
table.PagingGridLayout---table td.PagingGridLayout---decision_numeric {
  width: 19.8rem !important;
}
table.PagingGridLayout---table th.PagingGridLayout---rule_input_array_checkbox,
table.PagingGridLayout---table td.PagingGridLayout---rule_input_array_checkbox {
  width: 58px !important;
}
table.PagingGridLayout---table th.PagingGridLayout---decision_non_numeric,
table.PagingGridLayout---table td.PagingGridLayout---decision_non_numeric {
  width: 18.143rem !important;
}
table.PagingGridLayout---table th.PagingGridLayout---decision_date,
table.PagingGridLayout---table td.PagingGridLayout---decision_date {
  width: 21.3rem !important;
}
table.PagingGridLayout---table th.PagingGridLayout---decision_row_icon,
table.PagingGridLayout---table td.PagingGridLayout---decision_row_icon {
  width: 3.6rem !important;
}
table.PagingGridLayout---table th.PagingGridLayout---checkbox,
table.PagingGridLayout---table td.PagingGridLayout---checkbox {
  box-sizing: content-box !important;
  width: 1.1429rem !important;
  min-width: 1.1429rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive table.PagingGridLayout---table th.PagingGridLayout---checkbox,
  .appian-context-ux-responsive table.PagingGridLayout---table td.PagingGridLayout---checkbox {
    width: 2rem !important;
    min-width: 2rem !important;
    padding: 0.3571rem 0.6429rem !important;
    line-height: 1.4rem !important;
  }
}
.appian-context-ux-screen-size-narrow table.PagingGridLayout---table th.PagingGridLayout---checkbox,
.appian-context-ux-screen-size-narrow table.PagingGridLayout---table td.PagingGridLayout---checkbox {
  /* rules to apply in the phone form factor preview in ID */
  width: 2rem !important;
  min-width: 2rem !important;
  padding: 0.3571rem 0.6429rem !important;
  line-height: 1.4rem !important;
}
.appian-context-ux-screen-size-medium table.PagingGridLayout---table th.PagingGridLayout---checkbox,
.appian-context-ux-screen-size-medium table.PagingGridLayout---table td.PagingGridLayout---checkbox {
  /* rules to apply in the tablet form factor preview in ID */
  width: 2rem !important;
  min-width: 2rem !important;
  padding: 0.3571rem 0.6429rem !important;
  line-height: 1.4rem !important;
}
table.PagingGridLayout---table th.PagingGridLayout---icon,
table.PagingGridLayout---table td.PagingGridLayout---icon,
table.PagingGridLayout---table th.PagingGridLayout---tiny,
table.PagingGridLayout---table td.PagingGridLayout---tiny {
  box-sizing: content-box !important;
  width: 1.4286rem !important;
}
table.PagingGridLayout---table th.PagingGridLayout---grid_field_column.PagingGridLayout---icon,
table.PagingGridLayout---table td.PagingGridLayout---grid_field_column.PagingGridLayout---icon {
  max-width: 1.4286rem !important;
}
table.PagingGridLayout---table th.PagingGridLayout---icon_plus,
table.PagingGridLayout---table td.PagingGridLayout---icon_plus {
  width: 61px !important;
  min-width: 61px !important;
}
table.PagingGridLayout---table th.PagingGridLayout---grid_field_column.PagingGridLayout---icon_plus,
table.PagingGridLayout---table td.PagingGridLayout---grid_field_column.PagingGridLayout---icon_plus {
  width: 61px !important;
  min-width: 61px !important;
  max-width: 61px !important;
}
table.PagingGridLayout---table th.PagingGridLayout---hex_bg_color,
table.PagingGridLayout---table td.PagingGridLayout---hex_bg_color,
table.PagingGridLayout---table tr.PagingGridLayout---selected td,
table.PagingGridLayout---table tr.PagingGridLayout---selected th,
table.PagingGridLayout---table tr.PagingGridLayout---selectable.PagingGridLayout---selected td,
table.PagingGridLayout---table tr.PagingGridLayout---selectable.PagingGridLayout---selected th,
.PagingGridLayout---grid_cell_background_color_standard,
.PagingGridLayout---grid_cell_background_color_warn_light_secondary,
.PagingGridLayout---grid_cell_background_color_success,
.PagingGridLayout---grid_cell_background_color_error,
.PagingGridLayout---grid_cell_background_color_warn,
.PagingGridLayout---grid_cell_background_color_info,
.PagingGridLayout---grid_cell_background_color_accent {
  background-clip: padding-box !important;
}
table.PagingGridLayout---table th.PagingGridLayout---hex_bg_color,
table.PagingGridLayout---table td.PagingGridLayout---hex_bg_color {
  background-color: var(--paging-grid-cell-bg-color) !important;
}
table.PagingGridLayout---table th.PagingGridLayout---gallery,
table.PagingGridLayout---table td.PagingGridLayout---gallery,
table.PagingGridLayout---table th.PagingGridLayout---image,
table.PagingGridLayout---table td.PagingGridLayout---image {
  box-sizing: content-box !important;
}
table.PagingGridLayout---table th.PagingGridLayout---image.PagingGridLayout---tiny,
table.PagingGridLayout---table td.PagingGridLayout---image.PagingGridLayout---tiny {
  width: 60px !important;
  min-width: 60px !important;
}
table.PagingGridLayout---table th.PagingGridLayout---image.PagingGridLayout---small,
table.PagingGridLayout---table td.PagingGridLayout---image.PagingGridLayout---small {
  width: 100px !important;
  min-width: 100px !important;
}
table.PagingGridLayout---table th.PagingGridLayout---image.PagingGridLayout---medium,
table.PagingGridLayout---table td.PagingGridLayout---image.PagingGridLayout---medium {
  width: 200px !important;
  min-width: 200px !important;
}
table.PagingGridLayout---table th.PagingGridLayout---image.PagingGridLayout---large,
table.PagingGridLayout---table td.PagingGridLayout---image.PagingGridLayout---large {
  width: 400px !important;
  min-width: 400px !important;
}
.PagingGridLayout---grid_height_short {
  height: 141px !important;
  overflow-y: visible !important;
}
.PagingGridLayout---grid_height_short.PagingGridLayout---no_footer {
  height: 179px !important;
}
.PagingGridLayout---grid_height_short_plus {
  height: 226px !important;
  overflow-y: visible !important;
}
.PagingGridLayout---grid_height_short_plus.PagingGridLayout---no_footer {
  height: 265px !important;
}
.PagingGridLayout---grid_height_medium {
  height: 307px !important;
  overflow-y: visible !important;
}
.PagingGridLayout---grid_height_medium.PagingGridLayout---no_footer {
  height: 345px !important;
}
.PagingGridLayout---grid_height_medium_plus {
  height: 471px !important;
  overflow-y: visible !important;
}
.PagingGridLayout---grid_height_medium_plus.PagingGridLayout---no_footer {
  height: 509px !important;
}
.PagingGridLayout---grid_height_tall {
  height: 636px !important;
  overflow-y: visible !important;
}
.PagingGridLayout---grid_height_tall.PagingGridLayout---no_footer {
  height: 674px !important;
}
.PagingGridLayout---grid_height_tall_plus {
  height: 877px !important;
  overflow-y: visible !important;
}
.PagingGridLayout---grid_height_tall_plus.PagingGridLayout---no_footer {
  height: 915px !important;
}
.PagingGridLayout---grid_height_extra_tall {
  height: 1119px !important;
  overflow-y: visible !important;
}
.PagingGridLayout---grid_height_extra_tall.PagingGridLayout---no_footer {
  height: 1156px !important;
}
.PagingGridLayout---phone_preview,
.PagingGridLayout---phone_preview.PagingGridLayout---no_footer {
  overflow-y: visible !important;
  max-height: 425px !important;
}
.PagingGridLayout---phone_preview.PagingGridLayout---grid_height_short,
.PagingGridLayout---phone_preview.PagingGridLayout---no_footer.PagingGridLayout---grid_height_short {
  max-height: 191px !important;
  height: 100% !important;
}
.PagingGridLayout---phone_preview.PagingGridLayout---grid_height_medium,
.PagingGridLayout---phone_preview.PagingGridLayout---no_footer.PagingGridLayout---grid_height_medium {
  max-height: 333px !important;
  height: 100% !important;
}
.PagingGridLayout---phone_preview.PagingGridLayout---grid_height_medium_plus,
.PagingGridLayout---phone_preview.PagingGridLayout---no_footer.PagingGridLayout---grid_height_medium_plus {
  max-height: 424px !important;
  height: 100% !important;
}
.PagingGridLayout---phone_preview.PagingGridLayout---grid_height_tall,
.PagingGridLayout---phone_preview.PagingGridLayout---no_footer.PagingGridLayout---grid_height_tall {
  max-height: 524px !important;
  height: 100% !important;
}
.PagingGridLayout---phone_preview.PagingGridLayout---grid_height_tall_plus,
.PagingGridLayout---phone_preview.PagingGridLayout---no_footer.PagingGridLayout---grid_height_tall_plus {
  max-height: 581px !important;
  height: 100% !important;
}
.PagingGridLayout---phone_preview.PagingGridLayout---grid_height_extra_tall,
.PagingGridLayout---phone_preview.PagingGridLayout---no_footer.PagingGridLayout---grid_height_extra_tall {
  max-height: 637px !important;
  height: 100% !important;
}
.PagingGridLayout---phone_preview.PagingGridLayout---grid_height_short_plus {
  max-height: 318px !important;
  height: 100% !important;
}
.PagingGridLayout---phone_preview.PagingGridLayout---no_footer.PagingGridLayout---grid_height_short_plus {
  max-height: 331px !important;
  height: 100% !important;
}
.PagingGridLayout---tablet_preview,
.PagingGridLayout---tablet_preview.PagingGridLayout---no_footer {
  overflow-y: visible !important;
  max-height: 452px !important;
}
.PagingGridLayout---tablet_preview.PagingGridLayout---grid_height_short,
.PagingGridLayout---tablet_preview.PagingGridLayout---no_footer.PagingGridLayout---grid_height_short {
  max-height: 204px !important;
  height: 100% !important;
}
.PagingGridLayout---tablet_preview.PagingGridLayout---grid_height_medium,
.PagingGridLayout---tablet_preview.PagingGridLayout---no_footer.PagingGridLayout---grid_height_medium {
  max-height: 354px !important;
  height: 100% !important;
}
.PagingGridLayout---tablet_preview.PagingGridLayout---grid_height_medium_plus,
.PagingGridLayout---tablet_preview.PagingGridLayout---no_footer.PagingGridLayout---grid_height_medium_plus {
  max-height: 456px !important;
  height: 100% !important;
}
.PagingGridLayout---tablet_preview.PagingGridLayout---grid_height_tall,
.PagingGridLayout---tablet_preview.PagingGridLayout---no_footer.PagingGridLayout---grid_height_tall {
  max-height: 558px !important;
  height: 100% !important;
}
.PagingGridLayout---tablet_preview.PagingGridLayout---grid_height_tall_plus,
.PagingGridLayout---tablet_preview.PagingGridLayout---no_footer.PagingGridLayout---grid_height_tall_plus {
  max-height: 618px !important;
  height: 100% !important;
}
.PagingGridLayout---tablet_preview.PagingGridLayout---grid_height_extra_tall,
.PagingGridLayout---tablet_preview.PagingGridLayout---no_footer.PagingGridLayout---grid_height_extra_tall {
  max-height: 679px !important;
  height: 100% !important;
}
.PagingGridLayout---tablet_preview.PagingGridLayout---grid_height_short_plus {
  max-height: 318px !important;
  height: 100% !important;
}
.PagingGridLayout---tablet_preview.PagingGridLayout---no_footer.PagingGridLayout---grid_height_short_plus {
  max-height: 292px !important;
  height: 100% !important;
}
@media print {
  .PagingGridLayout---grid_height_short,
  .PagingGridLayout---grid_height_short_plus,
  .PagingGridLayout---grid_height_medium,
  .PagingGridLayout---grid_height_medium_plus,
  .PagingGridLayout---grid_height_tall,
  .PagingGridLayout---grid_height_tall_plus,
  .PagingGridLayout---grid_height_extra_tall {
    height: 100% !important;
  }
}
table.PagingGridLayout---table tbody td,
table.PagingGridLayout---table tbody th {
  min-height: 1.4286rem !important;
  border-top: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
  font-weight: normal !important;
}
table.PagingGridLayout---table th + th,
table.PagingGridLayout---table td + td,
table.PagingGridLayout---table th + td,
table.PagingGridLayout---table td + th {
  border-left: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
}
table.PagingGridLayout---table.PagingGridLayout---inDarkBackground:not(.PagingGridLayout---border_none) tbody td,
table.PagingGridLayout---table.PagingGridLayout---inDarkBackground:not(.PagingGridLayout---border_none) tbody th {
  border-top-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
table.PagingGridLayout---table.PagingGridLayout---inDarkBackground:not(.PagingGridLayout---light):not(.PagingGridLayout---border_none) th + th,
table.PagingGridLayout---table.PagingGridLayout---inDarkBackground:not(.PagingGridLayout---light):not(.PagingGridLayout---border_none) td + td,
table.PagingGridLayout---table.PagingGridLayout---inDarkBackground:not(.PagingGridLayout---light):not(.PagingGridLayout---border_none) th + td,
table.PagingGridLayout---table.PagingGridLayout---inDarkBackground:not(.PagingGridLayout---light):not(.PagingGridLayout---border_none) td + th {
  border-left-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
table.PagingGridLayout---table.PagingGridLayout---inDarkBackground.PagingGridLayout---show_header_cell_dividers th + th {
  border-left-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
table.PagingGridLayout---table.PagingGridLayout---border_none tbody td,
table.PagingGridLayout---table.PagingGridLayout---border_none tbody th {
  border-top-color: transparent !important;
}
table.PagingGridLayout---table.PagingGridLayout---border_none:not(.PagingGridLayout---show_header_cell_dividers) th + th,
table.PagingGridLayout---table.PagingGridLayout---border_none td + td,
table.PagingGridLayout---table.PagingGridLayout---border_none th + td,
table.PagingGridLayout---table.PagingGridLayout---border_none td + th {
  border-color: transparent !important;
}
table.PagingGridLayout---table.PagingGridLayout---no_header tbody tr:first-child td {
  border-top: none !important;
}
table.PagingGridLayout---table.PagingGridLayout---light:not(.PagingGridLayout---show_header_cell_dividers) th + th,
table.PagingGridLayout---table.PagingGridLayout---light td + td,
table.PagingGridLayout---table.PagingGridLayout---light th + td,
table.PagingGridLayout---table.PagingGridLayout---light tbody td + th {
  border-left: none !important;
}
table.PagingGridLayout---table tr.PagingGridLayout---empty_msg td {
  text-align: center !important;
  height: 80px !important;
  line-height: 1.4 !important;
}
table.PagingGridLayout---table tr.PagingGridLayout---empty_msg.PagingGridLayout---inAccentBackground td {
  color: #fff !important;
}
table.PagingGridLayout---table tr.PagingGridLayout---empty_msg.PagingGridLayout---inDarkBackground td {
  color: #eee !important;
}
table.PagingGridLayout---table tr.PagingGridLayout---empty_msg.PagingGridLayout---inLightBackground td {
  color: #222 !important;
}
table.PagingGridLayout---table thead th {
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--appian-text-color, #222) !important;
  line-height: 1.4 !important;
}
table.PagingGridLayout---table thead th[aria-sort] {
  position: relative !important;
  cursor: pointer !important;
}
@media print {
  table.PagingGridLayout---table thead th[aria-sort] {
    position: static !important;
  }
}
table.PagingGridLayout---table thead th[aria-sort]:focus,
table.PagingGridLayout---table thead th:focus,
table.PagingGridLayout---table thead th.PagingGridLayout---pseudoFocus {
  outline: none !important;
}
table.PagingGridLayout---table thead th[aria-sort]:focus:not(.appian-context-ux-mouse-focus),
table.PagingGridLayout---table thead th[aria-sort]:hover,
table.PagingGridLayout---table thead th[aria-sort].PagingGridLayout---pseudoFocus:not(.appian-context-ux-mouse-focus),
table.PagingGridLayout---table thead th[aria-sort].PagingGridLayout---pseudoFocus:hover {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
  box-shadow: 0 0 0 1px #1d659c inset !important;
}
table.PagingGridLayout---table thead th.PagingGridLayout---pseudoFocus:not(.appian-context-ux-mouse-focus) input[type="checkbox"] + label {
  outline: 1px solid #1d659c !important;
}
.appian-context-browser-chrome table.PagingGridLayout---table thead th[aria-sort]:not(.PagingGridLayout---align_end),
.appian-context-browser-edge table.PagingGridLayout---table thead th[aria-sort]:not(.PagingGridLayout---align_end),
.appian-context-browser-firefox table.PagingGridLayout---table thead th[aria-sort]:not(.PagingGridLayout---align_end),
.appian-context-browser-safari table.PagingGridLayout---table thead th[aria-sort]:not(.PagingGridLayout---align_end) {
  padding-right: 1.2857rem !important;
}
table.PagingGridLayout---table thead th[aria-sort].PagingGridLayout---align_end {
  padding-left: 1.2857rem !important;
}
/* Maintains padding and label alignment when a context menu is present in the header */
table.PagingGridLayout---table thead th.PagingGridLayout---header_with_icons_wrapper > div {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -ms-flex-wrap: nowrap !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: row nowrap !important;
          flex-flow: row nowrap !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  -ms-flex-align: center !important;
}
table.PagingGridLayout---table thead th.PagingGridLayout---contains_start_icon {
  vertical-align: top !important;
}
table.PagingGridLayout---table thead th.PagingGridLayout---collapsed_header {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  visibility: collapse !important;
}
table.PagingGridLayout---table thead th.PagingGridLayout---contains_start_icon > div {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
          align-items: flex-start !important;
}
.appian-context-browser-chrome table.PagingGridLayout---table thead th.PagingGridLayout---header_with_icons_wrapper,
.appian-context-browser-edge table.PagingGridLayout---table thead th.PagingGridLayout---header_with_icons_wrapper,
.appian-context-browser-firefox table.PagingGridLayout---table thead th.PagingGridLayout---header_with_icons_wrapper,
.appian-context-browser-safari table.PagingGridLayout---table thead th.PagingGridLayout---header_with_icons_wrapper,
.appian-context-browser-chrome table.PagingGridLayout---table thead th[aria-sort].PagingGridLayout---header_with_icons_wrapper,
.appian-context-browser-edge table.PagingGridLayout---table thead th[aria-sort].PagingGridLayout---header_with_icons_wrapper,
.appian-context-browser-firefox table.PagingGridLayout---table thead th[aria-sort].PagingGridLayout---header_with_icons_wrapper,
.appian-context-browser-safari table.PagingGridLayout---table thead th[aria-sort].PagingGridLayout---header_with_icons_wrapper {
  padding-right: 0 !important;
}
table.PagingGridLayout---table thead th[aria-sort="ascending"].PagingGridLayout---header_with_icons_wrapper.PagingGridLayout---align_start > div,
table.PagingGridLayout---table thead th[aria-sort="descending"].PagingGridLayout---header_with_icons_wrapper.PagingGridLayout---align_start > div,
table.PagingGridLayout---table thead th[aria-sort="ascending"].PagingGridLayout---header_with_icons_wrapper.PagingGridLayout---center > div,
table.PagingGridLayout---table thead th[aria-sort="descending"].PagingGridLayout---header_with_icons_wrapper.PagingGridLayout---center > div {
  padding-right: 0.8571rem !important;
}
table.PagingGridLayout---table thead th[aria-sort="ascending"].PagingGridLayout---contains_start_icon > .PagingGridLayout---sort_arrow {
  top: 0.7857rem !important;
}
table.PagingGridLayout---table thead th[aria-sort="descending"].PagingGridLayout---contains_start_icon > .PagingGridLayout---sort_arrow {
  top: 0.8571rem !important;
}
table.PagingGridLayout---table thead th[aria-sort] > .PagingGridLayout---sort_arrow {
  height: 1rem !important;
  width: 1rem !important;
  fill: #1d659c !important;
  position: absolute !important;
  right: 0.1429rem !important;
}
table.PagingGridLayout---table thead th[aria-sort="ascending"] > .PagingGridLayout---sort_arrow {
  top: calc(50% - 0.5714rem) !important;
}
table.PagingGridLayout---table thead th[aria-sort="descending"] > .PagingGridLayout---sort_arrow {
  top: calc(50% - 0.4286rem) !important;
}
table.PagingGridLayout---table thead th[aria-sort].PagingGridLayout---align_end > .PagingGridLayout---sort_arrow {
  left: 0.1429rem !important;
}
@media print {
  .appian-context-browser-chrome table.PagingGridLayout---table thead th[aria-sort]:not(.PagingGridLayout---align_end),
  .appian-context-browser-edge table.PagingGridLayout---table thead th[aria-sort]:not(.PagingGridLayout---align_end),
  .appian-context-browser-firefox table.PagingGridLayout---table thead th[aria-sort]:not(.PagingGridLayout---align_end),
  .appian-context-browser-safari table.PagingGridLayout---table thead th[aria-sort]:not(.PagingGridLayout---align_end) {
    padding-right: 0 !important;
  }
  table.PagingGridLayout---table thead th[aria-sort] > div {
    display: inline-block !important;
  }
  table.PagingGridLayout---table thead th[aria-sort].PagingGridLayout---header_with_icons_wrapper > div {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
  table.PagingGridLayout---table thead th[aria-sort] > .PagingGridLayout---sort_arrow {
    position: static !important;
    margin: 0 4px !important;
    float: right !important;
  }
  table.PagingGridLayout---table thead th[aria-sort].PagingGridLayout---align_end {
    padding-left: 0 !important;
  }
  table.PagingGridLayout---table thead th[aria-sort].PagingGridLayout---align_end > .PagingGridLayout---sort_arrow {
    float: left !important;
  }
}
table.PagingGridLayout---table td {
  vertical-align: middle !important;
}
table.PagingGridLayout---table.PagingGridLayout---top td {
  vertical-align: top !important;
}
table.PagingGridLayout---table.PagingGridLayout---bottom td {
  vertical-align: bottom !important;
}
table.PagingGridLayout---table th.PagingGridLayout---center,
table.PagingGridLayout---table td.PagingGridLayout---center {
  text-align: center !important;
}
table.PagingGridLayout---table.PagingGridLayout---flex th.PagingGridLayout---center,
table.PagingGridLayout---table.PagingGridLayout---flex td.PagingGridLayout---center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
}
table.PagingGridLayout---table th.PagingGridLayout---align_end,
table.PagingGridLayout---table td.PagingGridLayout---align_end {
  text-align: right !important;
}
table.PagingGridLayout---table td.PagingGridLayout---align_end input[type="text"] {
  text-align: right !important;
  overflow: hidden !important;
  /* Mac OS Chrome right-aligned text input cutoff bug */
}
table.PagingGridLayout---table th.PagingGridLayout---sortable {
  padding-right: 22px !important;
}
table.PagingGridLayout---table th.PagingGridLayout---sortable.PagingGridLayout---align_end {
  padding-left: 22px !important;
  padding-right: 8px !important;
}
th.PagingGridLayout---sortable.PagingGridLayout---center {
  padding-left: 14px !important;
  padding-right: 14px !important;
}
table.PagingGridLayout---table.PagingGridLayout---striped tbody tr:nth-child(odd):not(.PagingGridLayout---empty_msg) {
  background-color: rgba(231, 231, 231, 0.2) !important;
  /* appears the same as #fafafa on white background */
}
table.PagingGridLayout---table.PagingGridLayout---striped.PagingGridLayout---inDarkBackground tbody tr:nth-child(odd):not(.PagingGridLayout---empty_msg) {
  background-color: rgba(231, 231, 231, var(--appian-grid-shade-dark-bg-opacity, 0.1)) !important;
}
table.PagingGridLayout---table.PagingGridLayout---striped.PagingGridLayout---alt_row_hex_color tbody tr:nth-child(odd):not(.PagingGridLayout---empty_msg) {
  background-color: var(--appian-grid-alt-row-color) !important;
}
table.PagingGridLayout---table.PagingGridLayout---semi_rounded tr th:first-child,
table.PagingGridLayout---table.PagingGridLayout---semi_rounded tr td:first-child {
  border-top-left-radius: 0.2857rem !important;
  border-bottom-left-radius: 0.2857rem !important;
}
table.PagingGridLayout---table.PagingGridLayout---semi_rounded tr th:last-child,
table.PagingGridLayout---table.PagingGridLayout---semi_rounded tr td:last-child {
  border-top-right-radius: 0.2857rem !important;
  border-bottom-right-radius: 0.2857rem !important;
}
table.PagingGridLayout---table.PagingGridLayout---decision_else_row tbody tr:last-child td {
  border-top-color: #ccc !important;
  border-left-color: transparent !important;
}
table.PagingGridLayout---table.PagingGridLayout---decision_else_row tbody tr:last-child td.PagingGridLayout---grid_cell_background_color_standard + td {
  border-left-color: #f0f0f0 !important;
}
table.PagingGridLayout---table th.PagingGridLayout---fit,
table.PagingGridLayout---table td.PagingGridLayout---fit {
  padding: 0px !important;
  /* In order for child component to fill cell, cell must have no padding */
}
table.PagingGridLayout---table th.PagingGridLayout---error,
table.PagingGridLayout---table td.PagingGridLayout---error {
  position: relative !important;
}
table.PagingGridLayout---table th.PagingGridLayout---error:before,
table.PagingGridLayout---table td.PagingGridLayout---error:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
table.PagingGridLayout---table.PagingGridLayout---inDarkBackground th.PagingGridLayout---error:before,
table.PagingGridLayout---table.PagingGridLayout---inDarkBackground td.PagingGridLayout---error:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
table.PagingGridLayout---table th.PagingGridLayout---error:after,
table.PagingGridLayout---table td.PagingGridLayout---error:after {
  content: "" !important;
  position: absolute !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
}
table.PagingGridLayout---table.PagingGridLayout---inDarkBackground th.PagingGridLayout---error:after,
table.PagingGridLayout---table.PagingGridLayout---inDarkBackground td.PagingGridLayout---error:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
table.PagingGridLayout---table th.PagingGridLayout---error.PagingGridLayout---frozen_grid_error:after,
table.PagingGridLayout---table td.PagingGridLayout---error.PagingGridLayout---frozen_grid_error:after {
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.PagingGridLayout---grid_toolbar {
  margin: 0 0 0.6rem 0 !important;
  font-size: 0 !important;
}
.PagingGridLayout---content_layout.PagingGridLayout---flush .PagingGridLayout---grid_toolbar {
  margin: 0.6rem 0.6rem !important;
}
table.PagingGridLayout---table tr.PagingGridLayout---selectable {
  cursor: pointer !important;
  outline: none !important;
}
table.PagingGridLayout---table tr.PagingGridLayout---selectable:hover:not(.PagingGridLayout---selected) td,
table.PagingGridLayout---table tr.PagingGridLayout---selectable:focus:not(.PagingGridLayout---selected) td,
table.PagingGridLayout---table tr.PagingGridLayout---selectable:hover:not(.PagingGridLayout---selected) th,
table.PagingGridLayout---table tr.PagingGridLayout---selectable:focus:not(.PagingGridLayout---selected) th {
  position: relative !important;
}
table.PagingGridLayout---table tr.PagingGridLayout---selectable:hover:not(.PagingGridLayout---selected) td:after,
table.PagingGridLayout---table tr.PagingGridLayout---selectable:focus:not(.PagingGridLayout---selected) td:after,
table.PagingGridLayout---table tr.PagingGridLayout---selectable:hover:not(.PagingGridLayout---selected) th:after,
table.PagingGridLayout---table tr.PagingGridLayout---selectable:focus:not(.PagingGridLayout---selected) th:after {
  content: "" !important;
  top: 0px !important;
  left: -1px !important;
  position: absolute !important;
  width: calc(100% + 1px) !important;
  height: 100% !important;
  border-top: 1px solid #1d659c !important;
  border-bottom: 1px solid #1d659c !important;
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
  pointer-events: none !important;
}
table.PagingGridLayout---table tr.PagingGridLayout---selectable:hover:not(.PagingGridLayout---selected) td.PagingGridLayout---hex_bg_color:after,
table.PagingGridLayout---table tr.PagingGridLayout---selectable:focus:not(.PagingGridLayout---selected) td.PagingGridLayout---hex_bg_color:after,
table.PagingGridLayout---table tr.PagingGridLayout---selectable:hover:not(.PagingGridLayout---selected) th.PagingGridLayout---hex_bg_color:after,
table.PagingGridLayout---table tr.PagingGridLayout---selectable:focus:not(.PagingGridLayout---selected) th.PagingGridLayout---hex_bg_color:after {
  background-color: rgba(29, 101, 156, 0.2) !important;
}
table.PagingGridLayout---table tr.PagingGridLayout---selectable:hover:not(.PagingGridLayout---selected) td:first-child:after,
table.PagingGridLayout---table tr.PagingGridLayout---selectable:focus:not(.PagingGridLayout---selected) td:first-child:after,
table.PagingGridLayout---table tr.PagingGridLayout---selectable:hover:not(.PagingGridLayout---selected) th:first-child:after,
table.PagingGridLayout---table tr.PagingGridLayout---selectable:focus:not(.PagingGridLayout---selected) th:first-child:after {
  left: 0px !important;
  border-left: 1px solid #1d659c !important;
}
table.PagingGridLayout---table tr.PagingGridLayout---selectable:hover:not(.PagingGridLayout---selected) td:last-child:after,
table.PagingGridLayout---table tr.PagingGridLayout---selectable:focus:not(.PagingGridLayout---selected) td:last-child:after,
table.PagingGridLayout---table tr.PagingGridLayout---selectable:hover:not(.PagingGridLayout---selected) th:last-child:after,
table.PagingGridLayout---table tr.PagingGridLayout---selectable:focus:not(.PagingGridLayout---selected) th:last-child:after {
  border-right: 1px solid #1d659c !important;
}
table.PagingGridLayout---table.PagingGridLayout---inDarkBackground tr.PagingGridLayout---selectable:hover:not(.PagingGridLayout---selected) td:not(.PagingGridLayout---hex_bg_color):after {
  background-color: rgba(29, 101, 156, 0.2) !important;
}
table.PagingGridLayout---table tr.PagingGridLayout---selected td,
table.PagingGridLayout---table tr.PagingGridLayout---selected th,
table.PagingGridLayout---table tr.PagingGridLayout---selectable.PagingGridLayout---selected td,
table.PagingGridLayout---table tr.PagingGridLayout---selectable.PagingGridLayout---selected th {
  background-color: #1d659c !important;
}
table.PagingGridLayout---table tr.PagingGridLayout---selected td p,
table.PagingGridLayout---table tr.PagingGridLayout---selected th p,
table.PagingGridLayout---table tr.PagingGridLayout---selected td p a,
table.PagingGridLayout---table tr.PagingGridLayout---selected th p a,
table.PagingGridLayout---table tr.PagingGridLayout---selectable.PagingGridLayout---selected td p,
table.PagingGridLayout---table tr.PagingGridLayout---selectable.PagingGridLayout---selected th p,
table.PagingGridLayout---table tr.PagingGridLayout---selectable.PagingGridLayout---selected td p a,
table.PagingGridLayout---table tr.PagingGridLayout---selectable.PagingGridLayout---selected th p a {
  color: #fff !important;
}
.PagingGridLayout---scrollable_content {
  overflow-x: auto !important;
}
@media print {
  .PagingGridLayout---scrollable_content {
    overflow: hidden !important;
  }
}
.PagingGridLayout---scrollable_content.PagingGridLayout---phone_only {
  overflow-x: hidden !important;
}
.appian-context-ux-page-size-phone .PagingGridLayout---scrollable_content.PagingGridLayout---phone_only {
  overflow-x: auto !important;
}
.PagingGridLayout---grid_cell_background_color_standard {
  background-color: #f0f0f0 !important;
}
.PagingGridLayout---grid_cell_background_color_warn_light_secondary {
  background-color: #f8f8f8 !important;
}
.PagingGridLayout---grid_cell_background_color_success {
  background-color: #e0ffd7 !important;
}
.PagingGridLayout---grid_cell_background_color_error {
  background-color: #ffefef !important;
}
.PagingGridLayout---grid_cell_background_color_warn {
  background-color: #feffd2 !important;
}
.PagingGridLayout---grid_cell_background_color_info {
  background-color: #ecf4ff !important;
}
.PagingGridLayout---grid_cell_background_color_accent {
  background-color: #1d659c !important;
}
.PagingGridLayout---grid_cell_background_color_transparent {
  background-color: transparent !important;
}
@media print {
  table.PagingGridLayout---table,
  table.PagingGridLayout---table.PagingGridLayout---distribute.PagingGridLayout---scrollable {
    table-layout: fixed !important;
  }
}
.PagingGridLayout---table_container {
  position: relative !important;
}
table.PagingGridLayout---table tr:focus-visible {
  outline: none !important;
}
/* Begin styles related to Sail Drag And Drop */
.PagingGridLayout---dnd_kb_controls_container {
  position: relative !important;
}
.PagingGridLayout---hidden_dnd_preview {
  display: none !important;
}
/* The elements that the following classes apply to are created in the middleware-sailDnd-DOMManipualation
 * and do not appear directly in any component files
 */
.PagingGridLayout---row_focus_element {
  position: absolute !important;
  border: 1px solid #1d659c !important;
}
.PagingGridLayout---divider_line {
  position: absolute !important;
  height: 2px !important;
  background-color: #1d659c !important;
}
@-webkit-keyframes PagingGridLayout---pulse_animation {
  50% {
    opacity: 0.1;
  }
}
@keyframes PagingGridLayout---pulse_animation {
  50% {
    opacity: 0.1;
  }
}
.PagingGridLayout---grid_td_pulse_loading_animation {
  height: 40px !important;
}
.PagingGridLayout---grid_td_pulse_loading_animation span {
  background-color: rgba(168, 168, 168, 0.2) !important;
  -webkit-animation: PagingGridLayout---pulse_animation 4s ease-in-out infinite !important;
          animation: PagingGridLayout---pulse_animation 4s ease-in-out infinite !important;
  display: block !important;
  height: 14px !important;
}
table.PagingGridLayout---table th.PagingGridLayout---drag {
  cursor: -webkit-grab !important;
  cursor: grab !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ParagraphText---default_direction.ParagraphText---align_start {
  text-align: left !important;
}
.ParagraphText---default_direction.ParagraphText---align_end {
  text-align: right !important;
}
.ParagraphText---default_direction.ParagraphText---center {
  text-align: center !important;
}
/* rtl:begin:ignore */
.ParagraphText---force_ltr {
  direction: ltr !important;
}
.ParagraphText---force_ltr.ParagraphText---align_start {
  text-align: left !important;
}
.ParagraphText---force_ltr.ParagraphText---align_end {
  text-align: right !important;
}
.ParagraphText---force_ltr.ParagraphText---center {
  text-align: center !important;
}
/* rtl:end:ignore */
/* these styles match rich text link styles defined in LinkedItem.less */
.ParagraphText---inMessageLayout a.ParagraphText---inStrongText {
  font-weight: 700 !important;
}
.ParagraphText---inMessageLayout a.ParagraphText---inEmphasisText {
  font-style: italic !important;
}
/* end of matching styles */
.ParagraphText---inMessageLayout a,
.ParagraphText---inMessageLayout a:hover,
.ParagraphText---inMessageLayout a:focus:not(.ParagraphText---appian-context-ux-mouse-focus) {
  color: #1d659c !important;
  border-color: #1d659c !important;
}
.ParagraphText---inMessageLayout.ParagraphText---standard,
.ParagraphText---inMessageLayout.ParagraphText---info,
.ParagraphText---inMessageLayout.ParagraphText---warn,
.ParagraphText---inMessageLayout.ParagraphText---success {
  color: var(--appian-text-color, #222) !important;
}
.ParagraphText---inMessageLayout.ParagraphText---error:not(.ParagraphText---inDarkBackground) {
  color: #de0037 !important;
}
p.ParagraphText---richtext_paragraph {
  color: var(--appian-text-color, #222) !important;
  white-space: pre-wrap !important;
  min-height: 1.4rem !important;
  /* needed so empty read-only text maintains proper spacing */
  margin-bottom: 0 !important;
}
p.ParagraphText---richtext_paragraph.ParagraphText---nowrap {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
p.ParagraphText---richtext_paragraph.ParagraphText---two_lines {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  display: -webkit-box !important;
  word-wrap: break-word !important;
}
p.ParagraphText---richtext_paragraph.ParagraphText---inStampWidget {
  color: #000 !important;
}
p.ParagraphText---richtext_paragraph.ParagraphText---inStampWidget.ParagraphText---inDarkBackground {
  color: #fff !important;
}
p.ParagraphText---richtext_paragraph.ParagraphText---inStampWidget.ParagraphText---inAccentBackground {
  color: #fff !important;
  /* needed to override the inLightBackground color */
}
p.ParagraphText---richtext_paragraph.ParagraphText---inAccentBackground {
  color: #fff !important;
}
p.ParagraphText---richtext_paragraph.ParagraphText---inInvertedAccentBackground {
  color: #1d659c !important;
}
p.ParagraphText---richtext_paragraph.ParagraphText---inDarkBackground {
  color: #eee !important;
}
p.ParagraphText---richtext_paragraph.ParagraphText---inDarkBackground.ParagraphText---inStampWidget {
  color: #fff !important;
}
p.ParagraphText---richtext_paragraph.ParagraphText---inLightBackground {
  color: #222 !important;
}
p.ParagraphText---richtext_paragraph.ParagraphText---inDocInfoPanel {
  line-height: 1.2 !important;
  font-size: 0.9286rem !important;
}
p.ParagraphText---richtext_paragraph.ParagraphText---inIconAndTextSelectableCard {
  white-space: unset !important;
  overflow: hidden !important;
  max-height: 34px !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}
p.ParagraphText---richtext_paragraph.ParagraphText---inMinimizedSideBySideItem.ParagraphText---inCopilotMessageLayout {
  overflow-wrap: anywhere !important;
}
p.ParagraphText---richtext_paragraph.ParagraphText---nowrap.ParagraphText---preserve_whitespace {
  white-space: pre !important;
  word-wrap: normal !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.GridFooter---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .GridFooter---accessibilityhidden {
  font-size: 0 !important;
}
.GridFooter---align_start {
  text-align: left !important;
}
.GridFooter---align_end {
  text-align: right !important;
}
.GridFooter---center {
  text-align: center !important;
}
div.GridFooter---grid_footer .GridFooter---selection_count,
div.GridFooter---grid_footer .GridFooter---count {
  display: inline-block !important;
  min-height: 1.4286rem !important;
  line-height: 1.5714rem !important;
  vertical-align: middle !important;
  font-size: 1rem !important;
  margin: 0 2px !important;
}
div.GridFooter---grid_footer .GridFooter---selection_count.GridFooter---inDarkBackground,
div.GridFooter---grid_footer .GridFooter---count.GridFooter---inDarkBackground {
  color: #eee !important;
}
div.GridFooter---grid_footer .GridFooter---selection_count.GridFooter---inAccentBackground,
div.GridFooter---grid_footer .GridFooter---count.GridFooter---inAccentBackground {
  color: #fff !important;
}
div.GridFooter---grid_footer .GridFooter---selection_count:only-child,
div.GridFooter---grid_footer .GridFooter---count:only-child {
  margin: 0 !important;
}
div.GridFooter---grid_footer .GridFooter---paging a.GridFooter---inGridPagingControl {
  margin: 0 !important;
  padding: 0 0.1429rem !important;
  border: 1px solid transparent !important;
  vertical-align: middle !important;
  background-color: transparent !important;
  display: inline-block !important;
}
div.GridFooter---grid_footer .GridFooter---paging a.GridFooter---inGridPagingControl:active:not([disabled]),
div.GridFooter---grid_footer .GridFooter---paging a.GridFooter---inGridPagingControl:hover:not([disabled]) {
  box-shadow: 0 0px 3px #2173b2 !important;
}
div.GridFooter---grid_footer .GridFooter---paging a.GridFooter---inGridPagingControl:active {
  -webkit-transform: scaleX(0.98) scaleY(0.93) !important;
  transform: scaleX(0.98) scaleY(0.93) !important;
}
div.GridFooter---grid_footer .GridFooter---paging a.GridFooter---inGridPagingControl:not(:last-child) {
  margin-right: 2px !important;
}
div.GridFooter---grid_footer .GridFooter---paging a.GridFooter---inGridPagingControl i {
  font-size: 1.714rem !important;
  color: #1d659c !important;
}
div.GridFooter---grid_footer .GridFooter---paging a.GridFooter---inGridPagingControl[disabled] i {
  color: var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
div.GridFooter---grid_footer .GridFooter---paging a.GridFooter---inGridPagingControl:not([disabled]):focus {
  outline: none !important;
}
div.GridFooter---grid_footer .GridFooter---paging a.GridFooter---inGridPagingControl:not([disabled]):focus:not(.appian-context-ux-mouse-focus),
div.GridFooter---grid_footer .GridFooter---paging a.GridFooter---inGridPagingControl:not([disabled]):hover {
  cursor: pointer !important;
  border-color: #1d659c !important;
}
div.GridFooter---grid_footer .GridFooter---paging a {
  border-bottom: none !important;
}
div.GridFooter---grid_footer {
  padding: 0.2857rem 0.7143rem !important;
  height: 2.714rem !important;
  border-style: solid !important;
  border-color: var(--appian-container-border-color-subtle, #eee) !important;
  border-width: 0 1px 1px 1px !important;
  display: table-cell !important;
  vertical-align: middle !important;
}
div.GridFooter---grid_footer.GridFooter---inDarkBackground {
  border-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
div.GridFooter---grid_footer.GridFooter---light {
  border-width: 1px 0 0 0 !important;
}
div.GridFooter---grid_footer.GridFooter---border_none,
div.GridFooter---grid_footer.GridFooter---inDarkBackground.GridFooter---border_none {
  border-color: transparent !important;
}
div.GridFooter---grid_footer_columns {
  display: table !important;
  margin: 0 auto !important;
  table-layout: fixed !important;
  width: 100% !important;
}
div.GridFooter---grid_footer_columns > div {
  display: table-cell !important;
  vertical-align: middle !important;
  font-size: 0 !important;
}
div.GridFooter---grid_footer_columns > div:last-child {
  padding: 0 0 0 10px !important;
}
div.GridFooter---grid_footer_columns > div:first-child {
  padding: 0 10px 0 0 !important;
}
a.GridFooter---add_grid_row_link {
  font-size: 1rem !important;
}
a.GridFooter---add_grid_row_link:before {
  content: "" !important;
  display: inline-block !important;
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1344%20960v-128q0-26-19-45t-45-19h-256v-256q0-26-19-45t-45-19h-128q-26%200-45%2019t-19%2045v256h-256q-26%200-45%2019t-19%2045v128q0%2026%2019%2045t45%2019h256v256q0%2026%2019%2045t45%2019h128q26%200%2045-19t19-45v-256h256q26%200%2045-19t19-45zm320-64q0%20209-103%20385.5t-279.5%20279.5-385.5%20103-385.5-103-279.5-279.5-103-385.5%20103-385.5%20279.5-279.5%20385.5-103%20385.5%20103%20279.5%20279.5%20103%20385.5z%22/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 1rem 1rem !important;
  background-position: 0% 0% /*rtl: 100% 0%*/ !important;
  width: 1.2857rem !important;
  height: 1.2857rem !important;
  position: static !important;
  vertical-align: middle !important;
  margin: 0 0 -0.0714rem -0.0714rem !important;
}
.appian-context-browser-edge a.GridFooter---add_grid_row_link:before {
  background-size: 2rem 2rem !important;
  width: 2.2857rem !important;
  height: 2.2857rem !important;
  -webkit-transform: scale(0.5) !important;
          transform: scale(0.5) !important;
  margin: -0.0714rem -0.4286rem 0 -0.6429rem !important;
}
.appian-context-os-windows.appian-context-browser-chrome a.GridFooter---add_grid_row_link:before {
  background-size: 1.0714rem 1.0714rem !important;
}
a.GridFooter---add_grid_row_link.GridFooter---inAccentBackground:before {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M1344%20960v-128q0-26-19-45t-45-19h-256v-256q0-26-19-45t-45-19h-128q-26%200-45%2019t-19%2045v256h-256q-26%200-45%2019t-19%2045v128q0%2026%2019%2045t45%2019h256v256q0%2026%2019%2045t45%2019h128q26%200%2045-19t19-45v-256h256q26%200%2045-19t19-45zm320-64q0%20209-103%20385.5t-279.5%20279.5-385.5%20103-385.5-103-279.5-279.5-103-385.5%20103-385.5%20279.5-279.5%20385.5-103%20385.5%20103%20279.5%20279.5%20103%20385.5z%22/%3E%3C/svg%3E") !important;
}
a.GridFooter---add_grid_row_link:hover,
a.GridFooter---add_grid_row_link:focus:not(.appian-context-ux-mouse-focus) {
  border-bottom: 1px solid #1d659c !important;
  text-decoration: none !important;
}
a.GridFooter---add_grid_row_link.GridFooter---inAccentBackground:hover,
a.GridFooter---add_grid_row_link.GridFooter---inAccentBackground:focus:not(.appian-context-ux-mouse-focus) {
  border-bottom-color: #fff !important;
}
a.GridFooter---add_grid_row_link.GridFooter---inDarkBackground:hover,
a.GridFooter---add_grid_row_link.GridFooter---inDarkBackground:focus:not(.appian-context-ux-mouse-focus) {
  border-bottom-color: #eee !important;
}
a.GridFooter---add_grid_row_link:active {
  border-bottom: 1px solid #154971 !important;
}
a.GridFooter---add_grid_row_link.GridFooter---inAccentBackground:active {
  border-bottom-color: #fff !important;
}
a.GridFooter---add_grid_row_link.GridFooter---inDarkBackground:active {
  border-bottom-color: #eee !important;
}
div.GridFooter---grid_footer .GridFooter---paging a.GridFooter---inGridPagingControl i.GridFooter---paging_control {
  content: "" !important;
  display: inline-block !important;
  background-repeat: no-repeat !important;
  background-size: 1.7143rem 1.7143rem !important;
  background-position: 50% 0% !important;
  width: 1.7143rem !important;
  height: 1.7143rem !important;
  vertical-align: middle !important;
  margin-bottom: 0.0714rem !important;
  /* Safari needs an extra decimal place to center the icons */
}
.appian-context-browser-edge div.GridFooter---grid_footer .GridFooter---paging a.GridFooter---inGridPagingControl i.GridFooter---paging_control {
  background-size: 3.4286rem 3.4286rem !important;
  width: 3.4286rem !important;
  height: 3.4286rem !important;
  -webkit-transform: scale(0.5) !important;
          transform: scale(0.5) !important;
  margin: -0.8571rem !important;
}
div.GridFooter---grid_footer .GridFooter---paging a.GridFooter---inGridPagingControl i.GridFooter---paging_control.GridFooter---fa-angle-double-right-svg {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M979%20960q0%2013-10%2023l-466%20466q-10%2010-23%2010t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10%2023-10t23%2010l466%20466q10%2010%2010%2023zm384%200q0%2013-10%2023l-466%20466q-10%2010-23%2010t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10%2023-10t23%2010l466%20466q10%2010%2010%2023z%22/%3E%3C/svg%3E") !important;
}
div.GridFooter---grid_footer .GridFooter---paging a.GridFooter---inGridPagingControl i.GridFooter---paging_control.GridFooter---fa-angle-double-left-svg {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1011%201376q0%2013-10%2023l-50%2050q-10%2010-23%2010t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10%2023-10t23%2010l50%2050q10%2010%2010%2023t-10%2023l-393%20393%20393%20393q10%2010%2010%2023zm384%200q0%2013-10%2023l-50%2050q-10%2010-23%2010t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10%2023-10t23%2010l50%2050q10%2010%2010%2023t-10%2023l-393%20393%20393%20393q10%2010%2010%2023z%22/%3E%3C/svg%3E") !important;
}
div.GridFooter---grid_footer .GridFooter---paging a.GridFooter---inGridPagingControl i.GridFooter---paging_control.GridFooter---fa-angle-right-svg {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1171%20960q0%2013-10%2023l-466%20466q-10%2010-23%2010t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10%2023-10t23%2010l466%20466q10%2010%2010%2023z%22/%3E%3C/svg%3E") !important;
  width: 1.2857rem !important;
}
.appian-context-browser-edge div.GridFooter---grid_footer .GridFooter---paging a.GridFooter---inGridPagingControl i.GridFooter---paging_control.GridFooter---fa-angle-right-svg {
  width: 2.8571rem !important;
  margin: -0.8571rem -0.7143rem !important;
}
div.GridFooter---grid_footer .GridFooter---paging a.GridFooter---inGridPagingControl i.GridFooter---paging_control.GridFooter---fa-angle-left-svg {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1203%20544q0%2013-10%2023l-393%20393%20393%20393q10%2010%2010%2023t-10%2023l-50%2050q-10%2010-23%2010t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10%2023-10t23%2010l50%2050q10%2010%2010%2023z%22/%3E%3C/svg%3E") !important;
  width: 1.2857rem !important;
}
.appian-context-browser-edge div.GridFooter---grid_footer .GridFooter---paging a.GridFooter---inGridPagingControl i.GridFooter---paging_control.GridFooter---fa-angle-left-svg {
  width: 2.8571rem !important;
  margin: -0.8571rem -0.7143rem !important;
}
div.GridFooter---grid_footer .GridFooter---paging a.GridFooter---inGridPagingControl[disabled] i.GridFooter---paging_control.GridFooter---fa-angle-double-right-svg {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22var%28--appian-input-border-color-hc,%20var%28--appian-input-border-color,%20%23ddd%29%29%22%3E%3Cpath%20d%3D%22M979%20960q0%2013-10%2023l-466%20466q-10%2010-23%2010t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10%2023-10t23%2010l466%20466q10%2010%2010%2023zm384%200q0%2013-10%2023l-466%20466q-10%2010-23%2010t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10%2023-10t23%2010l466%20466q10%2010%2010%2023z%22/%3E%3C/svg%3E") !important;
}
div.GridFooter---grid_footer.GridFooter---inDarkBackground .GridFooter---paging a.GridFooter---inGridPagingControl[disabled] i.GridFooter---paging_control.GridFooter---fa-angle-double-right-svg {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22var%28--appian-input-border-color,%20%23ddd%29%22%3E%3Cpath%20d%3D%22M979%20960q0%2013-10%2023l-466%20466q-10%2010-23%2010t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10%2023-10t23%2010l466%20466q10%2010%2010%2023zm384%200q0%2013-10%2023l-466%20466q-10%2010-23%2010t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10%2023-10t23%2010l466%20466q10%2010%2010%2023z%22/%3E%3C/svg%3E") !important;
}
div.GridFooter---grid_footer .GridFooter---paging a.GridFooter---inGridPagingControl[disabled] i.GridFooter---paging_control.GridFooter---fa-angle-double-left-svg {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22var%28--appian-input-border-color-hc,%20var%28--appian-input-border-color,%20%23ddd%29%29%22%3E%3Cpath%20d%3D%22M1011%201376q0%2013-10%2023l-50%2050q-10%2010-23%2010t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10%2023-10t23%2010l50%2050q10%2010%2010%2023t-10%2023l-393%20393%20393%20393q10%2010%2010%2023zm384%200q0%2013-10%2023l-50%2050q-10%2010-23%2010t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10%2023-10t23%2010l50%2050q10%2010%2010%2023t-10%2023l-393%20393%20393%20393q10%2010%2010%2023z%22/%3E%3C/svg%3E") !important;
}
div.GridFooter---grid_footer.GridFooter---inDarkBackground .GridFooter---paging a.GridFooter---inGridPagingControl[disabled] i.GridFooter---paging_control.GridFooter---fa-angle-double-left-svg {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22var%28--appian-input-border-color,%20%23ddd%29%22%3E%3Cpath%20d%3D%22M1011%201376q0%2013-10%2023l-50%2050q-10%2010-23%2010t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10%2023-10t23%2010l50%2050q10%2010%2010%2023t-10%2023l-393%20393%20393%20393q10%2010%2010%2023zm384%200q0%2013-10%2023l-50%2050q-10%2010-23%2010t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10%2023-10t23%2010l50%2050q10%2010%2010%2023t-10%2023l-393%20393%20393%20393q10%2010%2010%2023z%22/%3E%3C/svg%3E") !important;
}
div.GridFooter---grid_footer .GridFooter---paging a.GridFooter---inGridPagingControl[disabled] i.GridFooter---paging_control.GridFooter---fa-angle-right-svg {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22var%28--appian-input-border-color-hc,%20var%28--appian-input-border-color,%20%23ddd%29%29%22%3E%3Cpath%20d%3D%22M1171%20960q0%2013-10%2023l-466%20466q-10%2010-23%2010t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10%2023-10t23%2010l466%20466q10%2010%2010%2023z%22/%3E%3C/svg%3E") !important;
  width: 1.4286rem !important;
}
.appian-context-browser-edge div.GridFooter---grid_footer .GridFooter---paging a.GridFooter---inGridPagingControl[disabled] i.GridFooter---paging_control.GridFooter---fa-angle-right-svg {
  width: 2.8571rem !important;
  margin: -0.8571rem -0.7143rem !important;
}
div.GridFooter---grid_footer.GridFooter---inDarkBackground .GridFooter---paging a.GridFooter---inGridPagingControl[disabled] i.GridFooter---paging_control.GridFooter---fa-angle-right-svg {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22var%28--appian-input-border-color,%20%23ddd%29%22%3E%3Cpath%20d%3D%22M1171%20960q0%2013-10%2023l-466%20466q-10%2010-23%2010t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10%2023-10t23%2010l466%20466q10%2010%2010%2023z%22/%3E%3C/svg%3E") !important;
}
div.GridFooter---grid_footer .GridFooter---paging a.GridFooter---inGridPagingControl[disabled] i.GridFooter---paging_control.GridFooter---fa-angle-left-svg {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22var%28--appian-input-border-color-hc,%20var%28--appian-input-border-color,%20%23ddd%29%29%22%3E%3Cpath%20d%3D%22M1203%20544q0%2013-10%2023l-393%20393%20393%20393q10%2010%2010%2023t-10%2023l-50%2050q-10%2010-23%2010t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10%2023-10t23%2010l50%2050q10%2010%2010%2023z%22/%3E%3C/svg%3E") !important;
  width: 1.4286rem !important;
}
.appian-context-browser-edge div.GridFooter---grid_footer .GridFooter---paging a.GridFooter---inGridPagingControl[disabled] i.GridFooter---paging_control.GridFooter---fa-angle-left-svg {
  width: 2.8571rem !important;
  margin: -0.8571rem -0.7143rem !important;
}
div.GridFooter---grid_footer.GridFooter---inDarkBackground .GridFooter---paging a.GridFooter---inGridPagingControl[disabled] i.GridFooter---paging_control.GridFooter---fa-angle-left-svg {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22var%28--appian-input-border-color,%20%23ddd%29%22%3E%3Cpath%20d%3D%22M1203%20544q0%2013-10%2023l-393%20393%20393%20393q10%2010%2010%2023t-10%2023l-50%2050q-10%2010-23%2010t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10%2023-10t23%2010l50%2050q10%2010%2010%2023z%22/%3E%3C/svg%3E") !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.FrozenHeaderGrid---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .FrozenHeaderGrid---accessibilityhidden {
  font-size: 0 !important;
}
.FrozenHeaderGrid---align_start {
  text-align: left !important;
}
.FrozenHeaderGrid---align_end {
  text-align: right !important;
}
.FrozenHeaderGrid---center {
  text-align: center !important;
}
table.FrozenHeaderGrid---table {
  width: 100% !important;
  padding: 0 !important;
  font-size: 1rem !important;
  border-collapse: separate !important;
  /* needed so header borders always display (AN-78132) */
  border-spacing: 0 !important;
  border: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
  table-layout: auto !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---inDarkBackground:not(.FrozenHeaderGrid---light):not(.FrozenHeaderGrid---border_none) {
  border-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---flush {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---light,
table.FrozenHeaderGrid---table.FrozenHeaderGrid---border_none {
  border-color: transparent !important;
}
table.FrozenHeaderGrid---table th,
table.FrozenHeaderGrid---table td {
  text-align: left !important;
  padding: 0.7143rem !important;
  word-wrap: break-word !important;
  max-width: 300px !important;
  color: var(--appian-text-color, #222) !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---nowrap,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---nowrap {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---dense th,
table.FrozenHeaderGrid---table.FrozenHeaderGrid---dense td {
  padding: 0.3571rem 0.6429rem !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---more_on_row_edges th,
table.FrozenHeaderGrid---table.FrozenHeaderGrid---more_on_row_edges td {
  padding: 1.2857rem 0.7143rem !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---more_on_row_edges th:first-child,
table.FrozenHeaderGrid---table.FrozenHeaderGrid---more_on_row_edges td:first-child {
  padding-left: 1.714rem !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---more_on_row_edges th:last-child,
table.FrozenHeaderGrid---table.FrozenHeaderGrid---more_on_row_edges td:last-child {
  padding-right: 1.714rem !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---reducedPadding,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---reducedPadding {
  padding: 0.1429rem !important;
  /* Keep in sync with inGridLayout styling in buttons.less */
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---firstEditable,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---firstEditable {
  padding: 0.1429rem !important;
  padding-right: 0.7143rem !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---lastEditable,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---lastEditable {
  padding: 0.1429rem !important;
  padding-left: 0.7143rem !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---distribute {
  table-layout: fixed !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---distribute.FrozenHeaderGrid---scrollable {
  table-layout: auto !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---distribute.FrozenHeaderGrid---scrollable.FrozenHeaderGrid---force_fixed_layout {
  table-layout: fixed !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---narrow,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---narrow {
  width: 82px !important;
  /* narrow width needed for parity */
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---grid_field_column.FrozenHeaderGrid---narrow,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---grid_field_column.FrozenHeaderGrid---narrow {
  min-width: 82px !important;
  max-width: 82px !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---narrow_plus,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---narrow_plus {
  width: 172px !important;
  min-width: 172px !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---grid_field_column.FrozenHeaderGrid---narrow_plus,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---grid_field_column.FrozenHeaderGrid---narrow_plus {
  width: 172px !important;
  min-width: 172px !important;
  max-width: 172px !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---medium,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---medium {
  width: 18.7rem !important;
  min-width: 18.7rem !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---grid_field_column.FrozenHeaderGrid---medium,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---grid_field_column.FrozenHeaderGrid---medium {
  min-width: 18.7rem !important;
  max-width: 18.7rem !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---medium_plus,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---medium_plus {
  width: 30.78rem !important;
  min-width: 30.78rem !important;
  max-width: 30.78rem !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---grid_field_column.FrozenHeaderGrid---medium_plus,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---grid_field_column.FrozenHeaderGrid---medium_plus {
  width: 30.78rem !important;
  min-width: 30.78rem !important;
  max-width: 30.78rem !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---wide,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---wide {
  width: 42.86rem !important;
  min-width: 42.86rem !important;
  max-width: 42.86rem !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---grid_field_column.FrozenHeaderGrid---wide,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---grid_field_column.FrozenHeaderGrid---wide {
  min-width: 42.86rem !important;
  max-width: 42.86rem !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---decision_numeric,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---decision_numeric {
  width: 19.8rem !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---rule_input_array_checkbox,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---rule_input_array_checkbox {
  width: 58px !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---decision_non_numeric,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---decision_non_numeric {
  width: 18.143rem !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---decision_date,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---decision_date {
  width: 21.3rem !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---decision_row_icon,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---decision_row_icon {
  width: 3.6rem !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---checkbox,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---checkbox {
  box-sizing: content-box !important;
  width: 1.1429rem !important;
  min-width: 1.1429rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive table.FrozenHeaderGrid---table th.FrozenHeaderGrid---checkbox,
  .appian-context-ux-responsive table.FrozenHeaderGrid---table td.FrozenHeaderGrid---checkbox {
    width: 2rem !important;
    min-width: 2rem !important;
    padding: 0.3571rem 0.6429rem !important;
    line-height: 1.4rem !important;
  }
}
.appian-context-ux-screen-size-narrow table.FrozenHeaderGrid---table th.FrozenHeaderGrid---checkbox,
.appian-context-ux-screen-size-narrow table.FrozenHeaderGrid---table td.FrozenHeaderGrid---checkbox {
  /* rules to apply in the phone form factor preview in ID */
  width: 2rem !important;
  min-width: 2rem !important;
  padding: 0.3571rem 0.6429rem !important;
  line-height: 1.4rem !important;
}
.appian-context-ux-screen-size-medium table.FrozenHeaderGrid---table th.FrozenHeaderGrid---checkbox,
.appian-context-ux-screen-size-medium table.FrozenHeaderGrid---table td.FrozenHeaderGrid---checkbox {
  /* rules to apply in the tablet form factor preview in ID */
  width: 2rem !important;
  min-width: 2rem !important;
  padding: 0.3571rem 0.6429rem !important;
  line-height: 1.4rem !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---icon,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---icon,
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---tiny,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---tiny {
  box-sizing: content-box !important;
  width: 1.4286rem !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---grid_field_column.FrozenHeaderGrid---icon,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---grid_field_column.FrozenHeaderGrid---icon {
  max-width: 1.4286rem !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---icon_plus,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---icon_plus {
  width: 61px !important;
  min-width: 61px !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---grid_field_column.FrozenHeaderGrid---icon_plus,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---grid_field_column.FrozenHeaderGrid---icon_plus {
  width: 61px !important;
  min-width: 61px !important;
  max-width: 61px !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---hex_bg_color,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---hex_bg_color,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selected td,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selected th,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable.FrozenHeaderGrid---selected td,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable.FrozenHeaderGrid---selected th,
.FrozenHeaderGrid---grid_cell_background_color_standard,
.FrozenHeaderGrid---grid_cell_background_color_warn_light_secondary,
.FrozenHeaderGrid---grid_cell_background_color_success,
.FrozenHeaderGrid---grid_cell_background_color_error,
.FrozenHeaderGrid---grid_cell_background_color_warn,
.FrozenHeaderGrid---grid_cell_background_color_info,
.FrozenHeaderGrid---grid_cell_background_color_accent {
  background-clip: padding-box !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---hex_bg_color,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---hex_bg_color {
  background-color: var(--paging-grid-cell-bg-color) !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---gallery,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---gallery,
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---image,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---image {
  box-sizing: content-box !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---image.FrozenHeaderGrid---tiny,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---image.FrozenHeaderGrid---tiny {
  width: 60px !important;
  min-width: 60px !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---image.FrozenHeaderGrid---small,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---image.FrozenHeaderGrid---small {
  width: 100px !important;
  min-width: 100px !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---image.FrozenHeaderGrid---medium,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---image.FrozenHeaderGrid---medium {
  width: 200px !important;
  min-width: 200px !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---image.FrozenHeaderGrid---large,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---image.FrozenHeaderGrid---large {
  width: 400px !important;
  min-width: 400px !important;
}
.FrozenHeaderGrid---grid_height_short {
  height: 141px !important;
  overflow-y: visible !important;
}
.FrozenHeaderGrid---grid_height_short.FrozenHeaderGrid---no_footer {
  height: 179px !important;
}
.FrozenHeaderGrid---grid_height_short_plus {
  height: 226px !important;
  overflow-y: visible !important;
}
.FrozenHeaderGrid---grid_height_short_plus.FrozenHeaderGrid---no_footer {
  height: 265px !important;
}
.FrozenHeaderGrid---grid_height_medium {
  height: 307px !important;
  overflow-y: visible !important;
}
.FrozenHeaderGrid---grid_height_medium.FrozenHeaderGrid---no_footer {
  height: 345px !important;
}
.FrozenHeaderGrid---grid_height_medium_plus {
  height: 471px !important;
  overflow-y: visible !important;
}
.FrozenHeaderGrid---grid_height_medium_plus.FrozenHeaderGrid---no_footer {
  height: 509px !important;
}
.FrozenHeaderGrid---grid_height_tall {
  height: 636px !important;
  overflow-y: visible !important;
}
.FrozenHeaderGrid---grid_height_tall.FrozenHeaderGrid---no_footer {
  height: 674px !important;
}
.FrozenHeaderGrid---grid_height_tall_plus {
  height: 877px !important;
  overflow-y: visible !important;
}
.FrozenHeaderGrid---grid_height_tall_plus.FrozenHeaderGrid---no_footer {
  height: 915px !important;
}
.FrozenHeaderGrid---grid_height_extra_tall {
  height: 1119px !important;
  overflow-y: visible !important;
}
.FrozenHeaderGrid---grid_height_extra_tall.FrozenHeaderGrid---no_footer {
  height: 1156px !important;
}
.FrozenHeaderGrid---phone_preview,
.FrozenHeaderGrid---phone_preview.FrozenHeaderGrid---no_footer {
  overflow-y: visible !important;
  max-height: 425px !important;
}
.FrozenHeaderGrid---phone_preview.FrozenHeaderGrid---grid_height_short,
.FrozenHeaderGrid---phone_preview.FrozenHeaderGrid---no_footer.FrozenHeaderGrid---grid_height_short {
  max-height: 191px !important;
  height: 100% !important;
}
.FrozenHeaderGrid---phone_preview.FrozenHeaderGrid---grid_height_medium,
.FrozenHeaderGrid---phone_preview.FrozenHeaderGrid---no_footer.FrozenHeaderGrid---grid_height_medium {
  max-height: 333px !important;
  height: 100% !important;
}
.FrozenHeaderGrid---phone_preview.FrozenHeaderGrid---grid_height_medium_plus,
.FrozenHeaderGrid---phone_preview.FrozenHeaderGrid---no_footer.FrozenHeaderGrid---grid_height_medium_plus {
  max-height: 424px !important;
  height: 100% !important;
}
.FrozenHeaderGrid---phone_preview.FrozenHeaderGrid---grid_height_tall,
.FrozenHeaderGrid---phone_preview.FrozenHeaderGrid---no_footer.FrozenHeaderGrid---grid_height_tall {
  max-height: 524px !important;
  height: 100% !important;
}
.FrozenHeaderGrid---phone_preview.FrozenHeaderGrid---grid_height_tall_plus,
.FrozenHeaderGrid---phone_preview.FrozenHeaderGrid---no_footer.FrozenHeaderGrid---grid_height_tall_plus {
  max-height: 581px !important;
  height: 100% !important;
}
.FrozenHeaderGrid---phone_preview.FrozenHeaderGrid---grid_height_extra_tall,
.FrozenHeaderGrid---phone_preview.FrozenHeaderGrid---no_footer.FrozenHeaderGrid---grid_height_extra_tall {
  max-height: 637px !important;
  height: 100% !important;
}
.FrozenHeaderGrid---phone_preview.FrozenHeaderGrid---grid_height_short_plus {
  max-height: 318px !important;
  height: 100% !important;
}
.FrozenHeaderGrid---phone_preview.FrozenHeaderGrid---no_footer.FrozenHeaderGrid---grid_height_short_plus {
  max-height: 331px !important;
  height: 100% !important;
}
.FrozenHeaderGrid---tablet_preview,
.FrozenHeaderGrid---tablet_preview.FrozenHeaderGrid---no_footer {
  overflow-y: visible !important;
  max-height: 452px !important;
}
.FrozenHeaderGrid---tablet_preview.FrozenHeaderGrid---grid_height_short,
.FrozenHeaderGrid---tablet_preview.FrozenHeaderGrid---no_footer.FrozenHeaderGrid---grid_height_short {
  max-height: 204px !important;
  height: 100% !important;
}
.FrozenHeaderGrid---tablet_preview.FrozenHeaderGrid---grid_height_medium,
.FrozenHeaderGrid---tablet_preview.FrozenHeaderGrid---no_footer.FrozenHeaderGrid---grid_height_medium {
  max-height: 354px !important;
  height: 100% !important;
}
.FrozenHeaderGrid---tablet_preview.FrozenHeaderGrid---grid_height_medium_plus,
.FrozenHeaderGrid---tablet_preview.FrozenHeaderGrid---no_footer.FrozenHeaderGrid---grid_height_medium_plus {
  max-height: 456px !important;
  height: 100% !important;
}
.FrozenHeaderGrid---tablet_preview.FrozenHeaderGrid---grid_height_tall,
.FrozenHeaderGrid---tablet_preview.FrozenHeaderGrid---no_footer.FrozenHeaderGrid---grid_height_tall {
  max-height: 558px !important;
  height: 100% !important;
}
.FrozenHeaderGrid---tablet_preview.FrozenHeaderGrid---grid_height_tall_plus,
.FrozenHeaderGrid---tablet_preview.FrozenHeaderGrid---no_footer.FrozenHeaderGrid---grid_height_tall_plus {
  max-height: 618px !important;
  height: 100% !important;
}
.FrozenHeaderGrid---tablet_preview.FrozenHeaderGrid---grid_height_extra_tall,
.FrozenHeaderGrid---tablet_preview.FrozenHeaderGrid---no_footer.FrozenHeaderGrid---grid_height_extra_tall {
  max-height: 679px !important;
  height: 100% !important;
}
.FrozenHeaderGrid---tablet_preview.FrozenHeaderGrid---grid_height_short_plus {
  max-height: 318px !important;
  height: 100% !important;
}
.FrozenHeaderGrid---tablet_preview.FrozenHeaderGrid---no_footer.FrozenHeaderGrid---grid_height_short_plus {
  max-height: 292px !important;
  height: 100% !important;
}
@media print {
  .FrozenHeaderGrid---grid_height_short,
  .FrozenHeaderGrid---grid_height_short_plus,
  .FrozenHeaderGrid---grid_height_medium,
  .FrozenHeaderGrid---grid_height_medium_plus,
  .FrozenHeaderGrid---grid_height_tall,
  .FrozenHeaderGrid---grid_height_tall_plus,
  .FrozenHeaderGrid---grid_height_extra_tall {
    height: 100% !important;
  }
}
table.FrozenHeaderGrid---table tbody td,
table.FrozenHeaderGrid---table tbody th {
  min-height: 1.4286rem !important;
  border-top: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
  font-weight: normal !important;
}
table.FrozenHeaderGrid---table th + th,
table.FrozenHeaderGrid---table td + td,
table.FrozenHeaderGrid---table th + td,
table.FrozenHeaderGrid---table td + th {
  border-left: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---inDarkBackground:not(.FrozenHeaderGrid---border_none) tbody td,
table.FrozenHeaderGrid---table.FrozenHeaderGrid---inDarkBackground:not(.FrozenHeaderGrid---border_none) tbody th {
  border-top-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---inDarkBackground:not(.FrozenHeaderGrid---light):not(.FrozenHeaderGrid---border_none) th + th,
table.FrozenHeaderGrid---table.FrozenHeaderGrid---inDarkBackground:not(.FrozenHeaderGrid---light):not(.FrozenHeaderGrid---border_none) td + td,
table.FrozenHeaderGrid---table.FrozenHeaderGrid---inDarkBackground:not(.FrozenHeaderGrid---light):not(.FrozenHeaderGrid---border_none) th + td,
table.FrozenHeaderGrid---table.FrozenHeaderGrid---inDarkBackground:not(.FrozenHeaderGrid---light):not(.FrozenHeaderGrid---border_none) td + th {
  border-left-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---inDarkBackground.FrozenHeaderGrid---show_header_cell_dividers th + th {
  border-left-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---border_none tbody td,
table.FrozenHeaderGrid---table.FrozenHeaderGrid---border_none tbody th {
  border-top-color: transparent !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---border_none:not(.FrozenHeaderGrid---show_header_cell_dividers) th + th,
table.FrozenHeaderGrid---table.FrozenHeaderGrid---border_none td + td,
table.FrozenHeaderGrid---table.FrozenHeaderGrid---border_none th + td,
table.FrozenHeaderGrid---table.FrozenHeaderGrid---border_none td + th {
  border-color: transparent !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---no_header tbody tr:first-child td {
  border-top: none !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---light:not(.FrozenHeaderGrid---show_header_cell_dividers) th + th,
table.FrozenHeaderGrid---table.FrozenHeaderGrid---light td + td,
table.FrozenHeaderGrid---table.FrozenHeaderGrid---light th + td,
table.FrozenHeaderGrid---table.FrozenHeaderGrid---light tbody td + th {
  border-left: none !important;
}
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---empty_msg td {
  text-align: center !important;
  height: 80px !important;
  line-height: 1.4 !important;
}
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---empty_msg.FrozenHeaderGrid---inAccentBackground td {
  color: #fff !important;
}
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---empty_msg.FrozenHeaderGrid---inDarkBackground td {
  color: #eee !important;
}
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---empty_msg.FrozenHeaderGrid---inLightBackground td {
  color: #222 !important;
}
table.FrozenHeaderGrid---table thead th {
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--appian-text-color, #222) !important;
  line-height: 1.4 !important;
}
table.FrozenHeaderGrid---table thead th[aria-sort] {
  position: relative !important;
  cursor: pointer !important;
}
@media print {
  table.FrozenHeaderGrid---table thead th[aria-sort] {
    position: static !important;
  }
}
table.FrozenHeaderGrid---table thead th[aria-sort]:focus,
table.FrozenHeaderGrid---table thead th:focus,
table.FrozenHeaderGrid---table thead th.FrozenHeaderGrid---pseudoFocus {
  outline: none !important;
}
table.FrozenHeaderGrid---table thead th[aria-sort]:focus:not(.appian-context-ux-mouse-focus),
table.FrozenHeaderGrid---table thead th[aria-sort]:hover,
table.FrozenHeaderGrid---table thead th[aria-sort].FrozenHeaderGrid---pseudoFocus:not(.appian-context-ux-mouse-focus),
table.FrozenHeaderGrid---table thead th[aria-sort].FrozenHeaderGrid---pseudoFocus:hover {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
  box-shadow: 0 0 0 1px #1d659c inset !important;
}
table.FrozenHeaderGrid---table thead th.FrozenHeaderGrid---pseudoFocus:not(.appian-context-ux-mouse-focus) input[type="checkbox"] + label {
  outline: 1px solid #1d659c !important;
}
.appian-context-browser-chrome table.FrozenHeaderGrid---table thead th[aria-sort]:not(.FrozenHeaderGrid---align_end),
.appian-context-browser-edge table.FrozenHeaderGrid---table thead th[aria-sort]:not(.FrozenHeaderGrid---align_end),
.appian-context-browser-firefox table.FrozenHeaderGrid---table thead th[aria-sort]:not(.FrozenHeaderGrid---align_end),
.appian-context-browser-safari table.FrozenHeaderGrid---table thead th[aria-sort]:not(.FrozenHeaderGrid---align_end) {
  padding-right: 1.2857rem !important;
}
table.FrozenHeaderGrid---table thead th[aria-sort].FrozenHeaderGrid---align_end {
  padding-left: 1.2857rem !important;
}
/* Maintains padding and label alignment when a context menu is present in the header */
table.FrozenHeaderGrid---table thead th.FrozenHeaderGrid---header_with_icons_wrapper > div {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -ms-flex-wrap: nowrap !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: row nowrap !important;
          flex-flow: row nowrap !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  -ms-flex-align: center !important;
}
table.FrozenHeaderGrid---table thead th.FrozenHeaderGrid---contains_start_icon {
  vertical-align: top !important;
}
table.FrozenHeaderGrid---table thead th.FrozenHeaderGrid---collapsed_header {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  visibility: collapse !important;
}
table.FrozenHeaderGrid---table thead th.FrozenHeaderGrid---contains_start_icon > div {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
          align-items: flex-start !important;
}
.appian-context-browser-chrome table.FrozenHeaderGrid---table thead th.FrozenHeaderGrid---header_with_icons_wrapper,
.appian-context-browser-edge table.FrozenHeaderGrid---table thead th.FrozenHeaderGrid---header_with_icons_wrapper,
.appian-context-browser-firefox table.FrozenHeaderGrid---table thead th.FrozenHeaderGrid---header_with_icons_wrapper,
.appian-context-browser-safari table.FrozenHeaderGrid---table thead th.FrozenHeaderGrid---header_with_icons_wrapper,
.appian-context-browser-chrome table.FrozenHeaderGrid---table thead th[aria-sort].FrozenHeaderGrid---header_with_icons_wrapper,
.appian-context-browser-edge table.FrozenHeaderGrid---table thead th[aria-sort].FrozenHeaderGrid---header_with_icons_wrapper,
.appian-context-browser-firefox table.FrozenHeaderGrid---table thead th[aria-sort].FrozenHeaderGrid---header_with_icons_wrapper,
.appian-context-browser-safari table.FrozenHeaderGrid---table thead th[aria-sort].FrozenHeaderGrid---header_with_icons_wrapper {
  padding-right: 0 !important;
}
table.FrozenHeaderGrid---table thead th[aria-sort="ascending"].FrozenHeaderGrid---header_with_icons_wrapper.FrozenHeaderGrid---align_start > div,
table.FrozenHeaderGrid---table thead th[aria-sort="descending"].FrozenHeaderGrid---header_with_icons_wrapper.FrozenHeaderGrid---align_start > div,
table.FrozenHeaderGrid---table thead th[aria-sort="ascending"].FrozenHeaderGrid---header_with_icons_wrapper.FrozenHeaderGrid---center > div,
table.FrozenHeaderGrid---table thead th[aria-sort="descending"].FrozenHeaderGrid---header_with_icons_wrapper.FrozenHeaderGrid---center > div {
  padding-right: 0.8571rem !important;
}
table.FrozenHeaderGrid---table thead th[aria-sort="ascending"].FrozenHeaderGrid---contains_start_icon > .FrozenHeaderGrid---sort_arrow {
  top: 0.7857rem !important;
}
table.FrozenHeaderGrid---table thead th[aria-sort="descending"].FrozenHeaderGrid---contains_start_icon > .FrozenHeaderGrid---sort_arrow {
  top: 0.8571rem !important;
}
table.FrozenHeaderGrid---table thead th[aria-sort] > .FrozenHeaderGrid---sort_arrow {
  height: 1rem !important;
  width: 1rem !important;
  fill: #1d659c !important;
  position: absolute !important;
  right: 0.1429rem !important;
}
table.FrozenHeaderGrid---table thead th[aria-sort="ascending"] > .FrozenHeaderGrid---sort_arrow {
  top: calc(50% - 0.5714rem) !important;
}
table.FrozenHeaderGrid---table thead th[aria-sort="descending"] > .FrozenHeaderGrid---sort_arrow {
  top: calc(50% - 0.4286rem) !important;
}
table.FrozenHeaderGrid---table thead th[aria-sort].FrozenHeaderGrid---align_end > .FrozenHeaderGrid---sort_arrow {
  left: 0.1429rem !important;
}
@media print {
  .appian-context-browser-chrome table.FrozenHeaderGrid---table thead th[aria-sort]:not(.FrozenHeaderGrid---align_end),
  .appian-context-browser-edge table.FrozenHeaderGrid---table thead th[aria-sort]:not(.FrozenHeaderGrid---align_end),
  .appian-context-browser-firefox table.FrozenHeaderGrid---table thead th[aria-sort]:not(.FrozenHeaderGrid---align_end),
  .appian-context-browser-safari table.FrozenHeaderGrid---table thead th[aria-sort]:not(.FrozenHeaderGrid---align_end) {
    padding-right: 0 !important;
  }
  table.FrozenHeaderGrid---table thead th[aria-sort] > div {
    display: inline-block !important;
  }
  table.FrozenHeaderGrid---table thead th[aria-sort].FrozenHeaderGrid---header_with_icons_wrapper > div {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
  table.FrozenHeaderGrid---table thead th[aria-sort] > .FrozenHeaderGrid---sort_arrow {
    position: static !important;
    margin: 0 4px !important;
    float: right !important;
  }
  table.FrozenHeaderGrid---table thead th[aria-sort].FrozenHeaderGrid---align_end {
    padding-left: 0 !important;
  }
  table.FrozenHeaderGrid---table thead th[aria-sort].FrozenHeaderGrid---align_end > .FrozenHeaderGrid---sort_arrow {
    float: left !important;
  }
}
table.FrozenHeaderGrid---table td {
  vertical-align: middle !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---top td {
  vertical-align: top !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---bottom td {
  vertical-align: bottom !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---center,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---center {
  text-align: center !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---flex th.FrozenHeaderGrid---center,
table.FrozenHeaderGrid---table.FrozenHeaderGrid---flex td.FrozenHeaderGrid---center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---align_end,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---align_end {
  text-align: right !important;
}
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---align_end input[type="text"] {
  text-align: right !important;
  overflow: hidden !important;
  /* Mac OS Chrome right-aligned text input cutoff bug */
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---sortable {
  padding-right: 22px !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---sortable.FrozenHeaderGrid---align_end {
  padding-left: 22px !important;
  padding-right: 8px !important;
}
th.FrozenHeaderGrid---sortable.FrozenHeaderGrid---center {
  padding-left: 14px !important;
  padding-right: 14px !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---striped tbody tr:nth-child(odd):not(.FrozenHeaderGrid---empty_msg) {
  background-color: rgba(231, 231, 231, 0.2) !important;
  /* appears the same as #fafafa on white background */
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---striped.FrozenHeaderGrid---inDarkBackground tbody tr:nth-child(odd):not(.FrozenHeaderGrid---empty_msg) {
  background-color: rgba(231, 231, 231, var(--appian-grid-shade-dark-bg-opacity, 0.1)) !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---striped.FrozenHeaderGrid---alt_row_hex_color tbody tr:nth-child(odd):not(.FrozenHeaderGrid---empty_msg) {
  background-color: var(--appian-grid-alt-row-color) !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---semi_rounded tr th:first-child,
table.FrozenHeaderGrid---table.FrozenHeaderGrid---semi_rounded tr td:first-child {
  border-top-left-radius: 0.2857rem !important;
  border-bottom-left-radius: 0.2857rem !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---semi_rounded tr th:last-child,
table.FrozenHeaderGrid---table.FrozenHeaderGrid---semi_rounded tr td:last-child {
  border-top-right-radius: 0.2857rem !important;
  border-bottom-right-radius: 0.2857rem !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---decision_else_row tbody tr:last-child td {
  border-top-color: #ccc !important;
  border-left-color: transparent !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---decision_else_row tbody tr:last-child td.FrozenHeaderGrid---grid_cell_background_color_standard + td {
  border-left-color: #f0f0f0 !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---fit,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---fit {
  padding: 0px !important;
  /* In order for child component to fill cell, cell must have no padding */
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---error,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---error {
  position: relative !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---error:before,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---error:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---inDarkBackground th.FrozenHeaderGrid---error:before,
table.FrozenHeaderGrid---table.FrozenHeaderGrid---inDarkBackground td.FrozenHeaderGrid---error:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---error:after,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---error:after {
  content: "" !important;
  position: absolute !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---inDarkBackground th.FrozenHeaderGrid---error:after,
table.FrozenHeaderGrid---table.FrozenHeaderGrid---inDarkBackground td.FrozenHeaderGrid---error:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
table.FrozenHeaderGrid---table th.FrozenHeaderGrid---error.FrozenHeaderGrid---frozen_grid_error:after,
table.FrozenHeaderGrid---table td.FrozenHeaderGrid---error.FrozenHeaderGrid---frozen_grid_error:after {
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.FrozenHeaderGrid---grid_toolbar {
  margin: 0 0 0.6rem 0 !important;
  font-size: 0 !important;
}
.FrozenHeaderGrid---content_layout.FrozenHeaderGrid---flush .FrozenHeaderGrid---grid_toolbar {
  margin: 0.6rem 0.6rem !important;
}
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable {
  cursor: pointer !important;
  outline: none !important;
}
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable:hover:not(.FrozenHeaderGrid---selected) td,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable:focus:not(.FrozenHeaderGrid---selected) td,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable:hover:not(.FrozenHeaderGrid---selected) th,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable:focus:not(.FrozenHeaderGrid---selected) th {
  position: relative !important;
}
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable:hover:not(.FrozenHeaderGrid---selected) td:after,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable:focus:not(.FrozenHeaderGrid---selected) td:after,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable:hover:not(.FrozenHeaderGrid---selected) th:after,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable:focus:not(.FrozenHeaderGrid---selected) th:after {
  content: "" !important;
  top: 0px !important;
  left: -1px !important;
  position: absolute !important;
  width: calc(100% + 1px) !important;
  height: 100% !important;
  border-top: 1px solid #1d659c !important;
  border-bottom: 1px solid #1d659c !important;
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
  pointer-events: none !important;
}
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable:hover:not(.FrozenHeaderGrid---selected) td.FrozenHeaderGrid---hex_bg_color:after,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable:focus:not(.FrozenHeaderGrid---selected) td.FrozenHeaderGrid---hex_bg_color:after,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable:hover:not(.FrozenHeaderGrid---selected) th.FrozenHeaderGrid---hex_bg_color:after,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable:focus:not(.FrozenHeaderGrid---selected) th.FrozenHeaderGrid---hex_bg_color:after {
  background-color: rgba(29, 101, 156, 0.2) !important;
}
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable:hover:not(.FrozenHeaderGrid---selected) td:first-child:after,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable:focus:not(.FrozenHeaderGrid---selected) td:first-child:after,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable:hover:not(.FrozenHeaderGrid---selected) th:first-child:after,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable:focus:not(.FrozenHeaderGrid---selected) th:first-child:after {
  left: 0px !important;
  border-left: 1px solid #1d659c !important;
}
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable:hover:not(.FrozenHeaderGrid---selected) td:last-child:after,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable:focus:not(.FrozenHeaderGrid---selected) td:last-child:after,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable:hover:not(.FrozenHeaderGrid---selected) th:last-child:after,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable:focus:not(.FrozenHeaderGrid---selected) th:last-child:after {
  border-right: 1px solid #1d659c !important;
}
table.FrozenHeaderGrid---table.FrozenHeaderGrid---inDarkBackground tr.FrozenHeaderGrid---selectable:hover:not(.FrozenHeaderGrid---selected) td:not(.FrozenHeaderGrid---hex_bg_color):after {
  background-color: rgba(29, 101, 156, 0.2) !important;
}
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selected td,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selected th,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable.FrozenHeaderGrid---selected td,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable.FrozenHeaderGrid---selected th {
  background-color: #1d659c !important;
}
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selected td p,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selected th p,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selected td p a,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selected th p a,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable.FrozenHeaderGrid---selected td p,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable.FrozenHeaderGrid---selected th p,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable.FrozenHeaderGrid---selected td p a,
table.FrozenHeaderGrid---table tr.FrozenHeaderGrid---selectable.FrozenHeaderGrid---selected th p a {
  color: #fff !important;
}
.FrozenHeaderGrid---scrollable_content {
  overflow-x: auto !important;
}
@media print {
  .FrozenHeaderGrid---scrollable_content {
    overflow: hidden !important;
  }
}
.FrozenHeaderGrid---scrollable_content.FrozenHeaderGrid---phone_only {
  overflow-x: hidden !important;
}
.appian-context-ux-page-size-phone .FrozenHeaderGrid---scrollable_content.FrozenHeaderGrid---phone_only {
  overflow-x: auto !important;
}
.FrozenHeaderGrid---grid_cell_background_color_standard {
  background-color: #f0f0f0 !important;
}
.FrozenHeaderGrid---grid_cell_background_color_warn_light_secondary {
  background-color: #f8f8f8 !important;
}
.FrozenHeaderGrid---grid_cell_background_color_success {
  background-color: #e0ffd7 !important;
}
.FrozenHeaderGrid---grid_cell_background_color_error {
  background-color: #ffefef !important;
}
.FrozenHeaderGrid---grid_cell_background_color_warn {
  background-color: #feffd2 !important;
}
.FrozenHeaderGrid---grid_cell_background_color_info {
  background-color: #ecf4ff !important;
}
.FrozenHeaderGrid---grid_cell_background_color_accent {
  background-color: #1d659c !important;
}
.FrozenHeaderGrid---grid_cell_background_color_transparent {
  background-color: transparent !important;
}
@media print {
  table.FrozenHeaderGrid---table,
  table.FrozenHeaderGrid---table.FrozenHeaderGrid---distribute.FrozenHeaderGrid---scrollable {
    table-layout: fixed !important;
  }
}
.FrozenHeaderGrid---table_container {
  position: relative !important;
}
table.FrozenHeaderGrid---table tr:focus-visible {
  outline: none !important;
}
/* Begin styles related to Sail Drag And Drop */
.FrozenHeaderGrid---dnd_kb_controls_container {
  position: relative !important;
}
.FrozenHeaderGrid---hidden_dnd_preview {
  display: none !important;
}
/* The elements that the following classes apply to are created in the middleware-sailDnd-DOMManipualation
 * and do not appear directly in any component files
 */
.FrozenHeaderGrid---row_focus_element {
  position: absolute !important;
  border: 1px solid #1d659c !important;
}
.FrozenHeaderGrid---divider_line {
  position: absolute !important;
  height: 2px !important;
  background-color: #1d659c !important;
}
@-webkit-keyframes FrozenHeaderGrid---pulse_animation {
  50% {
    opacity: 0.1;
  }
}
@keyframes FrozenHeaderGrid---pulse_animation {
  50% {
    opacity: 0.1;
  }
}
.FrozenHeaderGrid---grid_td_pulse_loading_animation {
  height: 40px !important;
}
.FrozenHeaderGrid---grid_td_pulse_loading_animation span {
  background-color: rgba(168, 168, 168, 0.2) !important;
  -webkit-animation: FrozenHeaderGrid---pulse_animation 4s ease-in-out infinite !important;
          animation: FrozenHeaderGrid---pulse_animation 4s ease-in-out infinite !important;
  display: block !important;
  height: 14px !important;
}
tr.FrozenHeaderGrid---frozen_header {
  position: absolute !important;
  overflow: hidden !important;
  visibility: visible !important;
  z-index: 2 !important;
  border: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
  left: 0 !important;
}
.FrozenHeaderGrid---table_container.FrozenHeaderGrid---light_border tr.FrozenHeaderGrid---frozen_header {
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}
.appian-context-browser-safari tr.FrozenHeaderGrid---frozen_header {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.appian-context-browser-chrome tr.FrozenHeaderGrid---frozen_header,
.appian-context-browser-safari tr.FrozenHeaderGrid---frozen_header {
  overflow-x: scroll !important;
}
.appian-context-os-ios .FrozenHeaderGrid---table_container {
  -webkit-overflow-scrolling: auto !important;
}
.FrozenHeaderGrid---table_container.FrozenHeaderGrid---inDarkBackground:not(.FrozenHeaderGrid---light_border) tr.FrozenHeaderGrid---frozen_header {
  border-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
@media print {
  tr.FrozenHeaderGrid---frozen_header {
    display: none !important;
  }
  .FrozenHeaderGrid---table_container,
  table.FrozenHeaderGrid---frozen_table {
    margin-top: 0 !important;
  }
  .FrozenHeaderGrid---table_container:not(.FrozenHeaderGrid---light_border) .FrozenHeaderGrid---scrollable_content {
    border-top: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
  }
  .FrozenHeaderGrid---table_container.FrozenHeaderGrid---inDarkBackground:not(.FrozenHeaderGrid---light_border) .FrozenHeaderGrid---scrollable_content {
    border-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
  }
}
tr.FrozenHeaderGrid---frozen_header::-webkit-scrollbar {
  display: none !important;
}
.FrozenHeaderGrid---frozen_header_grid {
  overflow: hidden !important;
}
.FrozenHeaderGrid---vertical_scrollbar_extension {
  position: absolute !important;
  right: 0 !important;
  border-top: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
  border-right: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
  border-bottom: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
}
.FrozenHeaderGrid---table_container.FrozenHeaderGrid---light_border .FrozenHeaderGrid---vertical_scrollbar_extension {
  border-top-color: transparent !important;
  border-right-color: transparent !important;
}
.FrozenHeaderGrid---table_container.FrozenHeaderGrid---inDarkBackground:not(.FrozenHeaderGrid---light_border) .FrozenHeaderGrid---vertical_scrollbar_extension {
  border-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
.FrozenHeaderGrid---table_container:not(.FrozenHeaderGrid---light_border) .FrozenHeaderGrid---scrollable_content {
  border-right: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
  border-left: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
  border-bottom: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
  /* repeated class name is a specificity hack to work around table.table styling in grids.less */
}
.FrozenHeaderGrid---table_container:not(.FrozenHeaderGrid---light_border) .FrozenHeaderGrid---scrollable_content table.FrozenHeaderGrid---frozen_table.FrozenHeaderGrid---frozen_table {
  border-right: none !important;
  border-left: none !important;
}
.FrozenHeaderGrid---table_container.FrozenHeaderGrid---inDarkBackground:not(.FrozenHeaderGrid---light_border) .FrozenHeaderGrid---scrollable_content {
  border-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
/* repeated class name is a specificity hack to work around table.table styling in grids.less */
.FrozenHeaderGrid---table_container .FrozenHeaderGrid---scrollable_content table.FrozenHeaderGrid---frozen_table.FrozenHeaderGrid---frozen_table {
  border-top: none !important;
}
table.FrozenHeaderGrid---frozen_table.FrozenHeaderGrid---empty_table {
  border-bottom-color: transparent !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.VirtualGridRow---grid_column_drag_icon:not(.VirtualGridRow---disabled) {
  cursor: -webkit-grab !important;
  cursor: grab !important;
}
.VirtualGridRow---grid_column_drag_icon:not(.VirtualGridRow---disabled) div[role="application"] {
  /* Allows mouse events fall through to the .grid_column_drag_icon element so that we can verify a grid 
    * row was the mousedown event target in SailDndDragPreviewManager.tsx
    */
  pointer-events: none !important;
}
.VirtualGridRow---grid_column_drag_icon:not(.VirtualGridRow---disabled) .VirtualGridRow---drag_icon_wrapper:focus:not([data-appian-ux-mouse-focus]) {
  outline: 1px solid #1d659c !important;
  outline-offset: 1px !important;
}
.VirtualGridRow---drag_icon_wrapper {
  display: inline-block !important;
  line-height: 1 !important;
}
.VirtualGridRow---drag_icon {
  height: 1rem !important;
  width: 1rem !important;
  vertical-align: -0.15em !important;
  fill: var(--appian-subtle-text-color, #666) !important;
}
.VirtualGridRow---drag_icon.VirtualGridRow---inAccentBackground {
  fill: #fff !important;
}
.VirtualGridRow---drag_icon.VirtualGridRow---inDarkBackground {
  fill: #ddd !important;
}
.VirtualGridRow---drag_icon.VirtualGridRow---inLightBackground {
  fill: #666 !important;
}
.VirtualGridRow---drag_icon.VirtualGridRow---disabled {
  fill: var(--appian-disabled-standalone-text-color, #bbb) !important;
}

@-webkit-keyframes SailDndComponentWrapper---spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes SailDndComponentWrapper---spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.SailDndComponentWrapper---loading_container {
  height: 100% !important;
  width: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  opacity: 0.8 !important;
}
.SailDndComponentWrapper---loading_container .SailDndComponentWrapper---loading_icon {
  width: 1rem !important;
  height: 1rem !important;
  -webkit-animation: SailDndComponentWrapper---spin linear infinite 2s !important;
  animation: SailDndComponentWrapper---spin linear infinite 2s !important;
}
.SailDndComponentWrapper---grab_cursor {
  cursor: -webkit-grab !important;
  cursor: grab !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.grids---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .grids---accessibilityhidden {
  font-size: 0 !important;
}
.grids---align_start {
  text-align: left !important;
}
.grids---align_end {
  text-align: right !important;
}
.grids---center {
  text-align: center !important;
}
table.grids---table {
  width: 100% !important;
  padding: 0 !important;
  font-size: 1rem !important;
  border-collapse: separate !important;
  /* needed so header borders always display (AN-78132) */
  border-spacing: 0 !important;
  border: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
  table-layout: auto !important;
}
table.grids---table.grids---inDarkBackground:not(.grids---light):not(.grids---border_none) {
  border-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
table.grids---table.grids---flush {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
}
table.grids---table.grids---light,
table.grids---table.grids---border_none {
  border-color: transparent !important;
}
table.grids---table th,
table.grids---table td {
  text-align: left !important;
  padding: 0.7143rem !important;
  word-wrap: break-word !important;
  max-width: 300px !important;
  color: var(--appian-text-color, #222) !important;
}
table.grids---table th.grids---nowrap,
table.grids---table td.grids---nowrap {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
table.grids---table.grids---dense th,
table.grids---table.grids---dense td {
  padding: 0.3571rem 0.6429rem !important;
}
table.grids---table.grids---more_on_row_edges th,
table.grids---table.grids---more_on_row_edges td {
  padding: 1.2857rem 0.7143rem !important;
}
table.grids---table.grids---more_on_row_edges th:first-child,
table.grids---table.grids---more_on_row_edges td:first-child {
  padding-left: 1.714rem !important;
}
table.grids---table.grids---more_on_row_edges th:last-child,
table.grids---table.grids---more_on_row_edges td:last-child {
  padding-right: 1.714rem !important;
}
table.grids---table th.grids---reducedPadding,
table.grids---table td.grids---reducedPadding {
  padding: 0.1429rem !important;
  /* Keep in sync with inGridLayout styling in buttons.less */
}
table.grids---table th.grids---firstEditable,
table.grids---table td.grids---firstEditable {
  padding: 0.1429rem !important;
  padding-right: 0.7143rem !important;
}
table.grids---table th.grids---lastEditable,
table.grids---table td.grids---lastEditable {
  padding: 0.1429rem !important;
  padding-left: 0.7143rem !important;
}
table.grids---table.grids---distribute {
  table-layout: fixed !important;
}
table.grids---table.grids---distribute.grids---scrollable {
  table-layout: auto !important;
}
table.grids---table.grids---distribute.grids---scrollable.grids---force_fixed_layout {
  table-layout: fixed !important;
}
table.grids---table th.grids---narrow,
table.grids---table td.grids---narrow {
  width: 82px !important;
  /* narrow width needed for parity */
}
table.grids---table th.grids---grid_field_column.grids---narrow,
table.grids---table td.grids---grid_field_column.grids---narrow {
  min-width: 82px !important;
  max-width: 82px !important;
}
table.grids---table th.grids---narrow_plus,
table.grids---table td.grids---narrow_plus {
  width: 172px !important;
  min-width: 172px !important;
}
table.grids---table th.grids---grid_field_column.grids---narrow_plus,
table.grids---table td.grids---grid_field_column.grids---narrow_plus {
  width: 172px !important;
  min-width: 172px !important;
  max-width: 172px !important;
}
table.grids---table th.grids---medium,
table.grids---table td.grids---medium {
  width: 18.7rem !important;
  min-width: 18.7rem !important;
}
table.grids---table th.grids---grid_field_column.grids---medium,
table.grids---table td.grids---grid_field_column.grids---medium {
  min-width: 18.7rem !important;
  max-width: 18.7rem !important;
}
table.grids---table th.grids---medium_plus,
table.grids---table td.grids---medium_plus {
  width: 30.78rem !important;
  min-width: 30.78rem !important;
  max-width: 30.78rem !important;
}
table.grids---table th.grids---grid_field_column.grids---medium_plus,
table.grids---table td.grids---grid_field_column.grids---medium_plus {
  width: 30.78rem !important;
  min-width: 30.78rem !important;
  max-width: 30.78rem !important;
}
table.grids---table th.grids---wide,
table.grids---table td.grids---wide {
  width: 42.86rem !important;
  min-width: 42.86rem !important;
  max-width: 42.86rem !important;
}
table.grids---table th.grids---grid_field_column.grids---wide,
table.grids---table td.grids---grid_field_column.grids---wide {
  min-width: 42.86rem !important;
  max-width: 42.86rem !important;
}
table.grids---table th.grids---decision_numeric,
table.grids---table td.grids---decision_numeric {
  width: 19.8rem !important;
}
table.grids---table th.grids---rule_input_array_checkbox,
table.grids---table td.grids---rule_input_array_checkbox {
  width: 58px !important;
}
table.grids---table th.grids---decision_non_numeric,
table.grids---table td.grids---decision_non_numeric {
  width: 18.143rem !important;
}
table.grids---table th.grids---decision_date,
table.grids---table td.grids---decision_date {
  width: 21.3rem !important;
}
table.grids---table th.grids---decision_row_icon,
table.grids---table td.grids---decision_row_icon {
  width: 3.6rem !important;
}
table.grids---table th.grids---checkbox,
table.grids---table td.grids---checkbox {
  box-sizing: content-box !important;
  width: 1.1429rem !important;
  min-width: 1.1429rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive table.grids---table th.grids---checkbox,
  .appian-context-ux-responsive table.grids---table td.grids---checkbox {
    width: 2rem !important;
    min-width: 2rem !important;
    padding: 0.3571rem 0.6429rem !important;
    line-height: 1.4rem !important;
  }
}
.appian-context-ux-screen-size-narrow table.grids---table th.grids---checkbox,
.appian-context-ux-screen-size-narrow table.grids---table td.grids---checkbox {
  /* rules to apply in the phone form factor preview in ID */
  width: 2rem !important;
  min-width: 2rem !important;
  padding: 0.3571rem 0.6429rem !important;
  line-height: 1.4rem !important;
}
.appian-context-ux-screen-size-medium table.grids---table th.grids---checkbox,
.appian-context-ux-screen-size-medium table.grids---table td.grids---checkbox {
  /* rules to apply in the tablet form factor preview in ID */
  width: 2rem !important;
  min-width: 2rem !important;
  padding: 0.3571rem 0.6429rem !important;
  line-height: 1.4rem !important;
}
table.grids---table th.grids---icon,
table.grids---table td.grids---icon,
table.grids---table th.grids---tiny,
table.grids---table td.grids---tiny {
  box-sizing: content-box !important;
  width: 1.4286rem !important;
}
table.grids---table th.grids---grid_field_column.grids---icon,
table.grids---table td.grids---grid_field_column.grids---icon {
  max-width: 1.4286rem !important;
}
table.grids---table th.grids---icon_plus,
table.grids---table td.grids---icon_plus {
  width: 61px !important;
  min-width: 61px !important;
}
table.grids---table th.grids---grid_field_column.grids---icon_plus,
table.grids---table td.grids---grid_field_column.grids---icon_plus {
  width: 61px !important;
  min-width: 61px !important;
  max-width: 61px !important;
}
table.grids---table th.grids---hex_bg_color,
table.grids---table td.grids---hex_bg_color,
table.grids---table tr.grids---selected td,
table.grids---table tr.grids---selected th,
table.grids---table tr.grids---selectable.grids---selected td,
table.grids---table tr.grids---selectable.grids---selected th,
.grids---grid_cell_background_color_standard,
.grids---grid_cell_background_color_warn_light_secondary,
.grids---grid_cell_background_color_success,
.grids---grid_cell_background_color_error,
.grids---grid_cell_background_color_warn,
.grids---grid_cell_background_color_info,
.grids---grid_cell_background_color_accent {
  background-clip: padding-box !important;
}
table.grids---table th.grids---hex_bg_color,
table.grids---table td.grids---hex_bg_color {
  background-color: var(--paging-grid-cell-bg-color) !important;
}
table.grids---table th.grids---gallery,
table.grids---table td.grids---gallery,
table.grids---table th.grids---image,
table.grids---table td.grids---image {
  box-sizing: content-box !important;
}
table.grids---table th.grids---image.grids---tiny,
table.grids---table td.grids---image.grids---tiny {
  width: 60px !important;
  min-width: 60px !important;
}
table.grids---table th.grids---image.grids---small,
table.grids---table td.grids---image.grids---small {
  width: 100px !important;
  min-width: 100px !important;
}
table.grids---table th.grids---image.grids---medium,
table.grids---table td.grids---image.grids---medium {
  width: 200px !important;
  min-width: 200px !important;
}
table.grids---table th.grids---image.grids---large,
table.grids---table td.grids---image.grids---large {
  width: 400px !important;
  min-width: 400px !important;
}
.grids---grid_height_short {
  height: 141px !important;
  overflow-y: visible !important;
}
.grids---grid_height_short.grids---no_footer {
  height: 179px !important;
}
.grids---grid_height_short_plus {
  height: 226px !important;
  overflow-y: visible !important;
}
.grids---grid_height_short_plus.grids---no_footer {
  height: 265px !important;
}
.grids---grid_height_medium {
  height: 307px !important;
  overflow-y: visible !important;
}
.grids---grid_height_medium.grids---no_footer {
  height: 345px !important;
}
.grids---grid_height_medium_plus {
  height: 471px !important;
  overflow-y: visible !important;
}
.grids---grid_height_medium_plus.grids---no_footer {
  height: 509px !important;
}
.grids---grid_height_tall {
  height: 636px !important;
  overflow-y: visible !important;
}
.grids---grid_height_tall.grids---no_footer {
  height: 674px !important;
}
.grids---grid_height_tall_plus {
  height: 877px !important;
  overflow-y: visible !important;
}
.grids---grid_height_tall_plus.grids---no_footer {
  height: 915px !important;
}
.grids---grid_height_extra_tall {
  height: 1119px !important;
  overflow-y: visible !important;
}
.grids---grid_height_extra_tall.grids---no_footer {
  height: 1156px !important;
}
.grids---phone_preview,
.grids---phone_preview.grids---no_footer {
  overflow-y: visible !important;
  max-height: 425px !important;
}
.grids---phone_preview.grids---grid_height_short,
.grids---phone_preview.grids---no_footer.grids---grid_height_short {
  max-height: 191px !important;
  height: 100% !important;
}
.grids---phone_preview.grids---grid_height_medium,
.grids---phone_preview.grids---no_footer.grids---grid_height_medium {
  max-height: 333px !important;
  height: 100% !important;
}
.grids---phone_preview.grids---grid_height_medium_plus,
.grids---phone_preview.grids---no_footer.grids---grid_height_medium_plus {
  max-height: 424px !important;
  height: 100% !important;
}
.grids---phone_preview.grids---grid_height_tall,
.grids---phone_preview.grids---no_footer.grids---grid_height_tall {
  max-height: 524px !important;
  height: 100% !important;
}
.grids---phone_preview.grids---grid_height_tall_plus,
.grids---phone_preview.grids---no_footer.grids---grid_height_tall_plus {
  max-height: 581px !important;
  height: 100% !important;
}
.grids---phone_preview.grids---grid_height_extra_tall,
.grids---phone_preview.grids---no_footer.grids---grid_height_extra_tall {
  max-height: 637px !important;
  height: 100% !important;
}
.grids---phone_preview.grids---grid_height_short_plus {
  max-height: 318px !important;
  height: 100% !important;
}
.grids---phone_preview.grids---no_footer.grids---grid_height_short_plus {
  max-height: 331px !important;
  height: 100% !important;
}
.grids---tablet_preview,
.grids---tablet_preview.grids---no_footer {
  overflow-y: visible !important;
  max-height: 452px !important;
}
.grids---tablet_preview.grids---grid_height_short,
.grids---tablet_preview.grids---no_footer.grids---grid_height_short {
  max-height: 204px !important;
  height: 100% !important;
}
.grids---tablet_preview.grids---grid_height_medium,
.grids---tablet_preview.grids---no_footer.grids---grid_height_medium {
  max-height: 354px !important;
  height: 100% !important;
}
.grids---tablet_preview.grids---grid_height_medium_plus,
.grids---tablet_preview.grids---no_footer.grids---grid_height_medium_plus {
  max-height: 456px !important;
  height: 100% !important;
}
.grids---tablet_preview.grids---grid_height_tall,
.grids---tablet_preview.grids---no_footer.grids---grid_height_tall {
  max-height: 558px !important;
  height: 100% !important;
}
.grids---tablet_preview.grids---grid_height_tall_plus,
.grids---tablet_preview.grids---no_footer.grids---grid_height_tall_plus {
  max-height: 618px !important;
  height: 100% !important;
}
.grids---tablet_preview.grids---grid_height_extra_tall,
.grids---tablet_preview.grids---no_footer.grids---grid_height_extra_tall {
  max-height: 679px !important;
  height: 100% !important;
}
.grids---tablet_preview.grids---grid_height_short_plus {
  max-height: 318px !important;
  height: 100% !important;
}
.grids---tablet_preview.grids---no_footer.grids---grid_height_short_plus {
  max-height: 292px !important;
  height: 100% !important;
}
@media print {
  .grids---grid_height_short,
  .grids---grid_height_short_plus,
  .grids---grid_height_medium,
  .grids---grid_height_medium_plus,
  .grids---grid_height_tall,
  .grids---grid_height_tall_plus,
  .grids---grid_height_extra_tall {
    height: 100% !important;
  }
}
table.grids---table tbody td,
table.grids---table tbody th {
  min-height: 1.4286rem !important;
  border-top: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
  font-weight: normal !important;
}
table.grids---table th + th,
table.grids---table td + td,
table.grids---table th + td,
table.grids---table td + th {
  border-left: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
}
table.grids---table.grids---inDarkBackground:not(.grids---border_none) tbody td,
table.grids---table.grids---inDarkBackground:not(.grids---border_none) tbody th {
  border-top-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
table.grids---table.grids---inDarkBackground:not(.grids---light):not(.grids---border_none) th + th,
table.grids---table.grids---inDarkBackground:not(.grids---light):not(.grids---border_none) td + td,
table.grids---table.grids---inDarkBackground:not(.grids---light):not(.grids---border_none) th + td,
table.grids---table.grids---inDarkBackground:not(.grids---light):not(.grids---border_none) td + th {
  border-left-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
table.grids---table.grids---inDarkBackground.grids---show_header_cell_dividers th + th {
  border-left-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
table.grids---table.grids---border_none tbody td,
table.grids---table.grids---border_none tbody th {
  border-top-color: transparent !important;
}
table.grids---table.grids---border_none:not(.grids---show_header_cell_dividers) th + th,
table.grids---table.grids---border_none td + td,
table.grids---table.grids---border_none th + td,
table.grids---table.grids---border_none td + th {
  border-color: transparent !important;
}
table.grids---table.grids---no_header tbody tr:first-child td {
  border-top: none !important;
}
table.grids---table.grids---light:not(.grids---show_header_cell_dividers) th + th,
table.grids---table.grids---light td + td,
table.grids---table.grids---light th + td,
table.grids---table.grids---light tbody td + th {
  border-left: none !important;
}
table.grids---table tr.grids---empty_msg td {
  text-align: center !important;
  height: 80px !important;
  line-height: 1.4 !important;
}
table.grids---table tr.grids---empty_msg.grids---inAccentBackground td {
  color: #fff !important;
}
table.grids---table tr.grids---empty_msg.grids---inDarkBackground td {
  color: #eee !important;
}
table.grids---table tr.grids---empty_msg.grids---inLightBackground td {
  color: #222 !important;
}
table.grids---table thead th {
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--appian-text-color, #222) !important;
  line-height: 1.4 !important;
}
table.grids---table thead th[aria-sort] {
  position: relative !important;
  cursor: pointer !important;
}
@media print {
  table.grids---table thead th[aria-sort] {
    position: static !important;
  }
}
table.grids---table thead th[aria-sort]:focus,
table.grids---table thead th:focus,
table.grids---table thead th.grids---pseudoFocus {
  outline: none !important;
}
table.grids---table thead th[aria-sort]:focus:not(.appian-context-ux-mouse-focus),
table.grids---table thead th[aria-sort]:hover,
table.grids---table thead th[aria-sort].grids---pseudoFocus:not(.appian-context-ux-mouse-focus),
table.grids---table thead th[aria-sort].grids---pseudoFocus:hover {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
  box-shadow: 0 0 0 1px #1d659c inset !important;
}
table.grids---table thead th.grids---pseudoFocus:not(.appian-context-ux-mouse-focus) input[type="checkbox"] + label {
  outline: 1px solid #1d659c !important;
}
.appian-context-browser-chrome table.grids---table thead th[aria-sort]:not(.grids---align_end),
.appian-context-browser-edge table.grids---table thead th[aria-sort]:not(.grids---align_end),
.appian-context-browser-firefox table.grids---table thead th[aria-sort]:not(.grids---align_end),
.appian-context-browser-safari table.grids---table thead th[aria-sort]:not(.grids---align_end) {
  padding-right: 1.2857rem !important;
}
table.grids---table thead th[aria-sort].grids---align_end {
  padding-left: 1.2857rem !important;
}
/* Maintains padding and label alignment when a context menu is present in the header */
table.grids---table thead th.grids---header_with_icons_wrapper > div {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -ms-flex-wrap: nowrap !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: row nowrap !important;
          flex-flow: row nowrap !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  -ms-flex-align: center !important;
}
table.grids---table thead th.grids---contains_start_icon {
  vertical-align: top !important;
}
table.grids---table thead th.grids---collapsed_header {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  visibility: collapse !important;
}
table.grids---table thead th.grids---contains_start_icon > div {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
          align-items: flex-start !important;
}
.appian-context-browser-chrome table.grids---table thead th.grids---header_with_icons_wrapper,
.appian-context-browser-edge table.grids---table thead th.grids---header_with_icons_wrapper,
.appian-context-browser-firefox table.grids---table thead th.grids---header_with_icons_wrapper,
.appian-context-browser-safari table.grids---table thead th.grids---header_with_icons_wrapper,
.appian-context-browser-chrome table.grids---table thead th[aria-sort].grids---header_with_icons_wrapper,
.appian-context-browser-edge table.grids---table thead th[aria-sort].grids---header_with_icons_wrapper,
.appian-context-browser-firefox table.grids---table thead th[aria-sort].grids---header_with_icons_wrapper,
.appian-context-browser-safari table.grids---table thead th[aria-sort].grids---header_with_icons_wrapper {
  padding-right: 0 !important;
}
table.grids---table thead th[aria-sort="ascending"].grids---header_with_icons_wrapper.grids---align_start > div,
table.grids---table thead th[aria-sort="descending"].grids---header_with_icons_wrapper.grids---align_start > div,
table.grids---table thead th[aria-sort="ascending"].grids---header_with_icons_wrapper.grids---center > div,
table.grids---table thead th[aria-sort="descending"].grids---header_with_icons_wrapper.grids---center > div {
  padding-right: 0.8571rem !important;
}
table.grids---table thead th[aria-sort="ascending"].grids---contains_start_icon > .grids---sort_arrow {
  top: 0.7857rem !important;
}
table.grids---table thead th[aria-sort="descending"].grids---contains_start_icon > .grids---sort_arrow {
  top: 0.8571rem !important;
}
table.grids---table thead th[aria-sort] > .grids---sort_arrow {
  height: 1rem !important;
  width: 1rem !important;
  fill: #1d659c !important;
  position: absolute !important;
  right: 0.1429rem !important;
}
table.grids---table thead th[aria-sort="ascending"] > .grids---sort_arrow {
  top: calc(50% - 0.5714rem) !important;
}
table.grids---table thead th[aria-sort="descending"] > .grids---sort_arrow {
  top: calc(50% - 0.4286rem) !important;
}
table.grids---table thead th[aria-sort].grids---align_end > .grids---sort_arrow {
  left: 0.1429rem !important;
}
@media print {
  .appian-context-browser-chrome table.grids---table thead th[aria-sort]:not(.grids---align_end),
  .appian-context-browser-edge table.grids---table thead th[aria-sort]:not(.grids---align_end),
  .appian-context-browser-firefox table.grids---table thead th[aria-sort]:not(.grids---align_end),
  .appian-context-browser-safari table.grids---table thead th[aria-sort]:not(.grids---align_end) {
    padding-right: 0 !important;
  }
  table.grids---table thead th[aria-sort] > div {
    display: inline-block !important;
  }
  table.grids---table thead th[aria-sort].grids---header_with_icons_wrapper > div {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
  table.grids---table thead th[aria-sort] > .grids---sort_arrow {
    position: static !important;
    margin: 0 4px !important;
    float: right !important;
  }
  table.grids---table thead th[aria-sort].grids---align_end {
    padding-left: 0 !important;
  }
  table.grids---table thead th[aria-sort].grids---align_end > .grids---sort_arrow {
    float: left !important;
  }
}
table.grids---table td {
  vertical-align: middle !important;
}
table.grids---table.grids---top td {
  vertical-align: top !important;
}
table.grids---table.grids---bottom td {
  vertical-align: bottom !important;
}
table.grids---table th.grids---center,
table.grids---table td.grids---center {
  text-align: center !important;
}
table.grids---table.grids---flex th.grids---center,
table.grids---table.grids---flex td.grids---center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
}
table.grids---table th.grids---align_end,
table.grids---table td.grids---align_end {
  text-align: right !important;
}
table.grids---table td.grids---align_end input[type="text"] {
  text-align: right !important;
  overflow: hidden !important;
  /* Mac OS Chrome right-aligned text input cutoff bug */
}
table.grids---table th.grids---sortable {
  padding-right: 22px !important;
}
table.grids---table th.grids---sortable.grids---align_end {
  padding-left: 22px !important;
  padding-right: 8px !important;
}
th.grids---sortable.grids---center {
  padding-left: 14px !important;
  padding-right: 14px !important;
}
table.grids---table.grids---striped tbody tr:nth-child(odd):not(.grids---empty_msg) {
  background-color: rgba(231, 231, 231, 0.2) !important;
  /* appears the same as #fafafa on white background */
}
table.grids---table.grids---striped.grids---inDarkBackground tbody tr:nth-child(odd):not(.grids---empty_msg) {
  background-color: rgba(231, 231, 231, var(--appian-grid-shade-dark-bg-opacity, 0.1)) !important;
}
table.grids---table.grids---striped.grids---alt_row_hex_color tbody tr:nth-child(odd):not(.grids---empty_msg) {
  background-color: var(--appian-grid-alt-row-color) !important;
}
table.grids---table.grids---semi_rounded tr th:first-child,
table.grids---table.grids---semi_rounded tr td:first-child {
  border-top-left-radius: 0.2857rem !important;
  border-bottom-left-radius: 0.2857rem !important;
}
table.grids---table.grids---semi_rounded tr th:last-child,
table.grids---table.grids---semi_rounded tr td:last-child {
  border-top-right-radius: 0.2857rem !important;
  border-bottom-right-radius: 0.2857rem !important;
}
table.grids---table.grids---decision_else_row tbody tr:last-child td {
  border-top-color: #ccc !important;
  border-left-color: transparent !important;
}
table.grids---table.grids---decision_else_row tbody tr:last-child td.grids---grid_cell_background_color_standard + td {
  border-left-color: #f0f0f0 !important;
}
table.grids---table th.grids---fit,
table.grids---table td.grids---fit {
  padding: 0px !important;
  /* In order for child component to fill cell, cell must have no padding */
}
table.grids---table th.grids---error,
table.grids---table td.grids---error {
  position: relative !important;
}
table.grids---table th.grids---error:before,
table.grids---table td.grids---error:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
table.grids---table.grids---inDarkBackground th.grids---error:before,
table.grids---table.grids---inDarkBackground td.grids---error:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
table.grids---table th.grids---error:after,
table.grids---table td.grids---error:after {
  content: "" !important;
  position: absolute !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
}
table.grids---table.grids---inDarkBackground th.grids---error:after,
table.grids---table.grids---inDarkBackground td.grids---error:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
table.grids---table th.grids---error.grids---frozen_grid_error:after,
table.grids---table td.grids---error.grids---frozen_grid_error:after {
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.grids---grid_toolbar {
  margin: 0 0 0.6rem 0 !important;
  font-size: 0 !important;
}
.grids---content_layout.grids---flush .grids---grid_toolbar {
  margin: 0.6rem 0.6rem !important;
}
table.grids---table tr.grids---selectable {
  cursor: pointer !important;
  outline: none !important;
}
table.grids---table tr.grids---selectable:hover:not(.grids---selected) td,
table.grids---table tr.grids---selectable:focus:not(.grids---selected) td,
table.grids---table tr.grids---selectable:hover:not(.grids---selected) th,
table.grids---table tr.grids---selectable:focus:not(.grids---selected) th {
  position: relative !important;
}
table.grids---table tr.grids---selectable:hover:not(.grids---selected) td:after,
table.grids---table tr.grids---selectable:focus:not(.grids---selected) td:after,
table.grids---table tr.grids---selectable:hover:not(.grids---selected) th:after,
table.grids---table tr.grids---selectable:focus:not(.grids---selected) th:after {
  content: "" !important;
  top: 0px !important;
  left: -1px !important;
  position: absolute !important;
  width: calc(100% + 1px) !important;
  height: 100% !important;
  border-top: 1px solid #1d659c !important;
  border-bottom: 1px solid #1d659c !important;
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
  pointer-events: none !important;
}
table.grids---table tr.grids---selectable:hover:not(.grids---selected) td.grids---hex_bg_color:after,
table.grids---table tr.grids---selectable:focus:not(.grids---selected) td.grids---hex_bg_color:after,
table.grids---table tr.grids---selectable:hover:not(.grids---selected) th.grids---hex_bg_color:after,
table.grids---table tr.grids---selectable:focus:not(.grids---selected) th.grids---hex_bg_color:after {
  background-color: rgba(29, 101, 156, 0.2) !important;
}
table.grids---table tr.grids---selectable:hover:not(.grids---selected) td:first-child:after,
table.grids---table tr.grids---selectable:focus:not(.grids---selected) td:first-child:after,
table.grids---table tr.grids---selectable:hover:not(.grids---selected) th:first-child:after,
table.grids---table tr.grids---selectable:focus:not(.grids---selected) th:first-child:after {
  left: 0px !important;
  border-left: 1px solid #1d659c !important;
}
table.grids---table tr.grids---selectable:hover:not(.grids---selected) td:last-child:after,
table.grids---table tr.grids---selectable:focus:not(.grids---selected) td:last-child:after,
table.grids---table tr.grids---selectable:hover:not(.grids---selected) th:last-child:after,
table.grids---table tr.grids---selectable:focus:not(.grids---selected) th:last-child:after {
  border-right: 1px solid #1d659c !important;
}
table.grids---table.grids---inDarkBackground tr.grids---selectable:hover:not(.grids---selected) td:not(.grids---hex_bg_color):after {
  background-color: rgba(29, 101, 156, 0.2) !important;
}
table.grids---table tr.grids---selected td,
table.grids---table tr.grids---selected th,
table.grids---table tr.grids---selectable.grids---selected td,
table.grids---table tr.grids---selectable.grids---selected th {
  background-color: #1d659c !important;
}
table.grids---table tr.grids---selected td p,
table.grids---table tr.grids---selected th p,
table.grids---table tr.grids---selected td p a,
table.grids---table tr.grids---selected th p a,
table.grids---table tr.grids---selectable.grids---selected td p,
table.grids---table tr.grids---selectable.grids---selected th p,
table.grids---table tr.grids---selectable.grids---selected td p a,
table.grids---table tr.grids---selectable.grids---selected th p a {
  color: #fff !important;
}
.grids---scrollable_content {
  overflow-x: auto !important;
}
@media print {
  .grids---scrollable_content {
    overflow: hidden !important;
  }
}
.grids---scrollable_content.grids---phone_only {
  overflow-x: hidden !important;
}
.appian-context-ux-page-size-phone .grids---scrollable_content.grids---phone_only {
  overflow-x: auto !important;
}
.grids---grid_cell_background_color_standard {
  background-color: #f0f0f0 !important;
}
.grids---grid_cell_background_color_warn_light_secondary {
  background-color: #f8f8f8 !important;
}
.grids---grid_cell_background_color_success {
  background-color: #e0ffd7 !important;
}
.grids---grid_cell_background_color_error {
  background-color: #ffefef !important;
}
.grids---grid_cell_background_color_warn {
  background-color: #feffd2 !important;
}
.grids---grid_cell_background_color_info {
  background-color: #ecf4ff !important;
}
.grids---grid_cell_background_color_accent {
  background-color: #1d659c !important;
}
.grids---grid_cell_background_color_transparent {
  background-color: transparent !important;
}
@media print {
  table.grids---table,
  table.grids---table.grids---distribute.grids---scrollable {
    table-layout: fixed !important;
  }
}
.grids---table_container {
  position: relative !important;
}
table.grids---table tr:focus-visible {
  outline: none !important;
}
/* Begin styles related to Sail Drag And Drop */
.grids---dnd_kb_controls_container {
  position: relative !important;
}
.grids---hidden_dnd_preview {
  display: none !important;
}
/* The elements that the following classes apply to are created in the middleware-sailDnd-DOMManipualation
 * and do not appear directly in any component files
 */
.grids---row_focus_element {
  position: absolute !important;
  border: 1px solid #1d659c !important;
}
.grids---divider_line {
  position: absolute !important;
  height: 2px !important;
  background-color: #1d659c !important;
}
@-webkit-keyframes grids---pulse_animation {
  50% {
    opacity: 0.1;
  }
}
@keyframes grids---pulse_animation {
  50% {
    opacity: 0.1;
  }
}
.grids---grid_td_pulse_loading_animation {
  height: 40px !important;
}
.grids---grid_td_pulse_loading_animation span {
  background-color: rgba(168, 168, 168, 0.2) !important;
  -webkit-animation: grids---pulse_animation 4s ease-in-out infinite !important;
          animation: grids---pulse_animation 4s ease-in-out infinite !important;
  display: block !important;
  height: 14px !important;
}

.ComposerErdWidget---ComposerErdWidget {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}
.ComposerErdWidget---ComposerErdWidget .ComposerErdWidget---PanzoomViewer .ComposerErdWidget---RenderedSvg text {
  font-family: "Appian Open Sans", Sans-Serif !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ConfigurationPanelHeader---header_container {
  width: 100% !important;
  box-sizing: border-box !important;
  border-bottom: 1px solid #e4e4ec !important;
  background-color: #f5f5f5 !important;
  color: #000 !important;
  position: relative !important;
}
.ConfigurationPanelHeader---header_container.ConfigurationPanelHeader---selected {
  background-color: #2376cd !important;
}
.ConfigurationPanelHeader---header_container.ConfigurationPanelHeader---selected .ConfigurationPanelHeader---header_contents .ConfigurationPanelHeader---title,
.ConfigurationPanelHeader---header_container.ConfigurationPanelHeader---selected .ConfigurationPanelHeader---context_menu,
.ConfigurationPanelHeader---header_container.ConfigurationPanelHeader---selected .ConfigurationPanelHeader---edit_link,
.ConfigurationPanelHeader---header_container.ConfigurationPanelHeader---selected .ConfigurationPanelHeader---help_icon {
  color: #fff !important;
}
.ConfigurationPanelHeader---header_container .ConfigurationPanelHeader---header_contents {
  padding: 2px 0 2px 7px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important;
}
.ConfigurationPanelHeader---header_container .ConfigurationPanelHeader---parent {
  padding: 0 5px 3px 7px !important;
  background-color: #f5f5f5 !important;
  border-bottom: 1px solid #e4e4ec !important;
}
.ConfigurationPanelHeader---header_container .ConfigurationPanelHeader---parent .ConfigurationPanelHeader---parent_link:hover {
  cursor: pointer !important;
}
.ConfigurationPanelHeader---header_container .ConfigurationPanelHeader---parent .ConfigurationPanelHeader---parent_link:hover,
.ConfigurationPanelHeader---header_container .ConfigurationPanelHeader---parent .ConfigurationPanelHeader---parent_link:focus {
  border-bottom: 1px solid #6d7278 !important;
  text-decoration: none !important;
}
.ConfigurationPanelHeader---header_container .ConfigurationPanelHeader---parent span {
  display: inline-block !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: calc(100% - 0.6429rem) !important;
  vertical-align: middle !important;
  color: #000 !important;
}
.ConfigurationPanelHeader---header_container .ConfigurationPanelHeader---parent i {
  vertical-align: middle !important;
  margin-right: 7px !important;
  color: #000 !important;
}
.ConfigurationPanelHeader---header_container .ConfigurationPanelHeader---header_contents .ConfigurationPanelHeader---title {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
  -webkit-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
  overflow: hidden !important;
  -webkit-box-align: baseline !important;
  -webkit-align-items: baseline !important;
          align-items: baseline !important;
}
.ConfigurationPanelHeader---header_container .ConfigurationPanelHeader---header_contents .ConfigurationPanelHeader---title .ConfigurationPanelHeader---title_text {
  font-size: 1rem !important;
  font-weight: 600 !important;
  display: inline-block !important;
  padding: 0 !important;
  vertical-align: middle !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  cursor: default !important;
}
.ConfigurationPanelHeader---header_container .ConfigurationPanelHeader---header_contents .ConfigurationPanelHeader---title_icons {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  padding: 0 6px !important;
}
.ConfigurationPanelHeader---header_container .ConfigurationPanelHeader---context_menu,
.ConfigurationPanelHeader---header_container .ConfigurationPanelHeader---edit_link {
  display: inline-block !important;
  border-bottom: none !important;
  padding: 0 2px !important;
}
.ConfigurationPanelHeader---help_icon {
  font-size: 12px !important;
  cursor: help !important;
  margin: 0 5px !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  -webkit-align-self: center !important;
              -ms-grid-row-align: center !important;
          align-self: center !important;
}
.ConfigurationPanelHeader---help_icon:focus {
  outline: none !important;
}
.appian-context-browser-safari .ConfigurationPanelHeader---help_icon,
.appian-context-browser-edge .ConfigurationPanelHeader---help_icon {
  margin-top: 1px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.DocInfoPanel---docInfoPanel {
  height: 100% !important;
  /* needed so placeholder is vertically centered */
  width: 100% !important;
  padding: 10px !important;
  /* corresponds to padding-bottom value on content_layout.flush.inDocInfoPanel in ContentLayout.less */
}
.DocInfoPanel---docInfoPanel .DocInfoPanel---placeholder {
  color: var(--appian-subtle-text-color, #666) !important;
  text-align: center !important;
  position: relative !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
  font-style: italic !important;
}

.ConfigurationPanelLayout---configurationPanelLayout {
  overflow: hidden !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
}
.ConfigurationPanelLayout---contents {
  height: 100% !important;
  overflow-y: auto !important;
  border-top: none !important;
  /* prevents black top border from appearing in IE11 when design view scrolls */
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.CopilotChoiceLayout---copilot_choice_group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
}
.CopilotChoiceLayout---copilot_choice_group button.CopilotChoiceLayout---copilot_choice {
  max-width: calc(100% - 20px) !important;
  /* matches side margin value CopilotMessageLayout.less */
  margin-right: auto !important;
  margin-left: 0 !important;
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
  padding: 0 !important;
  border: 1px solid #1d659c !important;
  background-color: transparent !important;
  margin-bottom: 10px !important;
  border-radius: 4px !important;
  min-height: 32px !important;
}
.CopilotChoiceLayout---copilot_choice_group button.CopilotChoiceLayout---copilot_choice .CopilotChoiceLayout---dark_mode {
  border: 1px solid #9bc4fe !important;
}
.CopilotChoiceLayout---copilot_choice_group button.CopilotChoiceLayout---copilot_choice:not(.CopilotChoiceLayout---selected):hover {
  background-color: #eae9f5 !important;
  cursor: pointer !important;
}
.CopilotChoiceLayout---copilot_choice_group button.CopilotChoiceLayout---copilot_choice:not(.CopilotChoiceLayout---selected):hover.CopilotChoiceLayout---dark_mode {
  background-color: #3f4e67 !important;
}
.CopilotChoiceLayout---copilot_choice_group button.CopilotChoiceLayout---copilot_choice:not(.CopilotChoiceLayout---selected):focus:not([data-appian-ux-mouse-focus]) {
  background-color: #cfd8f3 !important;
  box-shadow: 0 0 0 1px #1d659c !important;
  outline: none !important;
}
.CopilotChoiceLayout---copilot_choice_group button.CopilotChoiceLayout---copilot_choice:not(.CopilotChoiceLayout---selected):focus:not([data-appian-ux-mouse-focus]).CopilotChoiceLayout---dark_mode {
  background-color: #5c759c !important;
}
.CopilotChoiceLayout---copilot_choice_group button.CopilotChoiceLayout---copilot_choice.CopilotChoiceLayout---selected {
  background-color: #cfd8f3 !important;
  pointer-events: none !important;
}
.CopilotChoiceLayout---copilot_choice_group button.CopilotChoiceLayout---copilot_choice.CopilotChoiceLayout---selected.CopilotChoiceLayout---dark_mode {
  background-color: #0645b7 !important;
  border: 1px solid #0645b7 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.CopilotLoadingWidget---sparkle_container {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  gap: 15px !important;
}
.CopilotLoadingWidget---sparkle_container.CopilotLoadingWidget---align_start {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
          justify-content: flex-start !important;
}
.CopilotLoadingWidget---sparkle_container.CopilotLoadingWidget---align_center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
}
.CopilotLoadingWidget---sparkle_container.CopilotLoadingWidget---align_end {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
          justify-content: flex-end !important;
}
.CopilotLoadingWidget---sparkle_container .CopilotLoadingWidget---carousel_text {
  color: var(--appian-text-color, #222) !important;
}
.CopilotLoadingWidget---sparkle_container .CopilotLoadingWidget---sparkle_svg {
  height: 50px !important;
  width: 50px !important;
}
.CopilotLoadingWidget---sparkle_container .CopilotLoadingWidget---sparkle_svg.CopilotLoadingWidget---has_bg_color {
  padding: 1rem !important;
  height: calc(50px + 2rem) !important;
  width: calc(50px + 2rem) !important;
  border-radius: 100% !important;
}
.CopilotLoadingWidget---sparkle_container .CopilotLoadingWidget---sparkle_svg .CopilotLoadingWidget---sparkle {
  -webkit-animation-duration: 2.5s !important;
          animation-duration: 2.5s !important;
  -webkit-animation-iteration-count: infinite !important;
          animation-iteration-count: infinite !important;
}
.CopilotLoadingWidget---sparkle_container .CopilotLoadingWidget---sparkle_svg .CopilotLoadingWidget---sparkle_top {
  -webkit-animation-name: CopilotLoadingWidget---sparkle_top !important;
          animation-name: CopilotLoadingWidget---sparkle_top !important;
  -webkit-animation-delay: 0s !important;
          animation-delay: 0s !important;
  fill: #7979c6 !important;
}
.CopilotLoadingWidget---sparkle_container .CopilotLoadingWidget---sparkle_svg .CopilotLoadingWidget---sparkle_right {
  -webkit-animation-name: CopilotLoadingWidget---sparkle_right !important;
          animation-name: CopilotLoadingWidget---sparkle_right !important;
  -webkit-animation-delay: 150ms !important;
          animation-delay: 150ms !important;
  fill: #1d659c !important;
}
.CopilotLoadingWidget---sparkle_container .CopilotLoadingWidget---sparkle_svg .CopilotLoadingWidget---sparkle_bottom {
  -webkit-animation-name: CopilotLoadingWidget---sparkle_bottom !important;
          animation-name: CopilotLoadingWidget---sparkle_bottom !important;
  -webkit-animation-delay: 300ms !important;
          animation-delay: 300ms !important;
  fill: #7979c6 !important;
}
.CopilotLoadingWidget---sparkle_container .CopilotLoadingWidget---sparkle_svg .CopilotLoadingWidget---sparkle_left {
  -webkit-animation-name: CopilotLoadingWidget---sparkle_left !important;
          animation-name: CopilotLoadingWidget---sparkle_left !important;
  -webkit-animation-delay: 450ms !important;
          animation-delay: 450ms !important;
  fill: #42429c !important;
}
.CopilotLoadingWidget---sparkle_container .CopilotLoadingWidget---sparkle_svg.CopilotLoadingWidget---accent .CopilotLoadingWidget---sparkle_top,
.CopilotLoadingWidget---sparkle_container .CopilotLoadingWidget---sparkle_svg.CopilotLoadingWidget---accent .CopilotLoadingWidget---sparkle_right,
.CopilotLoadingWidget---sparkle_container .CopilotLoadingWidget---sparkle_svg.CopilotLoadingWidget---accent .CopilotLoadingWidget---sparkle_bottom,
.CopilotLoadingWidget---sparkle_container .CopilotLoadingWidget---sparkle_svg.CopilotLoadingWidget---accent .CopilotLoadingWidget---sparkle_left {
  fill: #1d659c !important;
}
@-webkit-keyframes CopilotLoadingWidget---sparkle_top {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75) rotate(0deg);
            transform: scale(0.75, 0.75) rotate(0deg);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1, 1) rotate(45deg);
            transform: scale(1, 1) rotate(45deg);
  }
  95% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75) rotate(90deg);
            transform: scale(0.75, 0.75) rotate(90deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75) rotate(0deg);
            transform: scale(0.75, 0.75) rotate(0deg);
  }
}
@keyframes CopilotLoadingWidget---sparkle_top {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75) rotate(0deg);
            transform: scale(0.75, 0.75) rotate(0deg);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1, 1) rotate(45deg);
            transform: scale(1, 1) rotate(45deg);
  }
  95% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75) rotate(90deg);
            transform: scale(0.75, 0.75) rotate(90deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75) rotate(0deg);
            transform: scale(0.75, 0.75) rotate(0deg);
  }
}
@-webkit-keyframes CopilotLoadingWidget---sparkle_right {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75) rotate(0deg);
            transform: scale(0.75, 0.75) rotate(0deg);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1, 1) rotate(60deg);
            transform: scale(1, 1) rotate(60deg);
  }
  95% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75) rotate(120deg);
            transform: scale(0.75, 0.75) rotate(120deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75) rotate(0deg);
            transform: scale(0.75, 0.75) rotate(0deg);
  }
}
@keyframes CopilotLoadingWidget---sparkle_right {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75) rotate(0deg);
            transform: scale(0.75, 0.75) rotate(0deg);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1, 1) rotate(60deg);
            transform: scale(1, 1) rotate(60deg);
  }
  95% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75) rotate(120deg);
            transform: scale(0.75, 0.75) rotate(120deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75) rotate(0deg);
            transform: scale(0.75, 0.75) rotate(0deg);
  }
}
@-webkit-keyframes CopilotLoadingWidget---sparkle_bottom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75) rotate(0deg);
            transform: scale(0.75, 0.75) rotate(0deg);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1, 1) rotate(45deg);
            transform: scale(1, 1) rotate(45deg);
  }
  95% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75) rotate(90deg);
            transform: scale(0.75, 0.75) rotate(90deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75) rotate(0deg);
            transform: scale(0.75, 0.75) rotate(0deg);
  }
}
@keyframes CopilotLoadingWidget---sparkle_bottom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75) rotate(0deg);
            transform: scale(0.75, 0.75) rotate(0deg);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1, 1) rotate(45deg);
            transform: scale(1, 1) rotate(45deg);
  }
  95% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75) rotate(90deg);
            transform: scale(0.75, 0.75) rotate(90deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75) rotate(0deg);
            transform: scale(0.75, 0.75) rotate(0deg);
  }
}
@-webkit-keyframes CopilotLoadingWidget---sparkle_left {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75) rotate(0deg);
            transform: scale(0.75, 0.75) rotate(0deg);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1, 1) rotate(60deg);
            transform: scale(1, 1) rotate(60deg);
  }
  95% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75) rotate(120deg);
            transform: scale(0.75, 0.75) rotate(120deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75) rotate(0deg);
            transform: scale(0.75, 0.75) rotate(0deg);
  }
}
@keyframes CopilotLoadingWidget---sparkle_left {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75) rotate(0deg);
            transform: scale(0.75, 0.75) rotate(0deg);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1, 1) rotate(60deg);
            transform: scale(1, 1) rotate(60deg);
  }
  95% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75) rotate(120deg);
            transform: scale(0.75, 0.75) rotate(120deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75) rotate(0deg);
            transform: scale(0.75, 0.75) rotate(0deg);
  }
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* matches max width calculation in CopilotChoiceLayout.less */
.CopilotMessageLayout---copilot_message {
  position: relative !important;
  margin-bottom: 20px !important;
  border-radius: 4px !important;
  min-height: 32px !important;
  min-width: 43px !important;
  -webkit-animation: CopilotMessageLayout---fade-in 300ms ease-in-out !important;
          animation: CopilotMessageLayout---fade-in 300ms ease-in-out !important;
}
.CopilotMessageLayout---copilot_message:after {
  position: absolute !important;
  bottom: -20px !important;
  content: "" !important;
  width: 0 !important;
  height: 0 !important;
  border-top: 10px solid !important;
  border-bottom: 10px solid transparent !important;
}
.CopilotMessageLayout---copilot_message.CopilotMessageLayout---copilot_role {
  background-color: #ededf2 !important;
  margin-right: 20px !important;
}
.CopilotMessageLayout---copilot_message.CopilotMessageLayout---copilot_role:after {
  left: 15px !important;
  border-top-color: #ededf2 !important;
  border-right: 13px solid transparent !important;
  border-left: 0 solid transparent !important;
}
.CopilotMessageLayout---copilot_message.CopilotMessageLayout---copilot_role.CopilotMessageLayout---dark_mode {
  background-color: #3d4d69 !important;
}
.CopilotMessageLayout---copilot_message.CopilotMessageLayout---copilot_role.CopilotMessageLayout---dark_mode:after {
  border-top-color: #3d4d69 !important;
}
.CopilotMessageLayout---copilot_message.CopilotMessageLayout---user_role {
  background-color: #cfd8f3 !important;
  margin-left: calc(20px - 10px) !important;
  /* to right align the user message, it has an empty side by side item to the left of it that is 10px wide */
}
.CopilotMessageLayout---copilot_message.CopilotMessageLayout---user_role:after {
  right: 15px !important;
  border-top-color: #cfd8f3 !important;
  border-left: 13px solid transparent !important;
  border-right: 0 solid transparent !important;
}
.CopilotMessageLayout---copilot_message.CopilotMessageLayout---user_role.CopilotMessageLayout---dark_mode {
  background-color: #0645b7 !important;
}
.CopilotMessageLayout---copilot_message.CopilotMessageLayout---user_role.CopilotMessageLayout---dark_mode:after {
  border-top-color: #0645b7 !important;
}
.CopilotMessageLayout---copilot_message.CopilotMessageLayout---copilot_ssa_message {
  -webkit-animation: none !important;
          animation: none !important;
  scroll-margin-top: 10px !important;
}
@-webkit-keyframes CopilotMessageLayout---fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes CopilotMessageLayout---fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.DataFabricChatContainer---min_height {
  min-height: 431px !important;
  background-color: #ffffff !important;
}

/* AN-79558: For some reason, the quoted font families are not processed the same way in LESS when they're used inside a
  detached ruleset (@shared-input-styles, here), and our theming extractor ends up not picking them. Moving the font-family
  declaration out of it addresses this. */
.DatePickerWidget---text,
.DatePickerWidget---password,
.DatePickerWidget---textarea,
.DatePickerWidget---textarea_print,
.DatePickerWidget---dropdown_value,
.DatePickerWidget---picker_value,
.DatePickerWidget---date_range_value {
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
}
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.DatePickerWidget---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .DatePickerWidget---accessibilityhidden {
  font-size: 0 !important;
}
.DatePickerWidget---align_start {
  text-align: left !important;
}
.DatePickerWidget---align_end {
  text-align: right !important;
}
.DatePickerWidget---center {
  text-align: center !important;
}
.DatePickerWidget---text::-ms-clear,
.DatePickerWidget---picker_input::-ms-clear {
  display: none !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.DatePickerWidget---text::-webkit-input-placeholder,
.DatePickerWidget---password::-webkit-input-placeholder,
.DatePickerWidget---picker_input::-webkit-input-placeholder,
.DatePickerWidget---dropdown_value::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-style: italic !important;
  font-weight: 400 !important;
}
.DatePickerWidget---text::-moz-placeholder,
.DatePickerWidget---password::-moz-placeholder,
.DatePickerWidget---picker_input::-moz-placeholder,
.DatePickerWidget---dropdown_value::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.DatePickerWidget---text:-ms-input-placeholder,
.DatePickerWidget---password:-ms-input-placeholder,
.DatePickerWidget---picker_input:-ms-input-placeholder,
.DatePickerWidget---dropdown_value:-ms-input-placeholder,
.DatePickerWidget---dropdown_value:disabled:-ms-input-placeholder,
.DatePickerWidget---text:disabled:-ms-input-placeholder,
.DatePickerWidget---password:disabled:-ms-input-placeholder,
.DatePickerWidget---picker_input:disabled:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.DatePickerWidget---textarea_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.DatePickerWidget---text.DatePickerWidget---has_clear_link,
.DatePickerWidget---password.DatePickerWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.DatePickerWidget---text,
.DatePickerWidget---password,
.DatePickerWidget---textarea,
.DatePickerWidget---textarea_print,
.DatePickerWidget---dropdown_value,
.DatePickerWidget---picker_value,
.DatePickerWidget---date_range_value,
.DatePickerWidget---date_picker2__control {
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  /* needs extra decimals for correct alignment in some browsers */
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  width: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
}
.DatePickerWidget---text.DatePickerWidget---inDarkBackground,
.DatePickerWidget---password.DatePickerWidget---inDarkBackground,
.DatePickerWidget---textarea.DatePickerWidget---inDarkBackground,
.DatePickerWidget---textarea_print.DatePickerWidget---inDarkBackground,
.DatePickerWidget---dropdown_value.DatePickerWidget---inDarkBackground,
.DatePickerWidget---picker_value.DatePickerWidget---inDarkBackground,
.DatePickerWidget---date_range_value.DatePickerWidget---inDarkBackground,
.DatePickerWidget---date_picker2__control.DatePickerWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.DatePickerWidget---dropdown,
.DatePickerWidget---picker {
  position: relative !important;
  font-size: 1rem !important;
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}
.DatePickerWidget---dropdown_value,
.DatePickerWidget---picker_value {
  min-height: 2.4286rem !important;
}
.appian-context-browser-safari .DatePickerWidget---text,
.appian-context-browser-safari .DatePickerWidget---textarea {
  margin: 0 !important;
  /* needed to prevent 2px margin-top & margin-bottom on Safari */
}
.appian-context-os-ios .DatePickerWidget---text,
.appian-context-os-ios .DatePickerWidget---password,
.appian-context-os-ios .DatePickerWidget---textarea,
.appian-context-os-ios .DatePickerWidget---textarea_print,
.appian-context-os-ios .DatePickerWidget---dropdown_value,
.appian-context-os-ios .DatePickerWidget---picker_value {
  font-family: -apple-system !important;
}
.appian-context-os-android .DatePickerWidget---text,
.appian-context-os-android .DatePickerWidget---password,
.appian-context-os-android .DatePickerWidget---textarea,
.appian-context-os-android .DatePickerWidget---textarea_print,
.appian-context-os-android .DatePickerWidget---dropdown_value,
.appian-context-os-android .DatePickerWidget---picker_value {
  font-family: "Roboto" !important;
}
.DatePickerWidget---text.DatePickerWidget---width_narrow,
.DatePickerWidget---password.DatePickerWidget---width_narrow,
.DatePickerWidget---textarea.DatePickerWidget---width_narrow,
.DatePickerWidget---textarea_print.DatePickerWidget---width_narrow,
.DatePickerWidget---dropdown.DatePickerWidget---width_narrow,
.DatePickerWidget---picker.DatePickerWidget---width_narrow {
  max-width: 160px !important;
}
.DatePickerWidget---text.DatePickerWidget---width_medium,
.DatePickerWidget---password.DatePickerWidget---width_medium,
.DatePickerWidget---textarea.DatePickerWidget---width_medium,
.DatePickerWidget---textarea_print.DatePickerWidget---width_medium,
.DatePickerWidget---dropdown.DatePickerWidget---width_medium,
.DatePickerWidget---picker.DatePickerWidget---width_medium {
  max-width: 320px !important;
}
.DatePickerWidget---text:focus,
.DatePickerWidget---password:focus,
.DatePickerWidget---textarea:focus,
.DatePickerWidget---dropdown_value:focus,
.DatePickerWidget---dropdown_value.DatePickerWidget---focus,
.DatePickerWidget---picker_value:focus,
.DatePickerWidget---picker_value.DatePickerWidget---focus,
.DatePickerWidget---date_picker2__control.DatePickerWidget---date_picker2__control--is-focused {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.DatePickerWidget---text:disabled,
.DatePickerWidget---password:disabled,
.DatePickerWidget---textarea:disabled,
.DatePickerWidget---textarea.DatePickerWidget---is_disabled,
.DatePickerWidget---dropdown_value.DatePickerWidget---is_disabled,
.DatePickerWidget---picker_value.DatePickerWidget---is_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  /* needed to prevent dropdown & picker from getting focus styling on click on IE */
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.DatePickerWidget---text:disabled,
.DatePickerWidget---password:disabled,
.DatePickerWidget---textarea:disabled,
.DatePickerWidget---textarea.DatePickerWidget---is_disabled,
.DatePickerWidget---dropdown_value.DatePickerWidget---is_disabled:after,
.DatePickerWidget---dropdown_value.DatePickerWidget---is_disabled:not(.DatePickerWidget---placeholder) {
  color: var(--appian-disabled-text-color, #777) !important;
  -webkit-text-fill-color: var(--appian-disabled-text-color, #777) !important;
  /* needed so disabled text color is correct in Safari */
}
.DatePickerWidget---picker_value.DatePickerWidget---is_disabled {
  cursor: default !important;
  /* needed to prevent text cursor */
}
.DatePickerWidget---text[aria-invalid="true"]:not(.DatePickerWidget---inEditableGridLayout),
.DatePickerWidget---password[aria-invalid="true"]:not(.DatePickerWidget---inEditableGridLayout),
.DatePickerWidget---textarea[aria-invalid="true"]:not(.DatePickerWidget---inEditableGridLayout),
.DatePickerWidget---dropdown_value[aria-invalid="true"]:not(.DatePickerWidget---inEditableGridLayout),
.DatePickerWidget---picker_value.DatePickerWidget---invalid:not(.DatePickerWidget---inEditableGridLayout) {
  border-color: #de0037 !important;
}
.DatePickerWidget---text[aria-invalid="true"]:not(.DatePickerWidget---inEditableGridLayout).DatePickerWidget---inDarkBackground,
.DatePickerWidget---password[aria-invalid="true"]:not(.DatePickerWidget---inEditableGridLayout).DatePickerWidget---inDarkBackground,
.DatePickerWidget---textarea[aria-invalid="true"]:not(.DatePickerWidget---inEditableGridLayout).DatePickerWidget---inDarkBackground,
.DatePickerWidget---dropdown_value[aria-invalid="true"]:not(.DatePickerWidget---inEditableGridLayout).DatePickerWidget---inDarkBackground,
.DatePickerWidget---picker_value.DatePickerWidget---invalid:not(.DatePickerWidget---inEditableGridLayout).DatePickerWidget---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.DatePickerWidget---text[aria-invalid="true"]:not(.DatePickerWidget---inEditableGridLayout):focus,
.DatePickerWidget---password[aria-invalid="true"]:not(.DatePickerWidget---inEditableGridLayout):focus,
.DatePickerWidget---textarea[aria-invalid="true"]:not(.DatePickerWidget---inEditableGridLayout):focus,
.DatePickerWidget---dropdown_value[aria-invalid="true"]:not(.DatePickerWidget---inEditableGridLayout):focus,
.DatePickerWidget---picker_value.DatePickerWidget---invalid:not(.DatePickerWidget---inEditableGridLayout):focus,
.DatePickerWidget---picker_value.DatePickerWidget---invalid:not(.DatePickerWidget---inEditableGridLayout).DatePickerWidget---focus {
  border-color: #1d659c !important;
}
.DatePickerWidget---picker_value.DatePickerWidget---invalid:not(.DatePickerWidget---inEditableGridLayout),
.DatePickerWidget---picker_value.DatePickerWidget---invalid:not(.DatePickerWidget---inEditableGridLayout):focus,
.DatePickerWidget---picker_value.DatePickerWidget---invalid:not(.DatePickerWidget---inEditableGridLayout).DatePickerWidget---focus {
  z-index: 2 !important;
}
.DatePickerWidget---text[aria-invalid="true"].DatePickerWidget---inEditableGridLayout.DatePickerWidget---inSideBySideItem,
.DatePickerWidget---text[aria-invalid="true"].DatePickerWidget---inEditableGridLayout.DatePickerWidget---inSideBySideItem:focus,
.DatePickerWidget---password[aria-invalid="true"].DatePickerWidget---inEditableGridLayout.DatePickerWidget---inSideBySideItem,
.DatePickerWidget---password[aria-invalid="true"].DatePickerWidget---inEditableGridLayout.DatePickerWidget---inSideBySideItem:focus,
.DatePickerWidget---dropdown_value[aria-invalid="true"].DatePickerWidget---inEditableGridLayout.DatePickerWidget---inSideBySideItem,
.DatePickerWidget---dropdown_value[aria-invalid="true"].DatePickerWidget---inEditableGridLayout.DatePickerWidget---inSideBySideItem:focus,
.DatePickerWidget---picker_value.DatePickerWidget---invalid.DatePickerWidget---inEditableGridLayout.DatePickerWidget---inSideBySideItem,
.DatePickerWidget---picker_value.DatePickerWidget---invalid.DatePickerWidget---inEditableGridLayout.DatePickerWidget---inSideBySideItem:focus,
.DatePickerWidget---picker_value.DatePickerWidget---invalid.DatePickerWidget---inEditableGridLayout.DatePickerWidget---inSideBySideItem.DatePickerWidget---focus {
  border: 1px solid transparent !important;
}
.DatePickerWidget---invalidInSideBySide,
.DatePickerWidget---invalidInSideBySide:focus {
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.DatePickerWidget---invalidInSideBySide.DatePickerWidget---inDarkBackground,
.DatePickerWidget---invalidInSideBySide:focus.DatePickerWidget---inDarkBackground {
  border-left-color: var(--appian-input-border-color, #ddd) !important;
  border-right-color: var(--appian-input-border-color, #ddd) !important;
}
.DatePickerWidget---textarea[aria-invalid="true"].DatePickerWidget---inEditableGridLayout.DatePickerWidget---inSideBySideItem,
.DatePickerWidget---textarea[aria-invalid="true"].DatePickerWidget---inEditableGridLayout.DatePickerWidget---inSideBySideItem:focus {
  border-color: #de0037 !important;
}
.DatePickerWidget---textarea[aria-invalid="true"].DatePickerWidget---inEditableGridLayout.DatePickerWidget---inSideBySideItem.DatePickerWidget---inDarkBackground,
.DatePickerWidget---textarea[aria-invalid="true"].DatePickerWidget---inEditableGridLayout.DatePickerWidget---inSideBySideItem.DatePickerWidget---inDarkBackground:focus {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.DatePickerWidget---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.DatePickerWidget---show_data_icon .DatePickerWidget---text,
.DatePickerWidget---show_data_icon .DatePickerWidget---password,
.DatePickerWidget---show_data_icon .DatePickerWidget---textarea,
.DatePickerWidget---show_data_icon .DatePickerWidget---dropdown_value {
  padding-left: 1.7857rem !important;
}
.DatePickerWidget---text.DatePickerWidget---has_clear_link,
.DatePickerWidget---password.DatePickerWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.DatePickerWidget---character_count {
  position: absolute !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 300 !important;
  right: 0 !important;
  bottom: 0 !important;
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  pointer-events: none !important;
}
.DatePickerWidget---character_count.DatePickerWidget---over_limit:not(.DatePickerWidget---inDarkBackground) {
  color: #de0037 !important;
  fill: #de0037 !important;
}
.DatePickerWidget---character_count.DatePickerWidget---over_limit.DatePickerWidget---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.DatePickerWidget---character_count .DatePickerWidget---icon_container {
  outline: none !important;
  margin-right: 3px !important;
  margin-bottom: -2px !important;
}
.DatePickerWidget---character_count .DatePickerWidget---icon_container > svg {
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
.DatePickerWidget---character_count_overlay {
  background-color: var(--appian-input-background-color-faded, #fffd) !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 0.7143rem 0.5714rem 0 !important;
  z-index: 3 !important;
}
.appian-context-os-windows .DatePickerWidget---character_count_overlay {
  margin: 0 1.2857rem 0.5714rem 0 !important;
}
.DatePickerWidget---textarea:disabled + .DatePickerWidget---character_count_overlay,
.DatePickerWidget---character_count_overlay_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.DatePickerWidget---data_icon {
  position: absolute !important;
  top: 0.7143rem !important;
  left: 0.5714rem !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  fill: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
a.DatePickerWidget---input_clear_link {
  border: none !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.DatePickerWidget---input_icon_wrapper > a.DatePickerWidget---input_clear_link {
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.9286rem !important;
}
.appian-context-browser-edge .DatePickerWidget---input_icon_wrapper > a.DatePickerWidget---input_clear_link {
  top: 0.5rem !important;
}
.DatePickerWidget---dropdown_value a.DatePickerWidget---input_clear_link {
  position: absolute !important;
  right: 1.4286rem !important;
  top: 0.5714rem !important;
}
.appian-context-os-mac.appian-context-browser-chrome .DatePickerWidget---dropdown_value a.DatePickerWidget---input_clear_link {
  top: 0.5rem !important;
}
a.DatePickerWidget---input_clear_link:hover,
a.DatePickerWidget---input_clear_link:focus:not([data-appian-ux-mouse-focus]) {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.DatePickerWidget---dropdown .DatePickerWidget---dropdown_value.DatePickerWidget---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.DatePickerWidget---dropdown_value.DatePickerWidget---has_inline_label span.DatePickerWidget---inline_label,
.DatePickerWidget---date_range_value.DatePickerWidget---has_inline_label span.DatePickerWidget---inline_label {
  display: inline-block !important;
  max-width: 70% !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.7857rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.1429rem !important;
  vertical-align: -0.2143rem !important;
  margin-right: 0.5rem !important;
  padding-right: 0.5rem !important;
  border-right: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.DatePickerWidget---dropdown_value.DatePickerWidget---has_inline_label.DatePickerWidget---inDarkBackground span.DatePickerWidget---inline_label,
.DatePickerWidget---date_range_value.DatePickerWidget---has_inline_label.DatePickerWidget---inDarkBackground span.DatePickerWidget---inline_label {
  border-right-color: var(--appian-choice-border-color, #bbb) !important;
}
.appian-context-browser-safari .DatePickerWidget---dropdown_value.DatePickerWidget---has_inline_label span.DatePickerWidget---inline_label,
.appian-context-browser-safari .DatePickerWidget---date_range_value.DatePickerWidget---has_inline_label span.DatePickerWidget---inline_label {
  vertical-align: inherit !important;
}
.DatePickerWidget---dropdown_value.DatePickerWidget---has_inline_label.DatePickerWidget---highlighted span.DatePickerWidget---value_display,
.DatePickerWidget---date_range_value.DatePickerWidget---has_inline_label.DatePickerWidget---highlighted span.DatePickerWidget---value_display {
  font-weight: 700 !important;
}
.DatePickerWidget---dropdown_value.DatePickerWidget---has_inline_label a.DatePickerWidget---input_clear_link,
.DatePickerWidget---date_range_value.DatePickerWidget---has_inline_label a.DatePickerWidget---input_clear_link {
  display: none !important;
  position: absolute !important;
  right: 1.5714rem !important;
  top: 0.5714rem !important;
}
.DatePickerWidget---dropdown_value.DatePickerWidget---has_inline_label.DatePickerWidget---highlighted a.DatePickerWidget---input_clear_link,
.DatePickerWidget---date_range_value.DatePickerWidget---has_inline_label.DatePickerWidget---highlighted a.DatePickerWidget---input_clear_link {
  display: inline-block !important;
}
.DatePickerWidget---date_range_value.DatePickerWidget---has_inline_label.DatePickerWidget---validation:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.DatePickerWidget---date_range_value.DatePickerWidget---has_inline_label.DatePickerWidget---validation:before {
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.DatePickerWidget---date_range_value.DatePickerWidget---has_inline_label.DatePickerWidget---validation.DatePickerWidget---inDarkBackground:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.DatePickerWidget---number_range_input.DatePickerWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.DatePickerWidget---date_range_value.DatePickerWidget---has_inline_label.DatePickerWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
}
.DatePickerWidget---date_range_value.DatePickerWidget---has_inline_label.DatePickerWidget---validation.DatePickerWidget---inDarkBackground:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.DatePickerWidget---number_range_input.DatePickerWidget---validation,
.DatePickerWidget---date_range_value.DatePickerWidget---has_inline_label.DatePickerWidget---validation {
  position: relative !important;
  border-color: transparent !important;
}
.DatePickerWidget---calendar[class] {
  padding: 6px !important;
  opacity: 1 !important;
  -webkit-transition: opacity 0.15s ease-in-out !important;
  transition: opacity 0.15s ease-in-out !important;
  z-index: 2000020 !important;
  background-color: var(--appian-pop-up-menu-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
}
.DatePickerWidget---calendar[class].DatePickerWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.DatePickerWidget---calendar[class].DatePickerWidget---inModalDialogLayout {
  z-index: 2000023 !important;
}
.DatePickerWidget---input_container {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
          justify-content: flex-start !important;
}
.DatePickerWidget---input_container .DatePickerWidget---text {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.DatePickerWidget---input_width {
  max-width: calc(160px - 2.4286rem) !important;
}
.DatePickerWidget---text[aria-invalid="true"] {
  z-index: 2 !important;
  /* ensure that the validation border overrides neighboring/conflicting element borders */
}
.DatePickerWidget---calendar_btn[class] {
  background-color: var(--appian-input-background-color, #fff) !important;
  width: 2.4286rem !important;
  height: 2.4286rem !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-top-right-radius: 0rem !important;
  border-bottom-right-radius: 0rem !important;
  position: relative !important;
  margin: 0 !important;
  left: -1px !important;
}
.DatePickerWidget---calendar_btn[class].DatePickerWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.DatePickerWidget---calendar_btn[class].DatePickerWidget---disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.DatePickerWidget---calendar_btn[class].DatePickerWidget---disabled .DatePickerWidget---calendar_icon {
  fill: var(--appian-disabled-text-color, #777) !important;
}
.DatePickerWidget---calendar_btn[class]:not(.DatePickerWidget---disabled):focus {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.DatePickerWidget---calendar_btn[class]:not(.DatePickerWidget---disabled):hover {
  cursor: pointer !important;
  box-shadow: 0 0px 4px var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) inset !important;
}
.DatePickerWidget---calendar_icon {
  fill: var(--appian-subtle-text-color, #666) !important;
  height: 1rem !important;
  width: 1rem !important;
  margin-top: 2px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.DatePicker---wrapper {
  position: static !important;
}
.DatePicker---tether_dropdown,
.DatePicker---date_picker2__menu {
  z-index: 2000020 !important;
}
.DatePicker---dropdown {
  min-width: 3.2142rem !important;
  /* needed so dropdown icon doesn't overlap text when very narrow (AN-77265) */
}
.appian-context-browser-firefox .DatePicker---dropdown:not(.DatePicker---multi) {
  min-width: 4.0714rem !important;
}
.DatePicker---dropdown .DatePicker---dropdown_value {
  padding-right: 1.5714rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  cursor: default !important;
}
.DatePicker---dropdown .DatePicker---preview_interface_locale_dropdown_value {
  padding-right: 1.5714rem !important;
  padding-left: 0.5714rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  cursor: default !important;
  line-height: 2.06rem !important;
  font-size: 1rem !important;
}
ul.DatePicker---dropdown_list.DatePicker---no_top_border {
  border-top-width: 0 !important;
}
.DatePicker---dropdown.DatePicker---time_picker .DatePicker---dropdown_value {
  cursor: text !important;
  padding-right: 0.5714rem !important;
  text-overflow: clip !important;
  /* needed for consistency so both date and time inputs truncate text without ellipsis */
}
.DatePicker---dropdown.DatePicker---time_picker .DatePicker---dropdown_value.DatePicker---is_disabled {
  cursor: default !important;
}
.DatePicker---dropdown .DatePicker---dropdown_caret,
.DatePicker---date_picker2__control .DatePicker---dropdown_caret {
  display: inline-block !important;
  width: 1rem !important;
  height: 1rem !important;
  position: absolute !important;
  right: 0.3rem !important;
  top: calc(50% - 0.5rem) !important;
  fill: var(--appian-text-color, #222) !important;
}
.DatePicker---dropdown .DatePicker---dropdown_value.DatePicker---is_disabled .DatePicker---dropdown_caret {
  fill: var(--appian-disabled-text-color, #777) !important;
}
.DatePicker---dropdown_list li,
.DatePicker---date_picker2__option {
  padding: 0.3571rem 0.5714rem 0.3571rem 0 !important;
  text-indent: 0.5714rem !important;
  /* needed so italicised text (placeholder) doesn't appear cut off */
}
/* placeholder for single-select dropdown */
/* repeated class name is a specificity hack to work around listbox color styling */
.DatePicker---dropdown_value.DatePicker---placeholder,
.DatePicker---dropdown_list.DatePicker---dropdown_list li.DatePicker---placeholder > div {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.DatePicker---dropdown_list li[aria-selected="true"].DatePicker---placeholder > div {
  color: #fff !important;
}
/* placeholder for multi-select dropdown */
.DatePicker---dropdown_value .DatePicker---value_display:empty:before {
  content: attr(data-placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.DatePicker---dropdown_value.DatePicker---has_inline_label .DatePicker---value_display:empty:before {
  display: inline !important;
}
/* repeated class name is a specificity hack to work around listbox max-height styling */
.DatePicker---dropdown_list.DatePicker---dropdown_list {
  max-height: 24.2857rem !important;
  /* displays 11 items + partial item */
}
.DatePicker---dropdown_list li[aria-selected="true"],
.DatePicker---dropdown_list li[aria-selected="true"]:before,
.DatePicker---dropdown_list li[aria-selected="true"] > div,
.DatePicker---date_picker2__menu .DatePicker---date_picker2__option.DatePicker---date_picker2__option--is-selected {
  background-color: #1d659c !important;
  color: #fff !important;
}
.DatePicker---search_box_wrapper {
  background-color: var(--appian-pop-up-menu-color, #fff) !important;
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-top-left-radius: 0rem !important;
  border-top-right-radius: 0rem !important;
  font-size: 0 !important;
  padding: 3px !important;
}
/* AN-79558: For some reason, the quoted font families are not processed the same way in LESS when they're used inside a
  detached ruleset (@shared-input-styles, here), and our theming extractor ends up not picking them. Moving the font-family
  declaration out of it addresses this. */
.DatePicker---text,
.DatePicker---password,
.DatePicker---textarea,
.DatePicker---textarea_print,
.DatePicker---dropdown_value,
.DatePicker---picker_value,
.DatePicker---date_range_value {
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
}
.DatePicker---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .DatePicker---accessibilityhidden {
  font-size: 0 !important;
}
.DatePicker---container {
  position: relative !important;
  outline: none !important;
}
.DatePicker---header,
.DatePicker---footer {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  width: 100% !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
          justify-content: space-between !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.DatePicker---monthYearContainer {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  width: 100% !important;
}
.DatePicker---month,
.DatePicker---year {
  font-family: inherit !important;
}
.DatePicker---month {
  margin-left: 10px !important;
  margin-right: 5px !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 0 auto !important;
          flex: 1 0 auto !important;
}
.DatePicker---year {
  margin-right: 10px !important;
  width: 80px !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
}
.DatePicker---calendar {
  display: table !important;
  font-size: 0.8571rem !important;
  outline: none !important;
  border-spacing: 0px !important;
  line-height: 1 !important;
}
.DatePicker---calendar th {
  font-weight: bold !important;
}
.DatePicker---calendar td {
  padding: 0 !important;
}
.DatePicker---calendar th,
.DatePicker---calendar td > button {
  padding: 7px 5px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  width: 3rem !important;
  color: var(--appian-text-color, #222) !important;
  margin: 1px !important;
}
.DatePicker---calendar td > button {
  position: relative !important;
  font-size: 1rem !important;
  font-family: inherit !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0rem !important;
  line-height: 1 !important;
}
.DatePicker---calendar td > button:focus {
  outline: none !important;
}
.DatePicker---calendar td > button.DatePicker---selected {
  background-color: #1d659c !important;
  color: #fff !important;
}
.DatePicker---calendar td > button.DatePicker---invalid {
  cursor: default !important;
}
.DatePicker---calendar td > button:not(.DatePicker---invalid) {
  cursor: pointer !important;
}
.DatePicker---calendar td > button:not(.DatePicker---invalid):hover::after,
.DatePicker---calendar td > button:not(.DatePicker---invalid):focus:not([data-appian-ux-mouse-focus])::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 1px solid #1d659c !important;
  border-radius: inherit !important;
}
.DatePicker---calendar td > button:not(.DatePicker---invalid):hover.DatePicker---selected::after,
.DatePicker---calendar td > button:not(.DatePicker---invalid):focus:not([data-appian-ux-mouse-focus]).DatePicker---selected::after {
  top: 2px !important;
  left: 2px !important;
  width: calc(100% - 4px) !important;
  height: calc(100% - 4px) !important;
  border-color: #fff !important;
}
.DatePicker---calendar td > button.DatePicker---today:not(.DatePicker---selected) {
  background: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
  font-weight: 600 !important;
}
.DatePicker---calendar td > button:not(.DatePicker---current_month):not(.DatePicker---selected) {
  color: var(--appian-placeholder-text-color, #767676) !important;
}
.DatePicker---calendar td > button:not(.DatePicker---current_month):not(.DatePicker---selected):not(.DatePicker---today) {
  font-weight: 300 !important;
}
.DatePicker---month:focus .DatePicker---date_picker2__control,
.DatePicker---year:focus .DatePicker---date_picker2__control {
  border-color: #1d659c !important;
}
.DatePicker---align_start {
  text-align: left !important;
}
.DatePicker---align_end {
  text-align: right !important;
}
.DatePicker---center {
  text-align: center !important;
}
.DatePicker---text::-ms-clear,
.DatePicker---picker_input::-ms-clear {
  display: none !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.DatePicker---text::-webkit-input-placeholder,
.DatePicker---password::-webkit-input-placeholder,
.DatePicker---picker_input::-webkit-input-placeholder,
.DatePicker---dropdown_value::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-style: italic !important;
  font-weight: 400 !important;
}
.DatePicker---text::-moz-placeholder,
.DatePicker---password::-moz-placeholder,
.DatePicker---picker_input::-moz-placeholder,
.DatePicker---dropdown_value::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.DatePicker---text:-ms-input-placeholder,
.DatePicker---password:-ms-input-placeholder,
.DatePicker---picker_input:-ms-input-placeholder,
.DatePicker---dropdown_value:-ms-input-placeholder,
.DatePicker---dropdown_value:disabled:-ms-input-placeholder,
.DatePicker---text:disabled:-ms-input-placeholder,
.DatePicker---password:disabled:-ms-input-placeholder,
.DatePicker---picker_input:disabled:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.DatePicker---textarea_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.DatePicker---text.DatePicker---has_clear_link,
.DatePicker---password.DatePicker---has_clear_link {
  padding-right: 1.5714rem !important;
}
.DatePicker---text,
.DatePicker---password,
.DatePicker---textarea,
.DatePicker---textarea_print,
.DatePicker---dropdown_value,
.DatePicker---picker_value,
.DatePicker---date_range_value,
.DatePicker---date_picker2__control {
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  /* needs extra decimals for correct alignment in some browsers */
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  width: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
}
.DatePicker---text.DatePicker---inDarkBackground,
.DatePicker---password.DatePicker---inDarkBackground,
.DatePicker---textarea.DatePicker---inDarkBackground,
.DatePicker---textarea_print.DatePicker---inDarkBackground,
.DatePicker---dropdown_value.DatePicker---inDarkBackground,
.DatePicker---picker_value.DatePicker---inDarkBackground,
.DatePicker---date_range_value.DatePicker---inDarkBackground,
.DatePicker---date_picker2__control.DatePicker---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.DatePicker---dropdown,
.DatePicker---picker {
  position: relative !important;
  font-size: 1rem !important;
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}
.DatePicker---dropdown_value,
.DatePicker---picker_value {
  min-height: 2.4286rem !important;
}
.appian-context-browser-safari .DatePicker---text,
.appian-context-browser-safari .DatePicker---textarea {
  margin: 0 !important;
  /* needed to prevent 2px margin-top & margin-bottom on Safari */
}
.appian-context-os-ios .DatePicker---text,
.appian-context-os-ios .DatePicker---password,
.appian-context-os-ios .DatePicker---textarea,
.appian-context-os-ios .DatePicker---textarea_print,
.appian-context-os-ios .DatePicker---dropdown_value,
.appian-context-os-ios .DatePicker---picker_value {
  font-family: -apple-system !important;
}
.appian-context-os-android .DatePicker---text,
.appian-context-os-android .DatePicker---password,
.appian-context-os-android .DatePicker---textarea,
.appian-context-os-android .DatePicker---textarea_print,
.appian-context-os-android .DatePicker---dropdown_value,
.appian-context-os-android .DatePicker---picker_value {
  font-family: "Roboto" !important;
}
.DatePicker---text.DatePicker---width_narrow,
.DatePicker---password.DatePicker---width_narrow,
.DatePicker---textarea.DatePicker---width_narrow,
.DatePicker---textarea_print.DatePicker---width_narrow,
.DatePicker---dropdown.DatePicker---width_narrow,
.DatePicker---picker.DatePicker---width_narrow {
  max-width: 160px !important;
}
.DatePicker---text.DatePicker---width_medium,
.DatePicker---password.DatePicker---width_medium,
.DatePicker---textarea.DatePicker---width_medium,
.DatePicker---textarea_print.DatePicker---width_medium,
.DatePicker---dropdown.DatePicker---width_medium,
.DatePicker---picker.DatePicker---width_medium {
  max-width: 320px !important;
}
.DatePicker---text:focus,
.DatePicker---password:focus,
.DatePicker---textarea:focus,
.DatePicker---dropdown_value:focus,
.DatePicker---dropdown_value.DatePicker---focus,
.DatePicker---picker_value:focus,
.DatePicker---picker_value.DatePicker---focus,
.DatePicker---date_picker2__control.DatePicker---date_picker2__control--is-focused {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.DatePicker---text:disabled,
.DatePicker---password:disabled,
.DatePicker---textarea:disabled,
.DatePicker---textarea.DatePicker---is_disabled,
.DatePicker---dropdown_value.DatePicker---is_disabled,
.DatePicker---picker_value.DatePicker---is_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  /* needed to prevent dropdown & picker from getting focus styling on click on IE */
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.DatePicker---text:disabled,
.DatePicker---password:disabled,
.DatePicker---textarea:disabled,
.DatePicker---textarea.DatePicker---is_disabled,
.DatePicker---dropdown_value.DatePicker---is_disabled:after,
.DatePicker---dropdown_value.DatePicker---is_disabled:not(.DatePicker---placeholder) {
  color: var(--appian-disabled-text-color, #777) !important;
  -webkit-text-fill-color: var(--appian-disabled-text-color, #777) !important;
  /* needed so disabled text color is correct in Safari */
}
.DatePicker---picker_value.DatePicker---is_disabled {
  cursor: default !important;
  /* needed to prevent text cursor */
}
.DatePicker---text[aria-invalid="true"]:not(.DatePicker---inEditableGridLayout),
.DatePicker---password[aria-invalid="true"]:not(.DatePicker---inEditableGridLayout),
.DatePicker---textarea[aria-invalid="true"]:not(.DatePicker---inEditableGridLayout),
.DatePicker---dropdown_value[aria-invalid="true"]:not(.DatePicker---inEditableGridLayout),
.DatePicker---picker_value.DatePicker---invalid:not(.DatePicker---inEditableGridLayout) {
  border-color: #de0037 !important;
}
.DatePicker---text[aria-invalid="true"]:not(.DatePicker---inEditableGridLayout).DatePicker---inDarkBackground,
.DatePicker---password[aria-invalid="true"]:not(.DatePicker---inEditableGridLayout).DatePicker---inDarkBackground,
.DatePicker---textarea[aria-invalid="true"]:not(.DatePicker---inEditableGridLayout).DatePicker---inDarkBackground,
.DatePicker---dropdown_value[aria-invalid="true"]:not(.DatePicker---inEditableGridLayout).DatePicker---inDarkBackground,
.DatePicker---picker_value.DatePicker---invalid:not(.DatePicker---inEditableGridLayout).DatePicker---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.DatePicker---text[aria-invalid="true"]:not(.DatePicker---inEditableGridLayout):focus,
.DatePicker---password[aria-invalid="true"]:not(.DatePicker---inEditableGridLayout):focus,
.DatePicker---textarea[aria-invalid="true"]:not(.DatePicker---inEditableGridLayout):focus,
.DatePicker---dropdown_value[aria-invalid="true"]:not(.DatePicker---inEditableGridLayout):focus,
.DatePicker---picker_value.DatePicker---invalid:not(.DatePicker---inEditableGridLayout):focus,
.DatePicker---picker_value.DatePicker---invalid:not(.DatePicker---inEditableGridLayout).DatePicker---focus {
  border-color: #1d659c !important;
}
.DatePicker---picker_value.DatePicker---invalid:not(.DatePicker---inEditableGridLayout),
.DatePicker---picker_value.DatePicker---invalid:not(.DatePicker---inEditableGridLayout):focus,
.DatePicker---picker_value.DatePicker---invalid:not(.DatePicker---inEditableGridLayout).DatePicker---focus {
  z-index: 2 !important;
}
.DatePicker---text[aria-invalid="true"].DatePicker---inEditableGridLayout.DatePicker---inSideBySideItem,
.DatePicker---text[aria-invalid="true"].DatePicker---inEditableGridLayout.DatePicker---inSideBySideItem:focus,
.DatePicker---password[aria-invalid="true"].DatePicker---inEditableGridLayout.DatePicker---inSideBySideItem,
.DatePicker---password[aria-invalid="true"].DatePicker---inEditableGridLayout.DatePicker---inSideBySideItem:focus,
.DatePicker---dropdown_value[aria-invalid="true"].DatePicker---inEditableGridLayout.DatePicker---inSideBySideItem,
.DatePicker---dropdown_value[aria-invalid="true"].DatePicker---inEditableGridLayout.DatePicker---inSideBySideItem:focus,
.DatePicker---picker_value.DatePicker---invalid.DatePicker---inEditableGridLayout.DatePicker---inSideBySideItem,
.DatePicker---picker_value.DatePicker---invalid.DatePicker---inEditableGridLayout.DatePicker---inSideBySideItem:focus,
.DatePicker---picker_value.DatePicker---invalid.DatePicker---inEditableGridLayout.DatePicker---inSideBySideItem.DatePicker---focus {
  border: 1px solid transparent !important;
}
.DatePicker---invalidInSideBySide,
.DatePicker---invalidInSideBySide:focus {
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.DatePicker---invalidInSideBySide.DatePicker---inDarkBackground,
.DatePicker---invalidInSideBySide:focus.DatePicker---inDarkBackground {
  border-left-color: var(--appian-input-border-color, #ddd) !important;
  border-right-color: var(--appian-input-border-color, #ddd) !important;
}
.DatePicker---textarea[aria-invalid="true"].DatePicker---inEditableGridLayout.DatePicker---inSideBySideItem,
.DatePicker---textarea[aria-invalid="true"].DatePicker---inEditableGridLayout.DatePicker---inSideBySideItem:focus {
  border-color: #de0037 !important;
}
.DatePicker---textarea[aria-invalid="true"].DatePicker---inEditableGridLayout.DatePicker---inSideBySideItem.DatePicker---inDarkBackground,
.DatePicker---textarea[aria-invalid="true"].DatePicker---inEditableGridLayout.DatePicker---inSideBySideItem.DatePicker---inDarkBackground:focus {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.DatePicker---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.DatePicker---show_data_icon .DatePicker---text,
.DatePicker---show_data_icon .DatePicker---password,
.DatePicker---show_data_icon .DatePicker---textarea,
.DatePicker---show_data_icon .DatePicker---dropdown_value {
  padding-left: 1.7857rem !important;
}
.DatePicker---text.DatePicker---has_clear_link,
.DatePicker---password.DatePicker---has_clear_link {
  padding-right: 1.5714rem !important;
}
.DatePicker---character_count {
  position: absolute !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 300 !important;
  right: 0 !important;
  bottom: 0 !important;
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  pointer-events: none !important;
}
.DatePicker---character_count.DatePicker---over_limit:not(.DatePicker---inDarkBackground) {
  color: #de0037 !important;
  fill: #de0037 !important;
}
.DatePicker---character_count.DatePicker---over_limit.DatePicker---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.DatePicker---character_count .DatePicker---icon_container {
  outline: none !important;
  margin-right: 3px !important;
  margin-bottom: -2px !important;
}
.DatePicker---character_count .DatePicker---icon_container > svg {
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
.DatePicker---character_count_overlay {
  background-color: var(--appian-input-background-color-faded, #fffd) !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 0.7143rem 0.5714rem 0 !important;
  z-index: 3 !important;
}
.appian-context-os-windows .DatePicker---character_count_overlay {
  margin: 0 1.2857rem 0.5714rem 0 !important;
}
.DatePicker---textarea:disabled + .DatePicker---character_count_overlay,
.DatePicker---character_count_overlay_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.DatePicker---data_icon {
  position: absolute !important;
  top: 0.7143rem !important;
  left: 0.5714rem !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  fill: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
a.DatePicker---input_clear_link {
  border: none !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.DatePicker---input_icon_wrapper > a.DatePicker---input_clear_link {
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.9286rem !important;
}
.appian-context-browser-edge .DatePicker---input_icon_wrapper > a.DatePicker---input_clear_link {
  top: 0.5rem !important;
}
.DatePicker---dropdown_value a.DatePicker---input_clear_link {
  position: absolute !important;
  right: 1.4286rem !important;
  top: 0.5714rem !important;
}
.appian-context-os-mac.appian-context-browser-chrome .DatePicker---dropdown_value a.DatePicker---input_clear_link {
  top: 0.5rem !important;
}
a.DatePicker---input_clear_link:hover,
a.DatePicker---input_clear_link:focus:not([data-appian-ux-mouse-focus]) {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.DatePicker---dropdown .DatePicker---dropdown_value.DatePicker---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.DatePicker---dropdown_value.DatePicker---has_inline_label span.DatePicker---inline_label,
.DatePicker---date_range_value.DatePicker---has_inline_label span.DatePicker---inline_label {
  display: inline-block !important;
  max-width: 70% !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.7857rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.1429rem !important;
  vertical-align: -0.2143rem !important;
  margin-right: 0.5rem !important;
  padding-right: 0.5rem !important;
  border-right: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.DatePicker---dropdown_value.DatePicker---has_inline_label.DatePicker---inDarkBackground span.DatePicker---inline_label,
.DatePicker---date_range_value.DatePicker---has_inline_label.DatePicker---inDarkBackground span.DatePicker---inline_label {
  border-right-color: var(--appian-choice-border-color, #bbb) !important;
}
.appian-context-browser-safari .DatePicker---dropdown_value.DatePicker---has_inline_label span.DatePicker---inline_label,
.appian-context-browser-safari .DatePicker---date_range_value.DatePicker---has_inline_label span.DatePicker---inline_label {
  vertical-align: inherit !important;
}
.DatePicker---dropdown_value.DatePicker---has_inline_label.DatePicker---highlighted span.DatePicker---value_display,
.DatePicker---date_range_value.DatePicker---has_inline_label.DatePicker---highlighted span.DatePicker---value_display {
  font-weight: 700 !important;
}
.DatePicker---dropdown_value.DatePicker---has_inline_label a.DatePicker---input_clear_link,
.DatePicker---date_range_value.DatePicker---has_inline_label a.DatePicker---input_clear_link {
  display: none !important;
  position: absolute !important;
  right: 1.5714rem !important;
  top: 0.5714rem !important;
}
.DatePicker---dropdown_value.DatePicker---has_inline_label.DatePicker---highlighted a.DatePicker---input_clear_link,
.DatePicker---date_range_value.DatePicker---has_inline_label.DatePicker---highlighted a.DatePicker---input_clear_link {
  display: inline-block !important;
}
.DatePicker---date_range_value.DatePicker---has_inline_label.DatePicker---validation:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.DatePicker---date_range_value.DatePicker---has_inline_label.DatePicker---validation:before {
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.DatePicker---date_range_value.DatePicker---has_inline_label.DatePicker---validation.DatePicker---inDarkBackground:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.DatePicker---number_range_input.DatePicker---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.DatePicker---date_range_value.DatePicker---has_inline_label.DatePicker---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
}
.DatePicker---date_range_value.DatePicker---has_inline_label.DatePicker---validation.DatePicker---inDarkBackground:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.DatePicker---number_range_input.DatePicker---validation,
.DatePicker---date_range_value.DatePicker---has_inline_label.DatePicker---validation {
  position: relative !important;
  border-color: transparent !important;
}
ul.DatePicker---listbox,
.DatePicker---date_picker2__menu {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  -webkit-appearance: none !important;
  background-color: var(--appian-pop-up-menu-color, #fff) !important;
  z-index: 2000020 !important;
  white-space: nowrap !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  max-height: 24.5714rem !important;
  /* displays 11 items + partial item */
  max-width: 700px !important;
  /* if this value changes, also update widthThreshold in DropdownWidget.jsx, MultipleDropdown.jsx, PickerWidget.jsx, & TimeWidget.jsx */
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  position: absolute !important;
  margin-top: 2px !important;
  left: 0 !important;
  right: auto !important;
  text-align: left !important;
  outline: none !important;
}
ul.DatePicker---listbox.DatePicker---inDarkBackground,
.DatePicker---date_picker2__menu.DatePicker---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
ul.DatePicker---relative {
  /* necessary for Tether to be aware of the listbox's height */
  position: relative !important;
  margin-top: 0px !important;
}
ul.DatePicker---listbox.DatePicker---inline {
  /* default medium height */
  position: static !important;
  z-index: auto !important;
}
ul.DatePicker---listbox.DatePicker---short {
  max-height: 12rem !important;
  /* displays 5 items + partial item */
}
ul.DatePicker---listbox.DatePicker---tall {
  max-height: 34.6429rem !important;
  /* displays 16 items + partial item */
}
ul.DatePicker---listbox.DatePicker---auto {
  /* auto height = no constraint */
  max-height: none !important;
}
ul.DatePicker---listbox.DatePicker---pointer {
  margin-top: 6px !important;
}
ul.DatePicker---listbox.DatePicker---pointer:before {
  content: "" !important;
  position: absolute !important;
  top: -16px !important;
  left: 3px !important;
  width: 0 !important;
  height: 0 !important;
  border-bottom: 8px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-top: 8px solid transparent !important;
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
}
ul.DatePicker---listbox.DatePicker---pointer:after {
  content: "" !important;
  position: absolute !important;
  top: -12px !important;
  left: 5px !important;
  width: 0 !important;
  height: 0 !important;
  border-bottom: 6px solid var(--appian-pop-up-menu-color, #fff) !important;
  border-top: 6px solid transparent !important;
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
}
ul.DatePicker---listbox.DatePicker---anchor_end.DatePicker---pointer:before {
  left: auto !important;
  right: 3px !important;
}
ul.DatePicker---listbox.DatePicker---pointer:after {
  left: auto !important;
  right: 5px !important;
}
ul.DatePicker---listbox.DatePicker---anchor_top {
  top: auto !important;
  bottom: 2.5rem !important;
}
ul.DatePicker---listbox.DatePicker---anchor_end {
  /*rtl:begin:ignore*/
  left: auto !important;
  right: 0 !important;
  /*rtl:end:ignore*/
}
ul.DatePicker---listbox.DatePicker---closed {
  display: none !important;
}
ul.DatePicker---listbox.DatePicker---open {
  display: block !important;
}
ul.DatePicker---listbox.DatePicker---inModalDialogLayout {
  z-index: 2000023 !important;
}
ul.DatePicker---listbox li,
.DatePicker---date_picker2__menu .DatePicker---date_picker2__option {
  outline: none !important;
  position: relative !important;
  cursor: default !important;
  line-height: 1.4 !important;
}
li.DatePicker---active,
.DatePicker---date_picker2__menu .DatePicker---date_picker2__option.DatePicker---date_picker2__option--is-focused:not(.DatePicker---date_picker2__option--is-selected) {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
  box-shadow: 0 0 0 1px #1d659c inset !important;
}
li:not(.DatePicker---inRichTextEditorWidget).DatePicker---active[aria-selected="true"]:after,
.DatePicker---date_picker2__option.DatePicker---date_picker2__option--is-focused.DatePicker---date_picker2__option--is-selected:after {
  content: "" !important;
  display: inline-block !important;
  width: calc(100% - 4px) !important;
  height: calc(100% - 4px) !important;
  position: absolute !important;
  left: 2px !important;
  top: 2px !important;
  border: 1px solid #fff !important;
}
li.DatePicker---inApplicationHeaderLayout:not(.DatePicker---inProcessHQ).DatePicker---inDarkBackground.DatePicker---active {
  background-color: rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 0 0 1px #fff inset !important;
}
ul.DatePicker---listbox li > div,
.DatePicker---date_picker2__menu .DatePicker---date_picker2__option {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  min-height: 1.3571rem !important;
  cursor: default !important;
  color: var(--appian-text-color, #222) !important;
}
ul.DatePicker---listbox.DatePicker---inApplicationHeaderLayout:not(.DatePicker---inProcessHQ).DatePicker---inDarkBackground li > div {
  color: #fff !important;
  fill: #fff !important;
}
.DatePicker---date_picker2__control {
  box-shadow: none !important;
  min-height: 30px !important;
  height: 30px !important;
  padding: 0 0.5714rem !important;
}
.DatePicker---date_picker2__control:after {
  top: 7px !important;
}
.DatePicker---date_picker2__control .DatePicker---date_picker2__value-container {
  padding: 0 !important;
  display: inline-block !important;
  height: 100% !important;
}
.DatePicker---date_picker2__control .DatePicker---date_picker2__value-container .DatePicker---date_picker2__single-value {
  color: var(--appian-text-color, #222) !important;
}
.DatePicker---date_picker2__control .DatePicker---date_picker2__indicator-separator {
  display: none !important;
}
.DatePicker---date_picker2__menu {
  box-shadow: none !important;
  margin-top: 0 !important;
}
.DatePicker---date_picker2__menu .DatePicker---date_picker2__menu-list {
  max-height: 220px !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.PopperInPreview---wrapper {
  position: relative !important;
  /* helps with simplifying the the popper position calculation logic */
}

/* AN-79558: For some reason, the quoted font families are not processed the same way in LESS when they're used inside a
  detached ruleset (@shared-input-styles, here), and our theming extractor ends up not picking them. Moving the font-family
  declaration out of it addresses this. */
.DateRangeWidget---text,
.DateRangeWidget---password,
.DateRangeWidget---textarea,
.DateRangeWidget---textarea_print,
.DateRangeWidget---dropdown_value,
.DateRangeWidget---picker_value,
.DateRangeWidget---date_range_value {
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
}
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.DateRangeWidget---wrapper {
  position: static !important;
}
.DateRangeWidget---tether_dropdown,
.DateRangeWidget---date_picker2__menu {
  z-index: 2000020 !important;
}
.DateRangeWidget---dropdown {
  min-width: 3.2142rem !important;
  /* needed so dropdown icon doesn't overlap text when very narrow (AN-77265) */
}
.appian-context-browser-firefox .DateRangeWidget---dropdown:not(.DateRangeWidget---multi) {
  min-width: 4.0714rem !important;
}
.DateRangeWidget---dropdown .DateRangeWidget---dropdown_value {
  padding-right: 1.5714rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  cursor: default !important;
}
.DateRangeWidget---dropdown .DateRangeWidget---preview_interface_locale_dropdown_value {
  padding-right: 1.5714rem !important;
  padding-left: 0.5714rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  cursor: default !important;
  line-height: 2.06rem !important;
  font-size: 1rem !important;
}
ul.DateRangeWidget---dropdown_list.DateRangeWidget---no_top_border {
  border-top-width: 0 !important;
}
.DateRangeWidget---dropdown.DateRangeWidget---time_picker .DateRangeWidget---dropdown_value {
  cursor: text !important;
  padding-right: 0.5714rem !important;
  text-overflow: clip !important;
  /* needed for consistency so both date and time inputs truncate text without ellipsis */
}
.DateRangeWidget---dropdown.DateRangeWidget---time_picker .DateRangeWidget---dropdown_value.DateRangeWidget---is_disabled {
  cursor: default !important;
}
.DateRangeWidget---dropdown .DateRangeWidget---dropdown_caret,
.DateRangeWidget---date_picker2__control .DateRangeWidget---dropdown_caret {
  display: inline-block !important;
  width: 1rem !important;
  height: 1rem !important;
  position: absolute !important;
  right: 0.3rem !important;
  top: calc(50% - 0.5rem) !important;
  fill: var(--appian-text-color, #222) !important;
}
.DateRangeWidget---dropdown .DateRangeWidget---dropdown_value.DateRangeWidget---is_disabled .DateRangeWidget---dropdown_caret {
  fill: var(--appian-disabled-text-color, #777) !important;
}
.DateRangeWidget---dropdown_list li,
.DateRangeWidget---date_picker2__option {
  padding: 0.3571rem 0.5714rem 0.3571rem 0 !important;
  text-indent: 0.5714rem !important;
  /* needed so italicised text (placeholder) doesn't appear cut off */
}
/* placeholder for single-select dropdown */
/* repeated class name is a specificity hack to work around listbox color styling */
.DateRangeWidget---dropdown_value.DateRangeWidget---placeholder,
.DateRangeWidget---dropdown_list.DateRangeWidget---dropdown_list li.DateRangeWidget---placeholder > div {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.DateRangeWidget---dropdown_list li[aria-selected="true"].DateRangeWidget---placeholder > div {
  color: #fff !important;
}
/* placeholder for multi-select dropdown */
.DateRangeWidget---dropdown_value .DateRangeWidget---value_display:empty:before {
  content: attr(data-placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.DateRangeWidget---dropdown_value.DateRangeWidget---has_inline_label .DateRangeWidget---value_display:empty:before {
  display: inline !important;
}
/* repeated class name is a specificity hack to work around listbox max-height styling */
.DateRangeWidget---dropdown_list.DateRangeWidget---dropdown_list {
  max-height: 24.2857rem !important;
  /* displays 11 items + partial item */
}
.DateRangeWidget---dropdown_list li[aria-selected="true"],
.DateRangeWidget---dropdown_list li[aria-selected="true"]:before,
.DateRangeWidget---dropdown_list li[aria-selected="true"] > div,
.DateRangeWidget---date_picker2__menu .DateRangeWidget---date_picker2__option.DateRangeWidget---date_picker2__option--is-selected {
  background-color: #1d659c !important;
  color: #fff !important;
}
.DateRangeWidget---search_box_wrapper {
  background-color: var(--appian-pop-up-menu-color, #fff) !important;
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-top-left-radius: 0rem !important;
  border-top-right-radius: 0rem !important;
  font-size: 0 !important;
  padding: 3px !important;
}
.DateRangeWidget---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .DateRangeWidget---accessibilityhidden {
  font-size: 0 !important;
}
.DateRangeWidget---align_start {
  text-align: left !important;
}
.DateRangeWidget---align_end {
  text-align: right !important;
}
.DateRangeWidget---center {
  text-align: center !important;
}
.DateRangeWidget---text::-ms-clear,
.DateRangeWidget---picker_input::-ms-clear {
  display: none !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.DateRangeWidget---text::-webkit-input-placeholder,
.DateRangeWidget---password::-webkit-input-placeholder,
.DateRangeWidget---picker_input::-webkit-input-placeholder,
.DateRangeWidget---dropdown_value::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-style: italic !important;
  font-weight: 400 !important;
}
.DateRangeWidget---text::-moz-placeholder,
.DateRangeWidget---password::-moz-placeholder,
.DateRangeWidget---picker_input::-moz-placeholder,
.DateRangeWidget---dropdown_value::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.DateRangeWidget---text:-ms-input-placeholder,
.DateRangeWidget---password:-ms-input-placeholder,
.DateRangeWidget---picker_input:-ms-input-placeholder,
.DateRangeWidget---dropdown_value:-ms-input-placeholder,
.DateRangeWidget---dropdown_value:disabled:-ms-input-placeholder,
.DateRangeWidget---text:disabled:-ms-input-placeholder,
.DateRangeWidget---password:disabled:-ms-input-placeholder,
.DateRangeWidget---picker_input:disabled:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.DateRangeWidget---textarea_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.DateRangeWidget---text.DateRangeWidget---has_clear_link,
.DateRangeWidget---password.DateRangeWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.DateRangeWidget---text,
.DateRangeWidget---password,
.DateRangeWidget---textarea,
.DateRangeWidget---textarea_print,
.DateRangeWidget---dropdown_value,
.DateRangeWidget---picker_value,
.DateRangeWidget---date_range_value,
.DateRangeWidget---date_picker2__control {
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  /* needs extra decimals for correct alignment in some browsers */
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  width: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
}
.DateRangeWidget---text.DateRangeWidget---inDarkBackground,
.DateRangeWidget---password.DateRangeWidget---inDarkBackground,
.DateRangeWidget---textarea.DateRangeWidget---inDarkBackground,
.DateRangeWidget---textarea_print.DateRangeWidget---inDarkBackground,
.DateRangeWidget---dropdown_value.DateRangeWidget---inDarkBackground,
.DateRangeWidget---picker_value.DateRangeWidget---inDarkBackground,
.DateRangeWidget---date_range_value.DateRangeWidget---inDarkBackground,
.DateRangeWidget---date_picker2__control.DateRangeWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.DateRangeWidget---dropdown,
.DateRangeWidget---picker {
  position: relative !important;
  font-size: 1rem !important;
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}
.DateRangeWidget---dropdown_value,
.DateRangeWidget---picker_value {
  min-height: 2.4286rem !important;
}
.appian-context-browser-safari .DateRangeWidget---text,
.appian-context-browser-safari .DateRangeWidget---textarea {
  margin: 0 !important;
  /* needed to prevent 2px margin-top & margin-bottom on Safari */
}
.appian-context-os-ios .DateRangeWidget---text,
.appian-context-os-ios .DateRangeWidget---password,
.appian-context-os-ios .DateRangeWidget---textarea,
.appian-context-os-ios .DateRangeWidget---textarea_print,
.appian-context-os-ios .DateRangeWidget---dropdown_value,
.appian-context-os-ios .DateRangeWidget---picker_value {
  font-family: -apple-system !important;
}
.appian-context-os-android .DateRangeWidget---text,
.appian-context-os-android .DateRangeWidget---password,
.appian-context-os-android .DateRangeWidget---textarea,
.appian-context-os-android .DateRangeWidget---textarea_print,
.appian-context-os-android .DateRangeWidget---dropdown_value,
.appian-context-os-android .DateRangeWidget---picker_value {
  font-family: "Roboto" !important;
}
.DateRangeWidget---text.DateRangeWidget---width_narrow,
.DateRangeWidget---password.DateRangeWidget---width_narrow,
.DateRangeWidget---textarea.DateRangeWidget---width_narrow,
.DateRangeWidget---textarea_print.DateRangeWidget---width_narrow,
.DateRangeWidget---dropdown.DateRangeWidget---width_narrow,
.DateRangeWidget---picker.DateRangeWidget---width_narrow {
  max-width: 160px !important;
}
.DateRangeWidget---text.DateRangeWidget---width_medium,
.DateRangeWidget---password.DateRangeWidget---width_medium,
.DateRangeWidget---textarea.DateRangeWidget---width_medium,
.DateRangeWidget---textarea_print.DateRangeWidget---width_medium,
.DateRangeWidget---dropdown.DateRangeWidget---width_medium,
.DateRangeWidget---picker.DateRangeWidget---width_medium {
  max-width: 320px !important;
}
.DateRangeWidget---text:focus,
.DateRangeWidget---password:focus,
.DateRangeWidget---textarea:focus,
.DateRangeWidget---dropdown_value:focus,
.DateRangeWidget---dropdown_value.DateRangeWidget---focus,
.DateRangeWidget---picker_value:focus,
.DateRangeWidget---picker_value.DateRangeWidget---focus,
.DateRangeWidget---date_picker2__control.DateRangeWidget---date_picker2__control--is-focused {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.DateRangeWidget---text:disabled,
.DateRangeWidget---password:disabled,
.DateRangeWidget---textarea:disabled,
.DateRangeWidget---textarea.DateRangeWidget---is_disabled,
.DateRangeWidget---dropdown_value.DateRangeWidget---is_disabled,
.DateRangeWidget---picker_value.DateRangeWidget---is_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  /* needed to prevent dropdown & picker from getting focus styling on click on IE */
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.DateRangeWidget---text:disabled,
.DateRangeWidget---password:disabled,
.DateRangeWidget---textarea:disabled,
.DateRangeWidget---textarea.DateRangeWidget---is_disabled,
.DateRangeWidget---dropdown_value.DateRangeWidget---is_disabled:after,
.DateRangeWidget---dropdown_value.DateRangeWidget---is_disabled:not(.DateRangeWidget---placeholder) {
  color: var(--appian-disabled-text-color, #777) !important;
  -webkit-text-fill-color: var(--appian-disabled-text-color, #777) !important;
  /* needed so disabled text color is correct in Safari */
}
.DateRangeWidget---picker_value.DateRangeWidget---is_disabled {
  cursor: default !important;
  /* needed to prevent text cursor */
}
.DateRangeWidget---text[aria-invalid="true"]:not(.DateRangeWidget---inEditableGridLayout),
.DateRangeWidget---password[aria-invalid="true"]:not(.DateRangeWidget---inEditableGridLayout),
.DateRangeWidget---textarea[aria-invalid="true"]:not(.DateRangeWidget---inEditableGridLayout),
.DateRangeWidget---dropdown_value[aria-invalid="true"]:not(.DateRangeWidget---inEditableGridLayout),
.DateRangeWidget---picker_value.DateRangeWidget---invalid:not(.DateRangeWidget---inEditableGridLayout) {
  border-color: #de0037 !important;
}
.DateRangeWidget---text[aria-invalid="true"]:not(.DateRangeWidget---inEditableGridLayout).DateRangeWidget---inDarkBackground,
.DateRangeWidget---password[aria-invalid="true"]:not(.DateRangeWidget---inEditableGridLayout).DateRangeWidget---inDarkBackground,
.DateRangeWidget---textarea[aria-invalid="true"]:not(.DateRangeWidget---inEditableGridLayout).DateRangeWidget---inDarkBackground,
.DateRangeWidget---dropdown_value[aria-invalid="true"]:not(.DateRangeWidget---inEditableGridLayout).DateRangeWidget---inDarkBackground,
.DateRangeWidget---picker_value.DateRangeWidget---invalid:not(.DateRangeWidget---inEditableGridLayout).DateRangeWidget---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.DateRangeWidget---text[aria-invalid="true"]:not(.DateRangeWidget---inEditableGridLayout):focus,
.DateRangeWidget---password[aria-invalid="true"]:not(.DateRangeWidget---inEditableGridLayout):focus,
.DateRangeWidget---textarea[aria-invalid="true"]:not(.DateRangeWidget---inEditableGridLayout):focus,
.DateRangeWidget---dropdown_value[aria-invalid="true"]:not(.DateRangeWidget---inEditableGridLayout):focus,
.DateRangeWidget---picker_value.DateRangeWidget---invalid:not(.DateRangeWidget---inEditableGridLayout):focus,
.DateRangeWidget---picker_value.DateRangeWidget---invalid:not(.DateRangeWidget---inEditableGridLayout).DateRangeWidget---focus {
  border-color: #1d659c !important;
}
.DateRangeWidget---picker_value.DateRangeWidget---invalid:not(.DateRangeWidget---inEditableGridLayout),
.DateRangeWidget---picker_value.DateRangeWidget---invalid:not(.DateRangeWidget---inEditableGridLayout):focus,
.DateRangeWidget---picker_value.DateRangeWidget---invalid:not(.DateRangeWidget---inEditableGridLayout).DateRangeWidget---focus {
  z-index: 2 !important;
}
.DateRangeWidget---text[aria-invalid="true"].DateRangeWidget---inEditableGridLayout.DateRangeWidget---inSideBySideItem,
.DateRangeWidget---text[aria-invalid="true"].DateRangeWidget---inEditableGridLayout.DateRangeWidget---inSideBySideItem:focus,
.DateRangeWidget---password[aria-invalid="true"].DateRangeWidget---inEditableGridLayout.DateRangeWidget---inSideBySideItem,
.DateRangeWidget---password[aria-invalid="true"].DateRangeWidget---inEditableGridLayout.DateRangeWidget---inSideBySideItem:focus,
.DateRangeWidget---dropdown_value[aria-invalid="true"].DateRangeWidget---inEditableGridLayout.DateRangeWidget---inSideBySideItem,
.DateRangeWidget---dropdown_value[aria-invalid="true"].DateRangeWidget---inEditableGridLayout.DateRangeWidget---inSideBySideItem:focus,
.DateRangeWidget---picker_value.DateRangeWidget---invalid.DateRangeWidget---inEditableGridLayout.DateRangeWidget---inSideBySideItem,
.DateRangeWidget---picker_value.DateRangeWidget---invalid.DateRangeWidget---inEditableGridLayout.DateRangeWidget---inSideBySideItem:focus,
.DateRangeWidget---picker_value.DateRangeWidget---invalid.DateRangeWidget---inEditableGridLayout.DateRangeWidget---inSideBySideItem.DateRangeWidget---focus {
  border: 1px solid transparent !important;
}
.DateRangeWidget---invalidInSideBySide,
.DateRangeWidget---invalidInSideBySide:focus {
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.DateRangeWidget---invalidInSideBySide.DateRangeWidget---inDarkBackground,
.DateRangeWidget---invalidInSideBySide:focus.DateRangeWidget---inDarkBackground {
  border-left-color: var(--appian-input-border-color, #ddd) !important;
  border-right-color: var(--appian-input-border-color, #ddd) !important;
}
.DateRangeWidget---textarea[aria-invalid="true"].DateRangeWidget---inEditableGridLayout.DateRangeWidget---inSideBySideItem,
.DateRangeWidget---textarea[aria-invalid="true"].DateRangeWidget---inEditableGridLayout.DateRangeWidget---inSideBySideItem:focus {
  border-color: #de0037 !important;
}
.DateRangeWidget---textarea[aria-invalid="true"].DateRangeWidget---inEditableGridLayout.DateRangeWidget---inSideBySideItem.DateRangeWidget---inDarkBackground,
.DateRangeWidget---textarea[aria-invalid="true"].DateRangeWidget---inEditableGridLayout.DateRangeWidget---inSideBySideItem.DateRangeWidget---inDarkBackground:focus {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.DateRangeWidget---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.DateRangeWidget---show_data_icon .DateRangeWidget---text,
.DateRangeWidget---show_data_icon .DateRangeWidget---password,
.DateRangeWidget---show_data_icon .DateRangeWidget---textarea,
.DateRangeWidget---show_data_icon .DateRangeWidget---dropdown_value {
  padding-left: 1.7857rem !important;
}
.DateRangeWidget---text.DateRangeWidget---has_clear_link,
.DateRangeWidget---password.DateRangeWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.DateRangeWidget---character_count {
  position: absolute !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 300 !important;
  right: 0 !important;
  bottom: 0 !important;
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  pointer-events: none !important;
}
.DateRangeWidget---character_count.DateRangeWidget---over_limit:not(.DateRangeWidget---inDarkBackground) {
  color: #de0037 !important;
  fill: #de0037 !important;
}
.DateRangeWidget---character_count.DateRangeWidget---over_limit.DateRangeWidget---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.DateRangeWidget---character_count .DateRangeWidget---icon_container {
  outline: none !important;
  margin-right: 3px !important;
  margin-bottom: -2px !important;
}
.DateRangeWidget---character_count .DateRangeWidget---icon_container > svg {
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
.DateRangeWidget---character_count_overlay {
  background-color: var(--appian-input-background-color-faded, #fffd) !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 0.7143rem 0.5714rem 0 !important;
  z-index: 3 !important;
}
.appian-context-os-windows .DateRangeWidget---character_count_overlay {
  margin: 0 1.2857rem 0.5714rem 0 !important;
}
.DateRangeWidget---textarea:disabled + .DateRangeWidget---character_count_overlay,
.DateRangeWidget---character_count_overlay_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.DateRangeWidget---data_icon {
  position: absolute !important;
  top: 0.7143rem !important;
  left: 0.5714rem !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  fill: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
a.DateRangeWidget---input_clear_link {
  border: none !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.DateRangeWidget---input_icon_wrapper > a.DateRangeWidget---input_clear_link {
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.9286rem !important;
}
.appian-context-browser-edge .DateRangeWidget---input_icon_wrapper > a.DateRangeWidget---input_clear_link {
  top: 0.5rem !important;
}
.DateRangeWidget---dropdown_value a.DateRangeWidget---input_clear_link {
  position: absolute !important;
  right: 1.4286rem !important;
  top: 0.5714rem !important;
}
.appian-context-os-mac.appian-context-browser-chrome .DateRangeWidget---dropdown_value a.DateRangeWidget---input_clear_link {
  top: 0.5rem !important;
}
a.DateRangeWidget---input_clear_link:hover,
a.DateRangeWidget---input_clear_link:focus:not([data-appian-ux-mouse-focus]) {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.DateRangeWidget---dropdown .DateRangeWidget---dropdown_value.DateRangeWidget---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.DateRangeWidget---dropdown_value.DateRangeWidget---has_inline_label span.DateRangeWidget---inline_label,
.DateRangeWidget---date_range_value.DateRangeWidget---has_inline_label span.DateRangeWidget---inline_label {
  display: inline-block !important;
  max-width: 70% !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.7857rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.1429rem !important;
  vertical-align: -0.2143rem !important;
  margin-right: 0.5rem !important;
  padding-right: 0.5rem !important;
  border-right: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.DateRangeWidget---dropdown_value.DateRangeWidget---has_inline_label.DateRangeWidget---inDarkBackground span.DateRangeWidget---inline_label,
.DateRangeWidget---date_range_value.DateRangeWidget---has_inline_label.DateRangeWidget---inDarkBackground span.DateRangeWidget---inline_label {
  border-right-color: var(--appian-choice-border-color, #bbb) !important;
}
.appian-context-browser-safari .DateRangeWidget---dropdown_value.DateRangeWidget---has_inline_label span.DateRangeWidget---inline_label,
.appian-context-browser-safari .DateRangeWidget---date_range_value.DateRangeWidget---has_inline_label span.DateRangeWidget---inline_label {
  vertical-align: inherit !important;
}
.DateRangeWidget---dropdown_value.DateRangeWidget---has_inline_label.DateRangeWidget---highlighted span.DateRangeWidget---value_display,
.DateRangeWidget---date_range_value.DateRangeWidget---has_inline_label.DateRangeWidget---highlighted span.DateRangeWidget---value_display {
  font-weight: 700 !important;
}
.DateRangeWidget---dropdown_value.DateRangeWidget---has_inline_label a.DateRangeWidget---input_clear_link,
.DateRangeWidget---date_range_value.DateRangeWidget---has_inline_label a.DateRangeWidget---input_clear_link {
  display: none !important;
  position: absolute !important;
  right: 1.5714rem !important;
  top: 0.5714rem !important;
}
.DateRangeWidget---dropdown_value.DateRangeWidget---has_inline_label.DateRangeWidget---highlighted a.DateRangeWidget---input_clear_link,
.DateRangeWidget---date_range_value.DateRangeWidget---has_inline_label.DateRangeWidget---highlighted a.DateRangeWidget---input_clear_link {
  display: inline-block !important;
}
.DateRangeWidget---date_range_value.DateRangeWidget---has_inline_label.DateRangeWidget---validation:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.DateRangeWidget---date_range_value.DateRangeWidget---has_inline_label.DateRangeWidget---validation:before {
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.DateRangeWidget---date_range_value.DateRangeWidget---has_inline_label.DateRangeWidget---validation.DateRangeWidget---inDarkBackground:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.DateRangeWidget---number_range_input.DateRangeWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.DateRangeWidget---date_range_value.DateRangeWidget---has_inline_label.DateRangeWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
}
.DateRangeWidget---date_range_value.DateRangeWidget---has_inline_label.DateRangeWidget---validation.DateRangeWidget---inDarkBackground:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.DateRangeWidget---number_range_input.DateRangeWidget---validation,
.DateRangeWidget---date_range_value.DateRangeWidget---has_inline_label.DateRangeWidget---validation {
  position: relative !important;
  border-color: transparent !important;
}
.DateRangeWidget---tether_calendar {
  z-index: 2000018 !important;
}
.DateRangeWidget---date_range_outer_box {
  padding: 10px !important;
  border: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
  border-radius: 0rem !important;
  outline: none !important;
  margin-right: 1px !important;
  /* needed because padding alone is not enough for Tether to pin the popup correctly */
}
.DateRangeWidget---date_range_inner_box {
  padding: 10px !important;
  border: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
  border-radius: 0rem !important;
  outline: none !important;
}
.DateRangeWidget---date_range_tether_box {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
  background-color: #f0f0f0 !important;
}
@media only screen and (max-width: 1024px), screen and (max-height: 375px) {
  .appian-context-ux-responsive .DateRangeWidget---date_range_tether_box {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
            flex-direction: column !important;
  }
}
.DateRangeWidget---date_range_tether_box.DateRangeWidget---container_bg_color {
  background-color: var(--appian-container-background-color, #f0f0f0) !important;
}
.DateRangeWidget---date_range_calendar {
  background-color: var(--appian-pop-up-menu-color, #fff) !important;
}
.DateRangeWidget---date_range_calendar:last-of-type {
  margin-left: 10px !important;
}
@media only screen and (max-width: 1024px), screen and (max-height: 375px) {
  .appian-context-ux-responsive .DateRangeWidget---date_range_calendar:last-of-type {
    margin-left: 0 !important;
    margin-top: 10px !important;
  }
}
.DateRangeWidget---dropdown_value.DateRangeWidget---highlighted {
  padding-right: 1.5714rem !important;
  /* increase padding when clear icon is present */
}
a.DateRangeWidget---input_clear_link i.DateRangeWidget---fa-times-circle-svg {
  content: "" !important;
  display: inline-block !important;
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1277%201122q0-26-19-45l-181-181%20181-181q19-19%2019-45%200-27-19-46l-90-90q-19-19-46-19-26%200-45%2019l-181%20181-181-181q-19-19-45-19-27%200-46%2019l-90%2090q-19%2019-19%2046%200%2026%2019%2045l181%20181-181%20181q-19%2019-19%2045%200%2027%2019%2046l90%2090q19%2019%2046%2019%2026%200%2045-19l181-181%20181%20181q19%2019%2045%2019%2027%200%2046-19l90-90q19-19%2019-46zm387-226q0%20209-103%20385.5t-279.5%20279.5-385.5%20103-385.5-103-279.5-279.5-103-385.5%20103-385.5%20279.5-279.5%20385.5-103%20385.5%20103%20279.5%20279.5%20103%20385.5z%22/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 1rem 1rem !important;
  background-position: 50% 25% !important;
  width: 1rem !important;
  height: 1rem !important;
  position: static !important;
  vertical-align: middle !important;
  margin-top: -0.2143rem !important;
}
.appian-context-browser-edge a.DateRangeWidget---input_clear_link i.DateRangeWidget---fa-times-circle-svg {
  background-size: 2rem 2rem !important;
  width: 2rem !important;
  height: 2rem !important;
  -webkit-transform: scale(0.5) !important;
          transform: scale(0.5) !important;
  margin: -0.3571rem -0.3571rem 0 -0.5rem !important;
}
.DateRangeWidget---dropdown_value.DateRangeWidget---is_disabled a.DateRangeWidget---input_clear_link i.DateRangeWidget---fa-times-circle-svg {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22var%28--appian-disabled-text-color,%20%23777%29%22%3E%3Cpath%20d%3D%22M1277%201122q0-26-19-45l-181-181%20181-181q19-19%2019-45%200-27-19-46l-90-90q-19-19-46-19-26%200-45%2019l-181%20181-181-181q-19-19-45-19-27%200-46%2019l-90%2090q-19%2019-19%2046%200%2026%2019%2045l181%20181-181%20181q-19%2019-19%2045%200%2027%2019%2046l90%2090q19%2019%2046%2019%2026%200%2045-19l181-181%20181%20181q19%2019%2045%2019%2027%200%2046-19l90-90q19-19%2019-46zm387-226q0%20209-103%20385.5t-279.5%20279.5-385.5%20103-385.5-103-279.5-279.5-103-385.5%20103-385.5%20279.5-279.5%20385.5-103%20385.5%20103%20279.5%20279.5%20103%20385.5z%22/%3E%3C/svg%3E") !important;
}

/* AN-79558: For some reason, the quoted font families are not processed the same way in LESS when they're used inside a
  detached ruleset (@shared-input-styles, here), and our theming extractor ends up not picking them. Moving the font-family
  declaration out of it addresses this. */
.DateRangeInputPicker---text,
.DateRangeInputPicker---password,
.DateRangeInputPicker---textarea,
.DateRangeInputPicker---textarea_print,
.DateRangeInputPicker---dropdown_value,
.DateRangeInputPicker---picker_value,
.DateRangeInputPicker---date_range_value {
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
}
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.DateRangeInputPicker---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .DateRangeInputPicker---accessibilityhidden {
  font-size: 0 !important;
}
.DateRangeInputPicker---align_start {
  text-align: left !important;
}
.DateRangeInputPicker---align_end {
  text-align: right !important;
}
.DateRangeInputPicker---center {
  text-align: center !important;
}
.DateRangeInputPicker---text::-ms-clear,
.DateRangeInputPicker---picker_input::-ms-clear {
  display: none !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.DateRangeInputPicker---text::-webkit-input-placeholder,
.DateRangeInputPicker---password::-webkit-input-placeholder,
.DateRangeInputPicker---picker_input::-webkit-input-placeholder,
.DateRangeInputPicker---dropdown_value::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-style: italic !important;
  font-weight: 400 !important;
}
.DateRangeInputPicker---text::-moz-placeholder,
.DateRangeInputPicker---password::-moz-placeholder,
.DateRangeInputPicker---picker_input::-moz-placeholder,
.DateRangeInputPicker---dropdown_value::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.DateRangeInputPicker---text:-ms-input-placeholder,
.DateRangeInputPicker---password:-ms-input-placeholder,
.DateRangeInputPicker---picker_input:-ms-input-placeholder,
.DateRangeInputPicker---dropdown_value:-ms-input-placeholder,
.DateRangeInputPicker---dropdown_value:disabled:-ms-input-placeholder,
.DateRangeInputPicker---text:disabled:-ms-input-placeholder,
.DateRangeInputPicker---password:disabled:-ms-input-placeholder,
.DateRangeInputPicker---picker_input:disabled:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.DateRangeInputPicker---textarea_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.DateRangeInputPicker---text.DateRangeInputPicker---has_clear_link,
.DateRangeInputPicker---password.DateRangeInputPicker---has_clear_link {
  padding-right: 1.5714rem !important;
}
.DateRangeInputPicker---text,
.DateRangeInputPicker---password,
.DateRangeInputPicker---textarea,
.DateRangeInputPicker---textarea_print,
.DateRangeInputPicker---dropdown_value,
.DateRangeInputPicker---picker_value,
.DateRangeInputPicker---date_range_value,
.DateRangeInputPicker---date_picker2__control {
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  /* needs extra decimals for correct alignment in some browsers */
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  width: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
}
.DateRangeInputPicker---text.DateRangeInputPicker---inDarkBackground,
.DateRangeInputPicker---password.DateRangeInputPicker---inDarkBackground,
.DateRangeInputPicker---textarea.DateRangeInputPicker---inDarkBackground,
.DateRangeInputPicker---textarea_print.DateRangeInputPicker---inDarkBackground,
.DateRangeInputPicker---dropdown_value.DateRangeInputPicker---inDarkBackground,
.DateRangeInputPicker---picker_value.DateRangeInputPicker---inDarkBackground,
.DateRangeInputPicker---date_range_value.DateRangeInputPicker---inDarkBackground,
.DateRangeInputPicker---date_picker2__control.DateRangeInputPicker---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.DateRangeInputPicker---dropdown,
.DateRangeInputPicker---picker {
  position: relative !important;
  font-size: 1rem !important;
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}
.DateRangeInputPicker---dropdown_value,
.DateRangeInputPicker---picker_value {
  min-height: 2.4286rem !important;
}
.appian-context-browser-safari .DateRangeInputPicker---text,
.appian-context-browser-safari .DateRangeInputPicker---textarea {
  margin: 0 !important;
  /* needed to prevent 2px margin-top & margin-bottom on Safari */
}
.appian-context-os-ios .DateRangeInputPicker---text,
.appian-context-os-ios .DateRangeInputPicker---password,
.appian-context-os-ios .DateRangeInputPicker---textarea,
.appian-context-os-ios .DateRangeInputPicker---textarea_print,
.appian-context-os-ios .DateRangeInputPicker---dropdown_value,
.appian-context-os-ios .DateRangeInputPicker---picker_value {
  font-family: -apple-system !important;
}
.appian-context-os-android .DateRangeInputPicker---text,
.appian-context-os-android .DateRangeInputPicker---password,
.appian-context-os-android .DateRangeInputPicker---textarea,
.appian-context-os-android .DateRangeInputPicker---textarea_print,
.appian-context-os-android .DateRangeInputPicker---dropdown_value,
.appian-context-os-android .DateRangeInputPicker---picker_value {
  font-family: "Roboto" !important;
}
.DateRangeInputPicker---text.DateRangeInputPicker---width_narrow,
.DateRangeInputPicker---password.DateRangeInputPicker---width_narrow,
.DateRangeInputPicker---textarea.DateRangeInputPicker---width_narrow,
.DateRangeInputPicker---textarea_print.DateRangeInputPicker---width_narrow,
.DateRangeInputPicker---dropdown.DateRangeInputPicker---width_narrow,
.DateRangeInputPicker---picker.DateRangeInputPicker---width_narrow {
  max-width: 160px !important;
}
.DateRangeInputPicker---text.DateRangeInputPicker---width_medium,
.DateRangeInputPicker---password.DateRangeInputPicker---width_medium,
.DateRangeInputPicker---textarea.DateRangeInputPicker---width_medium,
.DateRangeInputPicker---textarea_print.DateRangeInputPicker---width_medium,
.DateRangeInputPicker---dropdown.DateRangeInputPicker---width_medium,
.DateRangeInputPicker---picker.DateRangeInputPicker---width_medium {
  max-width: 320px !important;
}
.DateRangeInputPicker---text:focus,
.DateRangeInputPicker---password:focus,
.DateRangeInputPicker---textarea:focus,
.DateRangeInputPicker---dropdown_value:focus,
.DateRangeInputPicker---dropdown_value.DateRangeInputPicker---focus,
.DateRangeInputPicker---picker_value:focus,
.DateRangeInputPicker---picker_value.DateRangeInputPicker---focus,
.DateRangeInputPicker---date_picker2__control.DateRangeInputPicker---date_picker2__control--is-focused {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.DateRangeInputPicker---text:disabled,
.DateRangeInputPicker---password:disabled,
.DateRangeInputPicker---textarea:disabled,
.DateRangeInputPicker---textarea.DateRangeInputPicker---is_disabled,
.DateRangeInputPicker---dropdown_value.DateRangeInputPicker---is_disabled,
.DateRangeInputPicker---picker_value.DateRangeInputPicker---is_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  /* needed to prevent dropdown & picker from getting focus styling on click on IE */
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.DateRangeInputPicker---text:disabled,
.DateRangeInputPicker---password:disabled,
.DateRangeInputPicker---textarea:disabled,
.DateRangeInputPicker---textarea.DateRangeInputPicker---is_disabled,
.DateRangeInputPicker---dropdown_value.DateRangeInputPicker---is_disabled:after,
.DateRangeInputPicker---dropdown_value.DateRangeInputPicker---is_disabled:not(.DateRangeInputPicker---placeholder) {
  color: var(--appian-disabled-text-color, #777) !important;
  -webkit-text-fill-color: var(--appian-disabled-text-color, #777) !important;
  /* needed so disabled text color is correct in Safari */
}
.DateRangeInputPicker---picker_value.DateRangeInputPicker---is_disabled {
  cursor: default !important;
  /* needed to prevent text cursor */
}
.DateRangeInputPicker---text[aria-invalid="true"]:not(.DateRangeInputPicker---inEditableGridLayout),
.DateRangeInputPicker---password[aria-invalid="true"]:not(.DateRangeInputPicker---inEditableGridLayout),
.DateRangeInputPicker---textarea[aria-invalid="true"]:not(.DateRangeInputPicker---inEditableGridLayout),
.DateRangeInputPicker---dropdown_value[aria-invalid="true"]:not(.DateRangeInputPicker---inEditableGridLayout),
.DateRangeInputPicker---picker_value.DateRangeInputPicker---invalid:not(.DateRangeInputPicker---inEditableGridLayout) {
  border-color: #de0037 !important;
}
.DateRangeInputPicker---text[aria-invalid="true"]:not(.DateRangeInputPicker---inEditableGridLayout).DateRangeInputPicker---inDarkBackground,
.DateRangeInputPicker---password[aria-invalid="true"]:not(.DateRangeInputPicker---inEditableGridLayout).DateRangeInputPicker---inDarkBackground,
.DateRangeInputPicker---textarea[aria-invalid="true"]:not(.DateRangeInputPicker---inEditableGridLayout).DateRangeInputPicker---inDarkBackground,
.DateRangeInputPicker---dropdown_value[aria-invalid="true"]:not(.DateRangeInputPicker---inEditableGridLayout).DateRangeInputPicker---inDarkBackground,
.DateRangeInputPicker---picker_value.DateRangeInputPicker---invalid:not(.DateRangeInputPicker---inEditableGridLayout).DateRangeInputPicker---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.DateRangeInputPicker---text[aria-invalid="true"]:not(.DateRangeInputPicker---inEditableGridLayout):focus,
.DateRangeInputPicker---password[aria-invalid="true"]:not(.DateRangeInputPicker---inEditableGridLayout):focus,
.DateRangeInputPicker---textarea[aria-invalid="true"]:not(.DateRangeInputPicker---inEditableGridLayout):focus,
.DateRangeInputPicker---dropdown_value[aria-invalid="true"]:not(.DateRangeInputPicker---inEditableGridLayout):focus,
.DateRangeInputPicker---picker_value.DateRangeInputPicker---invalid:not(.DateRangeInputPicker---inEditableGridLayout):focus,
.DateRangeInputPicker---picker_value.DateRangeInputPicker---invalid:not(.DateRangeInputPicker---inEditableGridLayout).DateRangeInputPicker---focus {
  border-color: #1d659c !important;
}
.DateRangeInputPicker---picker_value.DateRangeInputPicker---invalid:not(.DateRangeInputPicker---inEditableGridLayout),
.DateRangeInputPicker---picker_value.DateRangeInputPicker---invalid:not(.DateRangeInputPicker---inEditableGridLayout):focus,
.DateRangeInputPicker---picker_value.DateRangeInputPicker---invalid:not(.DateRangeInputPicker---inEditableGridLayout).DateRangeInputPicker---focus {
  z-index: 2 !important;
}
.DateRangeInputPicker---text[aria-invalid="true"].DateRangeInputPicker---inEditableGridLayout.DateRangeInputPicker---inSideBySideItem,
.DateRangeInputPicker---text[aria-invalid="true"].DateRangeInputPicker---inEditableGridLayout.DateRangeInputPicker---inSideBySideItem:focus,
.DateRangeInputPicker---password[aria-invalid="true"].DateRangeInputPicker---inEditableGridLayout.DateRangeInputPicker---inSideBySideItem,
.DateRangeInputPicker---password[aria-invalid="true"].DateRangeInputPicker---inEditableGridLayout.DateRangeInputPicker---inSideBySideItem:focus,
.DateRangeInputPicker---dropdown_value[aria-invalid="true"].DateRangeInputPicker---inEditableGridLayout.DateRangeInputPicker---inSideBySideItem,
.DateRangeInputPicker---dropdown_value[aria-invalid="true"].DateRangeInputPicker---inEditableGridLayout.DateRangeInputPicker---inSideBySideItem:focus,
.DateRangeInputPicker---picker_value.DateRangeInputPicker---invalid.DateRangeInputPicker---inEditableGridLayout.DateRangeInputPicker---inSideBySideItem,
.DateRangeInputPicker---picker_value.DateRangeInputPicker---invalid.DateRangeInputPicker---inEditableGridLayout.DateRangeInputPicker---inSideBySideItem:focus,
.DateRangeInputPicker---picker_value.DateRangeInputPicker---invalid.DateRangeInputPicker---inEditableGridLayout.DateRangeInputPicker---inSideBySideItem.DateRangeInputPicker---focus {
  border: 1px solid transparent !important;
}
.DateRangeInputPicker---invalidInSideBySide,
.DateRangeInputPicker---invalidInSideBySide:focus {
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.DateRangeInputPicker---invalidInSideBySide.DateRangeInputPicker---inDarkBackground,
.DateRangeInputPicker---invalidInSideBySide:focus.DateRangeInputPicker---inDarkBackground {
  border-left-color: var(--appian-input-border-color, #ddd) !important;
  border-right-color: var(--appian-input-border-color, #ddd) !important;
}
.DateRangeInputPicker---textarea[aria-invalid="true"].DateRangeInputPicker---inEditableGridLayout.DateRangeInputPicker---inSideBySideItem,
.DateRangeInputPicker---textarea[aria-invalid="true"].DateRangeInputPicker---inEditableGridLayout.DateRangeInputPicker---inSideBySideItem:focus {
  border-color: #de0037 !important;
}
.DateRangeInputPicker---textarea[aria-invalid="true"].DateRangeInputPicker---inEditableGridLayout.DateRangeInputPicker---inSideBySideItem.DateRangeInputPicker---inDarkBackground,
.DateRangeInputPicker---textarea[aria-invalid="true"].DateRangeInputPicker---inEditableGridLayout.DateRangeInputPicker---inSideBySideItem.DateRangeInputPicker---inDarkBackground:focus {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.DateRangeInputPicker---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.DateRangeInputPicker---show_data_icon .DateRangeInputPicker---text,
.DateRangeInputPicker---show_data_icon .DateRangeInputPicker---password,
.DateRangeInputPicker---show_data_icon .DateRangeInputPicker---textarea,
.DateRangeInputPicker---show_data_icon .DateRangeInputPicker---dropdown_value {
  padding-left: 1.7857rem !important;
}
.DateRangeInputPicker---text.DateRangeInputPicker---has_clear_link,
.DateRangeInputPicker---password.DateRangeInputPicker---has_clear_link {
  padding-right: 1.5714rem !important;
}
.DateRangeInputPicker---character_count {
  position: absolute !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 300 !important;
  right: 0 !important;
  bottom: 0 !important;
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  pointer-events: none !important;
}
.DateRangeInputPicker---character_count.DateRangeInputPicker---over_limit:not(.DateRangeInputPicker---inDarkBackground) {
  color: #de0037 !important;
  fill: #de0037 !important;
}
.DateRangeInputPicker---character_count.DateRangeInputPicker---over_limit.DateRangeInputPicker---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.DateRangeInputPicker---character_count .DateRangeInputPicker---icon_container {
  outline: none !important;
  margin-right: 3px !important;
  margin-bottom: -2px !important;
}
.DateRangeInputPicker---character_count .DateRangeInputPicker---icon_container > svg {
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
.DateRangeInputPicker---character_count_overlay {
  background-color: var(--appian-input-background-color-faded, #fffd) !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 0.7143rem 0.5714rem 0 !important;
  z-index: 3 !important;
}
.appian-context-os-windows .DateRangeInputPicker---character_count_overlay {
  margin: 0 1.2857rem 0.5714rem 0 !important;
}
.DateRangeInputPicker---textarea:disabled + .DateRangeInputPicker---character_count_overlay,
.DateRangeInputPicker---character_count_overlay_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.DateRangeInputPicker---data_icon {
  position: absolute !important;
  top: 0.7143rem !important;
  left: 0.5714rem !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  fill: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
a.DateRangeInputPicker---input_clear_link {
  border: none !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.DateRangeInputPicker---input_icon_wrapper > a.DateRangeInputPicker---input_clear_link {
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.9286rem !important;
}
.appian-context-browser-edge .DateRangeInputPicker---input_icon_wrapper > a.DateRangeInputPicker---input_clear_link {
  top: 0.5rem !important;
}
.DateRangeInputPicker---dropdown_value a.DateRangeInputPicker---input_clear_link {
  position: absolute !important;
  right: 1.4286rem !important;
  top: 0.5714rem !important;
}
.appian-context-os-mac.appian-context-browser-chrome .DateRangeInputPicker---dropdown_value a.DateRangeInputPicker---input_clear_link {
  top: 0.5rem !important;
}
a.DateRangeInputPicker---input_clear_link:hover,
a.DateRangeInputPicker---input_clear_link:focus:not([data-appian-ux-mouse-focus]) {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.DateRangeInputPicker---dropdown .DateRangeInputPicker---dropdown_value.DateRangeInputPicker---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.DateRangeInputPicker---dropdown_value.DateRangeInputPicker---has_inline_label span.DateRangeInputPicker---inline_label,
.DateRangeInputPicker---date_range_value.DateRangeInputPicker---has_inline_label span.DateRangeInputPicker---inline_label {
  display: inline-block !important;
  max-width: 70% !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.7857rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.1429rem !important;
  vertical-align: -0.2143rem !important;
  margin-right: 0.5rem !important;
  padding-right: 0.5rem !important;
  border-right: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.DateRangeInputPicker---dropdown_value.DateRangeInputPicker---has_inline_label.DateRangeInputPicker---inDarkBackground span.DateRangeInputPicker---inline_label,
.DateRangeInputPicker---date_range_value.DateRangeInputPicker---has_inline_label.DateRangeInputPicker---inDarkBackground span.DateRangeInputPicker---inline_label {
  border-right-color: var(--appian-choice-border-color, #bbb) !important;
}
.appian-context-browser-safari .DateRangeInputPicker---dropdown_value.DateRangeInputPicker---has_inline_label span.DateRangeInputPicker---inline_label,
.appian-context-browser-safari .DateRangeInputPicker---date_range_value.DateRangeInputPicker---has_inline_label span.DateRangeInputPicker---inline_label {
  vertical-align: inherit !important;
}
.DateRangeInputPicker---dropdown_value.DateRangeInputPicker---has_inline_label.DateRangeInputPicker---highlighted span.DateRangeInputPicker---value_display,
.DateRangeInputPicker---date_range_value.DateRangeInputPicker---has_inline_label.DateRangeInputPicker---highlighted span.DateRangeInputPicker---value_display {
  font-weight: 700 !important;
}
.DateRangeInputPicker---dropdown_value.DateRangeInputPicker---has_inline_label a.DateRangeInputPicker---input_clear_link,
.DateRangeInputPicker---date_range_value.DateRangeInputPicker---has_inline_label a.DateRangeInputPicker---input_clear_link {
  display: none !important;
  position: absolute !important;
  right: 1.5714rem !important;
  top: 0.5714rem !important;
}
.DateRangeInputPicker---dropdown_value.DateRangeInputPicker---has_inline_label.DateRangeInputPicker---highlighted a.DateRangeInputPicker---input_clear_link,
.DateRangeInputPicker---date_range_value.DateRangeInputPicker---has_inline_label.DateRangeInputPicker---highlighted a.DateRangeInputPicker---input_clear_link {
  display: inline-block !important;
}
.DateRangeInputPicker---date_range_value.DateRangeInputPicker---has_inline_label.DateRangeInputPicker---validation:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.DateRangeInputPicker---date_range_value.DateRangeInputPicker---has_inline_label.DateRangeInputPicker---validation:before {
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.DateRangeInputPicker---date_range_value.DateRangeInputPicker---has_inline_label.DateRangeInputPicker---validation.DateRangeInputPicker---inDarkBackground:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.DateRangeInputPicker---number_range_input.DateRangeInputPicker---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.DateRangeInputPicker---date_range_value.DateRangeInputPicker---has_inline_label.DateRangeInputPicker---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
}
.DateRangeInputPicker---date_range_value.DateRangeInputPicker---has_inline_label.DateRangeInputPicker---validation.DateRangeInputPicker---inDarkBackground:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.DateRangeInputPicker---number_range_input.DateRangeInputPicker---validation,
.DateRangeInputPicker---date_range_value.DateRangeInputPicker---has_inline_label.DateRangeInputPicker---validation {
  position: relative !important;
  border-color: transparent !important;
}
div.DateRangeInputPicker---date_picker_wrapper {
  border: none !important;
  padding-top: 6px !important;
}
@media only screen and (max-width: 350px), screen and (max-height: 667px) and (max-width: 1024px), screen and (max-height: 375px) {
  .appian-context-ux-responsive div.DateRangeInputPicker---date_picker_wrapper {
    display: none !important;
  }
}
.DateRangeInputPicker---focus_style {
  border-color: #1d659c !important;
}
.DateRangeInputPicker---date_range_value input.DateRangeInputPicker---date_range_input {
  border: none !important;
  outline: none !important;
  width: auto !important;
  display: inline-block !important;
  background-color: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
          flex-grow: 1 !important;
}
.DateRangeInputPicker---date_range_value {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  outline: none !important;
  cursor: default !important;
  padding-top: 0 !important;
  /* top and bottom padding needed to override double padding correcly in IE */
  padding-bottom: 0 !important;
  white-space: nowrap !important;
}
.DateRangeInputPicker---date_picker_wrapper div > table {
  margin: auto !important;
  width: 100% !important;
}

.DesignPaneLayout---designPaneLayout {
  height: 100% !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.DesignViewAccordionLayout---design_view_accordion_layout {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  height: 100% !important;
  width: 100% !important;
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
      -ms-user-select: text !important;
          user-select: text !important;
  position: absolute !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.DesignViewAccordionLayout---design_view_accordion_layout > .DesignViewAccordionLayout---pane,
.DesignViewAccordionLayout---design_view_accordion_layout > .DesignViewAccordionLayout---separator {
  width: 100% !important;
}
.DesignViewAccordionLayout---pane {
  position: relative !important;
  overflow: hidden !important;
  background-color: #fff !important;
}
.DesignViewAccordionLayout---pane.DesignViewAccordionLayout---transparent_background {
  background-color: transparent !important;
}
.DesignViewAccordionLayout---upper_pane,
.DesignViewAccordionLayout---separator {
  -webkit-box-flex: 0 !important;
  -webkit-flex: none !important;
          flex: none !important;
}
.DesignViewAccordionLayout---pane_animation {
  -webkit-transition: all 0.5s ease !important;
  transition: all 0.5s ease !important;
}
/*
  Flex was added to the bottom pane to fix a bug in Safari wherein a bottom
  pane's contents would get a height of 0 if they did not have an explicitly
  defined height.
*/
.DesignViewAccordionLayout---design_view_accordion_layout > .DesignViewAccordionLayout---bottom_pane {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
}
.DesignViewAccordionLayout---design_view_accordion_layout > .DesignViewAccordionLayout---pane > .DesignViewAccordionLayout---contents {
  -webkit-transition: all 0.5s ease !important;
  transition: all 0.5s ease !important;
  width: 100% !important;
  height: 100% !important;
  overflow: auto !important;
}
.DesignViewAccordionLayout---design_view_accordion_layout > .DesignViewAccordionLayout---pane.DesignViewAccordionLayout---turn_off_scrolling > .DesignViewAccordionLayout---contents > div > div {
  overflow-y: hidden !important;
}
.DesignViewAccordionLayout---separator {
  background-color: #e4e4ec !important;
}
.DesignViewAccordionLayout---separator.DesignViewAccordionLayout---resizable_cursor {
  cursor: ns-resize !important;
}
.DesignViewAccordionLayout---separator.DesignViewAccordionLayout---resizable_cursor:hover {
  background-color: #c5cbd4 !important;
}
.DesignViewAccordionLayout---separator {
  height: 4px !important;
}
.DesignViewAccordionLayout---header {
  background-color: #f3f3fd !important;
  border-bottom: 1px solid #e4e4ec !important;
  margin: 0 !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
          justify-content: space-between !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  padding: 0 !important;
  height: 2.1429rem !important;
  font-size: 0.9286rem !important;
  font-weight: 600 !important;
}
a.DesignViewAccordionLayout---label {
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
          flex-grow: 1 !important;
  font-size: 0.9286rem !important;
  line-height: 1.5714rem !important;
  color: #000 !important;
  word-wrap: break-word !important;
  padding: 0.2857rem 0.1429rem 0.2857rem 1.5714rem !important;
  position: relative !important;
  cursor: pointer !important;
}
a.DesignViewAccordionLayout---label:hover,
a.DesignViewAccordionLayout---label:focus:not(.appian-context-ux-mouse-focus),
a.DesignViewAccordionLayout---label:hover + a,
a.DesignViewAccordionLayout---label:focus:not(.appian-context-ux-mouse-focus) + a {
  text-decoration: none !important;
  background-color: #eae9f5 !important;
}
a.DesignViewAccordionLayout---label:active {
  color: #000 !important;
}
a.DesignViewAccordionLayout---label:before {
  content: "" !important;
  display: inline-block !important;
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%222048%22%20height%3D%222048%22%20viewBox%3D%220%200%202048%202048%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22m%201536,800%20q%200,26%20-19,45%20l%20-448,448%20q%20-19,19%20-45,19%20-25.99999,0%20-44.99999,-19%20l%20-448,-448%20q%20-19,-19%20-19,-45%200,-26%2019,-45%2019,-19%2045,-19%20H%201472%20q%2026,0%2045,19%2019,19%2019,45%20z%22/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 1.1429rem 1.1429rem !important;
  width: 1.1429rem !important;
  height: 1.1429rem !important;
  position: absolute !important;
  top: 0.5rem !important;
  left: 0.2857rem !important;
  -webkit-transition: 0.3s ease-in-out !important;
  transition: 0.3s ease-in-out !important;
}
.appian-context-browser-edge a.DesignViewAccordionLayout---label:before {
  background-size: 2rem 2rem !important;
  width: 2rem !important;
  height: 2rem !important;
  -webkit-transform: scale(0.5) !important;
          transform: scale(0.5) !important;
  margin: -0.5rem 0 0 -0.4286rem !important;
}
a.DesignViewAccordionLayout---label.DesignViewAccordionLayout---collapsed:before {
  -webkit-transform: rotate(-90deg) !important;
          transform: rotate(-90deg) !important;
}
.appian-context-browser-edge a.DesignViewAccordionLayout---label.DesignViewAccordionLayout---collapsed:before {
  -webkit-transform: rotate(-90deg) scale(0.5) !important;
          transform: rotate(-90deg) scale(0.5) !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.DesignViewEntryContainer---designViewEntryContainer {
  position: relative !important;
  padding: 7px 8px !important;
  box-sizing: border-box !important;
}
.DesignViewEntryContainer---designViewEntryContainer.DesignViewEntryContainer---flush,
.DesignViewEntryContainer---designViewEntryContainer.DesignViewEntryContainer---chartSort {
  padding: 0 !important;
}
.DesignViewEntryContainer---designViewEntryContainer:not(:last-child) {
  border-bottom: 1px solid #eee !important;
}
.DesignViewEntryContainer---designViewEntryContainer.DesignViewEntryContainer---flushNoBorder {
  padding: 0 !important;
  border-bottom: 0 !important;
}
.DesignViewEntryContainer---designViewEntryContainer.DesignViewEntryContainer---flushNoBorder:not(:last-child) {
  margin-bottom: -5px !important;
}
.DesignViewEntryContainer---designViewEntryContainer .DesignViewEntryContainer---actionToolbar {
  border-radius: 0 0 3px 3px !important;
  position: relative !important;
  right: -3px !important;
  display: inline-block !important;
}
.DesignViewEntryContainer---designViewEntryContainer .DesignViewEntryContainer---actionToolbar p a {
  opacity: 0.6 !important;
  padding: 0 2px 0 2px !important;
  border-bottom: 0 !important;
}
.DesignViewEntryContainer---designViewEntryContainer .DesignViewEntryContainer---actionToolbar p a:hover,
.DesignViewEntryContainer---designViewEntryContainer .DesignViewEntryContainer---actionToolbar p a:focus:not(.appian-context-ux-mouse-focus) {
  opacity: 1 !important;
  outline: 0 !important;
  border-bottom: 0 !important;
}
.appian-context-browser-edge .DesignViewEntryContainer---designViewEntryContainer .DesignViewEntryContainer---actionToolbar p a:focus:not(.appian-context-ux-mouse-focus),
.appian-context-browser-edge .DesignViewEntryContainer---designViewEntryContainer .DesignViewEntryContainer---actionToolbar p a:hover {
  outline: none !important;
  border-color: transparent !important;
}
.DesignViewEntryContainer---designViewEntryContainer.DesignViewEntryContainer---hasActionToolbar {
  padding-right: 2px !important;
}
.DesignViewEntryContainer---designViewEntryContainer.DesignViewEntryContainer---hasActionToolbar > div {
  display: inline-block !important;
  width: calc(100% - 16px) !important;
}
.DesignViewEntryContainer---designViewEntryContainer.DesignViewEntryContainer---chartSort.DesignViewEntryContainer---hasActionToolbar > div {
  display: block !important;
  width: 100% !important;
}
.DesignViewEntryContainer---designViewEntryContainer.DesignViewEntryContainer---chartSort.DesignViewEntryContainer---hasActionToolbar > div > div {
  width: 99% !important;
}
.DesignViewEntryContainer---designViewEntryContainer.DesignViewEntryContainer---hasActionToolbar > span.DesignViewEntryContainer---actionToolbarWrapper {
  border: 1px solid transparent !important;
  margin-left: 4px !important;
  position: absolute !important;
  top: 3px !important;
  right: 2px !important;
  height: 28px !important;
  padding: 3px 0 !important;
  background-color: #fff !important;
  opacity: 0.5 !important;
  -webkit-transition: 0.3s opacity !important;
  transition: 0.3s opacity !important;
}
.DesignViewEntryContainer---designViewEntryContainer.DesignViewEntryContainer---hasActionToolbar > span.DesignViewEntryContainer---actionToolbarWrapper.DesignViewEntryContainer---toolbarIsOpen {
  border-color: #ccc !important;
  opacity: 1 !important;
  background-color: #f8f8f8 !important;
}
.DesignViewEntryContainer---designViewEntryContainer.DesignViewEntryContainer---flushNoBorder.DesignViewEntryContainer---hasActionToolbar > span.DesignViewEntryContainer---actionToolbarWrapper {
  top: calc(50% - 16px) !important;
}
.DesignViewEntryContainer---designViewEntryContainer.DesignViewEntryContainer---chartSort.DesignViewEntryContainer---hasActionToolbar > span.DesignViewEntryContainer---actionToolbarWrapper {
  top: 4px !important;
}
.DesignViewEntryContainer---designViewEntryContainer.DesignViewEntryContainer---hasActionToolbar svg {
  width: 14px !important;
  height: 14px !important;
  vertical-align: -2px !important;
}
.DesignViewEntryContainer---designViewEntryContainer.DesignViewEntryContainer---hasActionToolbar > span.DesignViewEntryContainer---actionToolbarWrapper > svg {
  fill: #555 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.DesignViewEntryContainerNavLinkWrapper---gwt_drillable {
  position: relative !important;
}
.DesignViewEntryContainerNavLinkWrapper---gwt_drillable:before {
  content: "" !important;
  position: absolute !important;
  left: calc(100% - 9px) !important;
  right: -2px !important;
  top: 0 !important;
  bottom: 0 !important;
}
.DesignViewEntryContainerNavLinkWrapper---gwt_drillable > i {
  color: #1d659c !important;
  position: relative !important;
  top: 1px !important;
  margin-left: 3px !important;
  pointer-events: none !important;
}
.DesignViewEntryContainerNavLinkWrapper---gwt_drillable:active > i {
  color: #154971 !important;
}
.DesignViewEntryContainerNavLinkWrapper---sort_icon {
  display: inline-block !important;
  margin-right: 3px !important;
  color: #888 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
img.DocumentImage---image {
  max-width: 100% !important;
}
/* needed to prevent browser focus on selectable tooltips */
img.DocumentImage---image:focus {
  outline: none !important;
}
img.DocumentImage---image.DocumentImage---icon {
  max-width: 20px !important;
  max-height: 20px !important;
  vertical-align: middle !important;
}
img.DocumentImage---image.DocumentImage---icon_plus {
  max-width: 40px !important;
  max-height: 40px !important;
  vertical-align: middle !important;
}
img.DocumentImage---image.DocumentImage---icon.DocumentImage---inImageWrapper {
  /* rich text image */
  margin-right: 3px !important;
  width: 20px !important;
  vertical-align: text-top !important;
  display: inline-block !important;
}
img.DocumentImage---image.DocumentImage---icon.DocumentImage---inMenuItem {
  margin-right: 0.4286rem !important;
}
img.DocumentImage---image.DocumentImage---tiny {
  max-height: 120px !important;
  max-width: 60px !important;
}
img.DocumentImage---image.DocumentImage---extra_small {
  max-height: 160px !important;
  max-width: 80px !important;
}
img.DocumentImage---image.DocumentImage---small {
  max-height: 200px !important;
  max-width: 100px !important;
}
img.DocumentImage---image.DocumentImage---small_plus {
  max-height: 300px !important;
  max-width: 150px !important;
}
img.DocumentImage---image.DocumentImage---medium {
  max-height: 400px !important;
  max-width: 200px !important;
}
img.DocumentImage---image.DocumentImage---medium_plus {
  max-height: 500px !important;
  max-width: 300px !important;
}
img.DocumentImage---image.DocumentImage---large {
  max-height: 600px !important;
  max-width: 400px !important;
}
img.DocumentImage---image.DocumentImage---large_plus {
  max-height: 800px !important;
  max-width: 600px !important;
}
img.DocumentImage---image.DocumentImage---extra_large {
  max-height: 1000px !important;
  max-width: 800px !important;
}
img.DocumentImage---image.DocumentImage---gallery {
  max-height: 80px !important;
  max-width: 270px !important;
}
img.DocumentImage---image.DocumentImage---newsicon {
  max-height: 54px !important;
  max-width: 54px !important;
}
img.DocumentImage---image.DocumentImage---news_large {
  max-height: 700px !important;
  max-width: 100% !important;
}
img.DocumentImage---image.DocumentImage---comment_author {
  max-height: 34px !important;
  max-width: 34px !important;
}
a > img.DocumentImage---image {
  display: block !important;
  /* needed to get rid of unexplained white space above/below images */
}
a.DocumentImage---image_link,
a.DocumentImage---image_link:focus,
a.DocumentImage---image_link:hover,
a.DocumentImage---thumbnail {
  display: inline-block !important;
  border: none !important;
}
a.DocumentImage---image_link.DocumentImage---inImageGroup,
a.DocumentImage---thumbnail.DocumentImage---inImageGroup {
  max-width: 100% !important;
  /* needed so standard (non-avatar) images with links or thumbnail behavior size correctly on IE11 */
}
.appian-context-browser-edge a.DocumentImage---image_link,
.appian-context-browser-edge a.DocumentImage---image_link:focus,
.appian-context-browser-edge a.DocumentImage---image_link:hover,
.appian-context-browser-edge a.DocumentImage---thumbnail {
  border: 1px solid transparent !important;
}
.appian-context-browser-edge a.DocumentImage---thumbnail.DocumentImage---inNewsEntryLayout {
  border: none !important;
}
a.DocumentImage---thumbnail > img.DocumentImage---image {
  border: 6px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
a.DocumentImage---thumbnail > img.DocumentImage---image.DocumentImage---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
a.DocumentImage---thumbnail > img.DocumentImage---image.DocumentImage---inNewsEntryLayout {
  border: none !important;
}
a.DocumentImage---thumbnail > img.DocumentImage---image.DocumentImage---small_plus,
a.DocumentImage---thumbnail > img.DocumentImage---image.DocumentImage---small,
a.DocumentImage---thumbnail > img.DocumentImage---image.DocumentImage---extra_small,
a.DocumentImage---thumbnail > img.DocumentImage---image.DocumentImage---tiny,
a.DocumentImage---thumbnail > img.DocumentImage---image.DocumentImage---gallery,
a.DocumentImage---thumbnail > img.DocumentImage---image.DocumentImage---icon_plus,
a.DocumentImage---thumbnail > img.DocumentImage---image.DocumentImage---icon {
  border-width: 3px !important;
}
a.DocumentImage---thumbnail > img.DocumentImage---image.DocumentImage---gallery.DocumentImage---inNewsEntryLayout {
  border: none !important;
}
a.DocumentImage---image_link:focus:not(.appian-context-ux-mouse-focus),
a.DocumentImage---image_link:hover,
a.DocumentImage---thumbnail:focus:not(.appian-context-ux-mouse-focus),
a.DocumentImage---thumbnail:hover {
  outline: 2px solid #1d659c !important;
  outline-offset: -2px !important;
}
a.DocumentImage---image_link.DocumentImage---inAccentBackground:focus:not(.appian-context-ux-mouse-focus),
a.DocumentImage---image_link.DocumentImage---inAccentBackground:hover,
a.DocumentImage---thumbnail.DocumentImage---inAccentBackground:focus:not(.appian-context-ux-mouse-focus),
a.DocumentImage---thumbnail.DocumentImage---inAccentBackground:hover {
  outline: 2px solid #fff !important;
  outline-offset: -2px !important;
}
.appian-context-browser-edge a.DocumentImage---image_link:focus:not(.appian-context-ux-mouse-focus),
.appian-context-browser-edge a.DocumentImage---image_link:hover,
.appian-context-browser-edge a.DocumentImage---thumbnail:focus:not(.appian-context-ux-mouse-focus),
.appian-context-browser-edge a.DocumentImage---thumbnail:hover {
  outline: none !important;
  border-color: #1d659c !important;
}
.appian-context-browser-edge a.DocumentImage---thumbnail.DocumentImage---inNewsEntryLayout:focus:not(.appian-context-ux-mouse-focus),
.appian-context-browser-edge a.DocumentImage---thumbnail.DocumentImage---inNewsEntryLayout:hover {
  outline: 1px solid #1d659c !important;
}
a.DocumentImage---avatar_image {
  display: inline-block !important;
  font-size: 0 !important;
  text-align: center !important;
  overflow: hidden !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  -moz-osx-font-smoothing: grayscale !important;
  cursor: default !important;
}
a.DocumentImage---avatar_image.DocumentImage---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
a.DocumentImage---avatar_image.DocumentImage---user_image {
  border-width: 0px !important;
}
a.DocumentImage---inCardLayoutClickable {
  cursor: pointer !important;
}
a.DocumentImage---avatar_image:hover,
a.DocumentImage---avatar_image:focus,
a.DocumentImage---avatar_image:active {
  border-color: var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
a.DocumentImage---avatar_image:hover.DocumentImage---inDarkBackground,
a.DocumentImage---avatar_image:focus.DocumentImage---inDarkBackground,
a.DocumentImage---avatar_image:active.DocumentImage---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
a[href].DocumentImage---avatar_image:hover,
a[href].DocumentImage---avatar_image:focus:not(.appian-context-ux-mouse-focus) {
  border-color: #1d659c !important;
  cursor: pointer !important;
}
a[href].DocumentImage---avatar_image.DocumentImage---inAccentBackground:hover,
a[href].DocumentImage---avatar_image.DocumentImage---inAccentBackground:focus:not(.appian-context-ux-mouse-focus) {
  border-color: #fff !important;
}
a.DocumentImage---avatar_image > span {
  display: inline-block !important;
  height: 100% !important;
  width: 100% !important;
  background-size: cover !important;
  background-position: center center !important;
}
div.DocumentImage---avatar_fit_container {
  position: relative !important;
  width: 100% !important;
}
div.DocumentImage---avatar_fit_container::before {
  content: "" !important;
  display: block !important;
  padding-top: 100% !important;
}
a.DocumentImage---avatar_image.DocumentImage---fit {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  border-radius: 50% !important;
  border-width: 3px !important;
}
a.DocumentImage---avatar_image.DocumentImage---icon {
  width: 26px !important;
  height: 26px !important;
  border-radius: 13px !important;
}
a.DocumentImage---avatar_image.DocumentImage---icon_plus {
  width: 32px !important;
  height: 32px !important;
  border-radius: 16px !important;
}
a.DocumentImage---avatar_image.DocumentImage---comment_author {
  width: 34px !important;
  height: 34px !important;
  border-radius: 17px !important;
}
a.DocumentImage---avatar_image.DocumentImage---tiny {
  width: 40px !important;
  height: 40px !important;
  border-radius: 20px !important;
}
a.DocumentImage---avatar_image.DocumentImage---extra_small {
  width: 50px !important;
  height: 50px !important;
  border-radius: 25px !important;
}
a.DocumentImage---avatar_image.DocumentImage---small {
  width: 60px !important;
  height: 60px !important;
  border-radius: 30px !important;
}
a.DocumentImage---avatar_image.DocumentImage---small_plus {
  width: 70px !important;
  height: 70px !important;
  border-radius: 35px !important;
}
a.DocumentImage---avatar_image.DocumentImage---medium {
  width: 85px !important;
  height: 85px !important;
  border-radius: 43px !important;
}
a.DocumentImage---avatar_image.DocumentImage---medium_plus {
  width: 110px !important;
  height: 110px !important;
  border-radius: 55px !important;
}
a.DocumentImage---avatar_image.DocumentImage---large {
  width: 140px !important;
  height: 140px !important;
  border-radius: 70px !important;
  border-width: 3px !important;
}
a.DocumentImage---avatar_image.DocumentImage---large_plus {
  width: 170px !important;
  height: 170px !important;
  border-radius: 85px !important;
  border-width: 3px !important;
}
a.DocumentImage---avatar_image.DocumentImage---extra_large {
  width: 200px !important;
  height: 200px !important;
  border-radius: 100px !important;
  border-width: 3px !important;
}
a.DocumentImage---avatar_image.DocumentImage---gallery {
  width: 80px !important;
  height: 80px !important;
  border-radius: 40px !important;
}
img.DocumentImage---logoPreview {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGUlEQVQImWNgQAInT578D8MMpEtQqB0JAACofzxVLqb1ggAAAABJRU5ErkJggg==) repeat !important;
}
.DocumentImage---pdf {
  border: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
}
.DocumentImage---pdf.DocumentImage---inDarkBackground {
  border-color: var(--appian-container-border-color, #d4d4d4) !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.DocumentViewerWidget---docviewer {
  width: 100% !important;
  border: none !important;
  height: 100% !important;
  overflow: auto !important;
  border: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
}
.DocumentViewerWidget---docviewer.DocumentViewerWidget---wrapper {
  position: relative !important;
  display: inline-block !important;
  overflow: visible !important;
}
.DocumentViewerWidget---docviewer.DocumentViewerWidget---wrapper.DocumentViewerWidget---disabled {
  overflow: hidden !important;
}
.DocumentViewerWidget---docviewer.DocumentViewerWidget---pointer_events {
  pointer-events: none !important;
}
.DocumentViewerWidget---disabledGlass {
  background-color: #fff !important;
  opacity: 0.75 !important;
  z-index: 2 !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  min-height: 100% !important;
}
.DocumentViewerWidget---height_short {
  height: 280px !important;
}
.DocumentViewerWidget---height_medium {
  height: 490px !important;
}
.DocumentViewerWidget---height_tall {
  height: 840px !important;
}

.DropBackground---fillPage {
  position: fixed !important;
  height: 100% !important;
  width: 100% !important;
}

.DropdownWidget---wrapper {
  position: static !important;
}
.DropdownWidget---tether_dropdown,
.DropdownWidget---date_picker2__menu {
  z-index: 2000020 !important;
}
.DropdownWidget---dropdown {
  min-width: 3.2142rem !important;
  /* needed so dropdown icon doesn't overlap text when very narrow (AN-77265) */
}
.appian-context-browser-firefox .DropdownWidget---dropdown:not(.DropdownWidget---multi) {
  min-width: 4.0714rem !important;
}
.DropdownWidget---dropdown .DropdownWidget---dropdown_value {
  padding-right: 1.5714rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  cursor: default !important;
}
.DropdownWidget---dropdown .DropdownWidget---preview_interface_locale_dropdown_value {
  padding-right: 1.5714rem !important;
  padding-left: 0.5714rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  cursor: default !important;
  line-height: 2.06rem !important;
  font-size: 1rem !important;
}
ul.DropdownWidget---dropdown_list.DropdownWidget---no_top_border {
  border-top-width: 0 !important;
}
.DropdownWidget---dropdown.DropdownWidget---time_picker .DropdownWidget---dropdown_value {
  cursor: text !important;
  padding-right: 0.5714rem !important;
  text-overflow: clip !important;
  /* needed for consistency so both date and time inputs truncate text without ellipsis */
}
.DropdownWidget---dropdown.DropdownWidget---time_picker .DropdownWidget---dropdown_value.DropdownWidget---is_disabled {
  cursor: default !important;
}
.DropdownWidget---dropdown .DropdownWidget---dropdown_caret,
.DropdownWidget---date_picker2__control .DropdownWidget---dropdown_caret {
  display: inline-block !important;
  width: 1rem !important;
  height: 1rem !important;
  position: absolute !important;
  right: 0.3rem !important;
  top: calc(50% - 0.5rem) !important;
  fill: var(--appian-text-color, #222) !important;
}
.DropdownWidget---dropdown .DropdownWidget---dropdown_value.DropdownWidget---is_disabled .DropdownWidget---dropdown_caret {
  fill: var(--appian-disabled-text-color, #777) !important;
}
.DropdownWidget---dropdown_list li,
.DropdownWidget---date_picker2__option {
  padding: 0.3571rem 0.5714rem 0.3571rem 0 !important;
  text-indent: 0.5714rem !important;
  /* needed so italicised text (placeholder) doesn't appear cut off */
}
/* placeholder for single-select dropdown */
/* repeated class name is a specificity hack to work around listbox color styling */
.DropdownWidget---dropdown_value.DropdownWidget---placeholder,
.DropdownWidget---dropdown_list.DropdownWidget---dropdown_list li.DropdownWidget---placeholder > div {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.DropdownWidget---dropdown_list li[aria-selected="true"].DropdownWidget---placeholder > div {
  color: #fff !important;
}
/* placeholder for multi-select dropdown */
.DropdownWidget---dropdown_value .DropdownWidget---value_display:empty:before {
  content: attr(data-placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.DropdownWidget---dropdown_value.DropdownWidget---has_inline_label .DropdownWidget---value_display:empty:before {
  display: inline !important;
}
/* repeated class name is a specificity hack to work around listbox max-height styling */
.DropdownWidget---dropdown_list.DropdownWidget---dropdown_list {
  max-height: 24.2857rem !important;
  /* displays 11 items + partial item */
}
.DropdownWidget---dropdown_list li[aria-selected="true"],
.DropdownWidget---dropdown_list li[aria-selected="true"]:before,
.DropdownWidget---dropdown_list li[aria-selected="true"] > div,
.DropdownWidget---date_picker2__menu .DropdownWidget---date_picker2__option.DropdownWidget---date_picker2__option--is-selected {
  background-color: #1d659c !important;
  color: #fff !important;
}
.DropdownWidget---search_box_wrapper {
  background-color: var(--appian-pop-up-menu-color, #fff) !important;
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-top-left-radius: 0rem !important;
  border-top-right-radius: 0rem !important;
  font-size: 0 !important;
  padding: 3px !important;
}
/* AN-79558: For some reason, the quoted font families are not processed the same way in LESS when they're used inside a
  detached ruleset (@shared-input-styles, here), and our theming extractor ends up not picking them. Moving the font-family
  declaration out of it addresses this. */
.DropdownWidget---text,
.DropdownWidget---password,
.DropdownWidget---textarea,
.DropdownWidget---textarea_print,
.DropdownWidget---dropdown_value,
.DropdownWidget---picker_value,
.DropdownWidget---date_range_value {
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
}
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.DropdownWidget---align_start {
  text-align: left !important;
}
.DropdownWidget---align_end {
  text-align: right !important;
}
.DropdownWidget---center {
  text-align: center !important;
}
.DropdownWidget---text::-ms-clear,
.DropdownWidget---picker_input::-ms-clear {
  display: none !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.DropdownWidget---text::-webkit-input-placeholder,
.DropdownWidget---password::-webkit-input-placeholder,
.DropdownWidget---picker_input::-webkit-input-placeholder,
.DropdownWidget---dropdown_value::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-style: italic !important;
  font-weight: 400 !important;
}
.DropdownWidget---text::-moz-placeholder,
.DropdownWidget---password::-moz-placeholder,
.DropdownWidget---picker_input::-moz-placeholder,
.DropdownWidget---dropdown_value::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.DropdownWidget---text:-ms-input-placeholder,
.DropdownWidget---password:-ms-input-placeholder,
.DropdownWidget---picker_input:-ms-input-placeholder,
.DropdownWidget---dropdown_value:-ms-input-placeholder,
.DropdownWidget---dropdown_value:disabled:-ms-input-placeholder,
.DropdownWidget---text:disabled:-ms-input-placeholder,
.DropdownWidget---password:disabled:-ms-input-placeholder,
.DropdownWidget---picker_input:disabled:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.DropdownWidget---textarea_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.DropdownWidget---text.DropdownWidget---has_clear_link,
.DropdownWidget---password.DropdownWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.DropdownWidget---text,
.DropdownWidget---password,
.DropdownWidget---textarea,
.DropdownWidget---textarea_print,
.DropdownWidget---dropdown_value,
.DropdownWidget---picker_value,
.DropdownWidget---date_range_value,
.DropdownWidget---date_picker2__control {
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  /* needs extra decimals for correct alignment in some browsers */
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  width: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
}
.DropdownWidget---text.DropdownWidget---inDarkBackground,
.DropdownWidget---password.DropdownWidget---inDarkBackground,
.DropdownWidget---textarea.DropdownWidget---inDarkBackground,
.DropdownWidget---textarea_print.DropdownWidget---inDarkBackground,
.DropdownWidget---dropdown_value.DropdownWidget---inDarkBackground,
.DropdownWidget---picker_value.DropdownWidget---inDarkBackground,
.DropdownWidget---date_range_value.DropdownWidget---inDarkBackground,
.DropdownWidget---date_picker2__control.DropdownWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.DropdownWidget---dropdown,
.DropdownWidget---picker {
  position: relative !important;
  font-size: 1rem !important;
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}
.DropdownWidget---dropdown_value,
.DropdownWidget---picker_value {
  min-height: 2.4286rem !important;
}
.appian-context-browser-safari .DropdownWidget---text,
.appian-context-browser-safari .DropdownWidget---textarea {
  margin: 0 !important;
  /* needed to prevent 2px margin-top & margin-bottom on Safari */
}
.appian-context-os-ios .DropdownWidget---text,
.appian-context-os-ios .DropdownWidget---password,
.appian-context-os-ios .DropdownWidget---textarea,
.appian-context-os-ios .DropdownWidget---textarea_print,
.appian-context-os-ios .DropdownWidget---dropdown_value,
.appian-context-os-ios .DropdownWidget---picker_value {
  font-family: -apple-system !important;
}
.appian-context-os-android .DropdownWidget---text,
.appian-context-os-android .DropdownWidget---password,
.appian-context-os-android .DropdownWidget---textarea,
.appian-context-os-android .DropdownWidget---textarea_print,
.appian-context-os-android .DropdownWidget---dropdown_value,
.appian-context-os-android .DropdownWidget---picker_value {
  font-family: "Roboto" !important;
}
.DropdownWidget---text.DropdownWidget---width_narrow,
.DropdownWidget---password.DropdownWidget---width_narrow,
.DropdownWidget---textarea.DropdownWidget---width_narrow,
.DropdownWidget---textarea_print.DropdownWidget---width_narrow,
.DropdownWidget---dropdown.DropdownWidget---width_narrow,
.DropdownWidget---picker.DropdownWidget---width_narrow {
  max-width: 160px !important;
}
.DropdownWidget---text.DropdownWidget---width_medium,
.DropdownWidget---password.DropdownWidget---width_medium,
.DropdownWidget---textarea.DropdownWidget---width_medium,
.DropdownWidget---textarea_print.DropdownWidget---width_medium,
.DropdownWidget---dropdown.DropdownWidget---width_medium,
.DropdownWidget---picker.DropdownWidget---width_medium {
  max-width: 320px !important;
}
.DropdownWidget---text:focus,
.DropdownWidget---password:focus,
.DropdownWidget---textarea:focus,
.DropdownWidget---dropdown_value:focus,
.DropdownWidget---dropdown_value.DropdownWidget---focus,
.DropdownWidget---picker_value:focus,
.DropdownWidget---picker_value.DropdownWidget---focus,
.DropdownWidget---date_picker2__control.DropdownWidget---date_picker2__control--is-focused {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.DropdownWidget---text:disabled,
.DropdownWidget---password:disabled,
.DropdownWidget---textarea:disabled,
.DropdownWidget---textarea.DropdownWidget---is_disabled,
.DropdownWidget---dropdown_value.DropdownWidget---is_disabled,
.DropdownWidget---picker_value.DropdownWidget---is_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  /* needed to prevent dropdown & picker from getting focus styling on click on IE */
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.DropdownWidget---text:disabled,
.DropdownWidget---password:disabled,
.DropdownWidget---textarea:disabled,
.DropdownWidget---textarea.DropdownWidget---is_disabled,
.DropdownWidget---dropdown_value.DropdownWidget---is_disabled:after,
.DropdownWidget---dropdown_value.DropdownWidget---is_disabled:not(.DropdownWidget---placeholder) {
  color: var(--appian-disabled-text-color, #777) !important;
  -webkit-text-fill-color: var(--appian-disabled-text-color, #777) !important;
  /* needed so disabled text color is correct in Safari */
}
.DropdownWidget---picker_value.DropdownWidget---is_disabled {
  cursor: default !important;
  /* needed to prevent text cursor */
}
.DropdownWidget---text[aria-invalid="true"]:not(.DropdownWidget---inEditableGridLayout),
.DropdownWidget---password[aria-invalid="true"]:not(.DropdownWidget---inEditableGridLayout),
.DropdownWidget---textarea[aria-invalid="true"]:not(.DropdownWidget---inEditableGridLayout),
.DropdownWidget---dropdown_value[aria-invalid="true"]:not(.DropdownWidget---inEditableGridLayout),
.DropdownWidget---picker_value.DropdownWidget---invalid:not(.DropdownWidget---inEditableGridLayout) {
  border-color: #de0037 !important;
}
.DropdownWidget---text[aria-invalid="true"]:not(.DropdownWidget---inEditableGridLayout).DropdownWidget---inDarkBackground,
.DropdownWidget---password[aria-invalid="true"]:not(.DropdownWidget---inEditableGridLayout).DropdownWidget---inDarkBackground,
.DropdownWidget---textarea[aria-invalid="true"]:not(.DropdownWidget---inEditableGridLayout).DropdownWidget---inDarkBackground,
.DropdownWidget---dropdown_value[aria-invalid="true"]:not(.DropdownWidget---inEditableGridLayout).DropdownWidget---inDarkBackground,
.DropdownWidget---picker_value.DropdownWidget---invalid:not(.DropdownWidget---inEditableGridLayout).DropdownWidget---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.DropdownWidget---text[aria-invalid="true"]:not(.DropdownWidget---inEditableGridLayout):focus,
.DropdownWidget---password[aria-invalid="true"]:not(.DropdownWidget---inEditableGridLayout):focus,
.DropdownWidget---textarea[aria-invalid="true"]:not(.DropdownWidget---inEditableGridLayout):focus,
.DropdownWidget---dropdown_value[aria-invalid="true"]:not(.DropdownWidget---inEditableGridLayout):focus,
.DropdownWidget---picker_value.DropdownWidget---invalid:not(.DropdownWidget---inEditableGridLayout):focus,
.DropdownWidget---picker_value.DropdownWidget---invalid:not(.DropdownWidget---inEditableGridLayout).DropdownWidget---focus {
  border-color: #1d659c !important;
}
.DropdownWidget---picker_value.DropdownWidget---invalid:not(.DropdownWidget---inEditableGridLayout),
.DropdownWidget---picker_value.DropdownWidget---invalid:not(.DropdownWidget---inEditableGridLayout):focus,
.DropdownWidget---picker_value.DropdownWidget---invalid:not(.DropdownWidget---inEditableGridLayout).DropdownWidget---focus {
  z-index: 2 !important;
}
.DropdownWidget---text[aria-invalid="true"].DropdownWidget---inEditableGridLayout.DropdownWidget---inSideBySideItem,
.DropdownWidget---text[aria-invalid="true"].DropdownWidget---inEditableGridLayout.DropdownWidget---inSideBySideItem:focus,
.DropdownWidget---password[aria-invalid="true"].DropdownWidget---inEditableGridLayout.DropdownWidget---inSideBySideItem,
.DropdownWidget---password[aria-invalid="true"].DropdownWidget---inEditableGridLayout.DropdownWidget---inSideBySideItem:focus,
.DropdownWidget---dropdown_value[aria-invalid="true"].DropdownWidget---inEditableGridLayout.DropdownWidget---inSideBySideItem,
.DropdownWidget---dropdown_value[aria-invalid="true"].DropdownWidget---inEditableGridLayout.DropdownWidget---inSideBySideItem:focus,
.DropdownWidget---picker_value.DropdownWidget---invalid.DropdownWidget---inEditableGridLayout.DropdownWidget---inSideBySideItem,
.DropdownWidget---picker_value.DropdownWidget---invalid.DropdownWidget---inEditableGridLayout.DropdownWidget---inSideBySideItem:focus,
.DropdownWidget---picker_value.DropdownWidget---invalid.DropdownWidget---inEditableGridLayout.DropdownWidget---inSideBySideItem.DropdownWidget---focus {
  border: 1px solid transparent !important;
}
.DropdownWidget---invalidInSideBySide,
.DropdownWidget---invalidInSideBySide:focus {
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.DropdownWidget---invalidInSideBySide.DropdownWidget---inDarkBackground,
.DropdownWidget---invalidInSideBySide:focus.DropdownWidget---inDarkBackground {
  border-left-color: var(--appian-input-border-color, #ddd) !important;
  border-right-color: var(--appian-input-border-color, #ddd) !important;
}
.DropdownWidget---textarea[aria-invalid="true"].DropdownWidget---inEditableGridLayout.DropdownWidget---inSideBySideItem,
.DropdownWidget---textarea[aria-invalid="true"].DropdownWidget---inEditableGridLayout.DropdownWidget---inSideBySideItem:focus {
  border-color: #de0037 !important;
}
.DropdownWidget---textarea[aria-invalid="true"].DropdownWidget---inEditableGridLayout.DropdownWidget---inSideBySideItem.DropdownWidget---inDarkBackground,
.DropdownWidget---textarea[aria-invalid="true"].DropdownWidget---inEditableGridLayout.DropdownWidget---inSideBySideItem.DropdownWidget---inDarkBackground:focus {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.DropdownWidget---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.DropdownWidget---show_data_icon .DropdownWidget---text,
.DropdownWidget---show_data_icon .DropdownWidget---password,
.DropdownWidget---show_data_icon .DropdownWidget---textarea,
.DropdownWidget---show_data_icon .DropdownWidget---dropdown_value {
  padding-left: 1.7857rem !important;
}
.DropdownWidget---text.DropdownWidget---has_clear_link,
.DropdownWidget---password.DropdownWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.DropdownWidget---character_count {
  position: absolute !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 300 !important;
  right: 0 !important;
  bottom: 0 !important;
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  pointer-events: none !important;
}
.DropdownWidget---character_count.DropdownWidget---over_limit:not(.DropdownWidget---inDarkBackground) {
  color: #de0037 !important;
  fill: #de0037 !important;
}
.DropdownWidget---character_count.DropdownWidget---over_limit.DropdownWidget---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.DropdownWidget---character_count .DropdownWidget---icon_container {
  outline: none !important;
  margin-right: 3px !important;
  margin-bottom: -2px !important;
}
.DropdownWidget---character_count .DropdownWidget---icon_container > svg {
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
.DropdownWidget---character_count_overlay {
  background-color: var(--appian-input-background-color-faded, #fffd) !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 0.7143rem 0.5714rem 0 !important;
  z-index: 3 !important;
}
.appian-context-os-windows .DropdownWidget---character_count_overlay {
  margin: 0 1.2857rem 0.5714rem 0 !important;
}
.DropdownWidget---textarea:disabled + .DropdownWidget---character_count_overlay,
.DropdownWidget---character_count_overlay_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.DropdownWidget---data_icon {
  position: absolute !important;
  top: 0.7143rem !important;
  left: 0.5714rem !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  fill: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
a.DropdownWidget---input_clear_link {
  border: none !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.DropdownWidget---input_icon_wrapper > a.DropdownWidget---input_clear_link {
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.9286rem !important;
}
.appian-context-browser-edge .DropdownWidget---input_icon_wrapper > a.DropdownWidget---input_clear_link {
  top: 0.5rem !important;
}
.DropdownWidget---dropdown_value a.DropdownWidget---input_clear_link {
  position: absolute !important;
  right: 1.4286rem !important;
  top: 0.5714rem !important;
}
.appian-context-os-mac.appian-context-browser-chrome .DropdownWidget---dropdown_value a.DropdownWidget---input_clear_link {
  top: 0.5rem !important;
}
a.DropdownWidget---input_clear_link:hover,
a.DropdownWidget---input_clear_link:focus:not([data-appian-ux-mouse-focus]) {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.DropdownWidget---dropdown .DropdownWidget---dropdown_value.DropdownWidget---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.DropdownWidget---dropdown_value.DropdownWidget---has_inline_label span.DropdownWidget---inline_label,
.DropdownWidget---date_range_value.DropdownWidget---has_inline_label span.DropdownWidget---inline_label {
  display: inline-block !important;
  max-width: 70% !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.7857rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.1429rem !important;
  vertical-align: -0.2143rem !important;
  margin-right: 0.5rem !important;
  padding-right: 0.5rem !important;
  border-right: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.DropdownWidget---dropdown_value.DropdownWidget---has_inline_label.DropdownWidget---inDarkBackground span.DropdownWidget---inline_label,
.DropdownWidget---date_range_value.DropdownWidget---has_inline_label.DropdownWidget---inDarkBackground span.DropdownWidget---inline_label {
  border-right-color: var(--appian-choice-border-color, #bbb) !important;
}
.appian-context-browser-safari .DropdownWidget---dropdown_value.DropdownWidget---has_inline_label span.DropdownWidget---inline_label,
.appian-context-browser-safari .DropdownWidget---date_range_value.DropdownWidget---has_inline_label span.DropdownWidget---inline_label {
  vertical-align: inherit !important;
}
.DropdownWidget---dropdown_value.DropdownWidget---has_inline_label.DropdownWidget---highlighted span.DropdownWidget---value_display,
.DropdownWidget---date_range_value.DropdownWidget---has_inline_label.DropdownWidget---highlighted span.DropdownWidget---value_display {
  font-weight: 700 !important;
}
.DropdownWidget---dropdown_value.DropdownWidget---has_inline_label a.DropdownWidget---input_clear_link,
.DropdownWidget---date_range_value.DropdownWidget---has_inline_label a.DropdownWidget---input_clear_link {
  display: none !important;
  position: absolute !important;
  right: 1.5714rem !important;
  top: 0.5714rem !important;
}
.DropdownWidget---dropdown_value.DropdownWidget---has_inline_label.DropdownWidget---highlighted a.DropdownWidget---input_clear_link,
.DropdownWidget---date_range_value.DropdownWidget---has_inline_label.DropdownWidget---highlighted a.DropdownWidget---input_clear_link {
  display: inline-block !important;
}
.DropdownWidget---date_range_value.DropdownWidget---has_inline_label.DropdownWidget---validation:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.DropdownWidget---date_range_value.DropdownWidget---has_inline_label.DropdownWidget---validation:before {
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.DropdownWidget---date_range_value.DropdownWidget---has_inline_label.DropdownWidget---validation.DropdownWidget---inDarkBackground:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.DropdownWidget---number_range_input.DropdownWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.DropdownWidget---date_range_value.DropdownWidget---has_inline_label.DropdownWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
}
.DropdownWidget---date_range_value.DropdownWidget---has_inline_label.DropdownWidget---validation.DropdownWidget---inDarkBackground:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.DropdownWidget---number_range_input.DropdownWidget---validation,
.DropdownWidget---date_range_value.DropdownWidget---has_inline_label.DropdownWidget---validation {
  position: relative !important;
  border-color: transparent !important;
}
ul.DropdownWidget---listbox,
.DropdownWidget---date_picker2__menu {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  -webkit-appearance: none !important;
  background-color: var(--appian-pop-up-menu-color, #fff) !important;
  z-index: 2000020 !important;
  white-space: nowrap !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  max-height: 24.5714rem !important;
  /* displays 11 items + partial item */
  max-width: 700px !important;
  /* if this value changes, also update widthThreshold in DropdownWidget.jsx, MultipleDropdown.jsx, PickerWidget.jsx, & TimeWidget.jsx */
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  position: absolute !important;
  margin-top: 2px !important;
  left: 0 !important;
  right: auto !important;
  text-align: left !important;
  outline: none !important;
}
ul.DropdownWidget---listbox.DropdownWidget---inDarkBackground,
.DropdownWidget---date_picker2__menu.DropdownWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
ul.DropdownWidget---relative {
  /* necessary for Tether to be aware of the listbox's height */
  position: relative !important;
  margin-top: 0px !important;
}
ul.DropdownWidget---listbox.DropdownWidget---inline {
  /* default medium height */
  position: static !important;
  z-index: auto !important;
}
ul.DropdownWidget---listbox.DropdownWidget---short {
  max-height: 12rem !important;
  /* displays 5 items + partial item */
}
ul.DropdownWidget---listbox.DropdownWidget---tall {
  max-height: 34.6429rem !important;
  /* displays 16 items + partial item */
}
ul.DropdownWidget---listbox.DropdownWidget---auto {
  /* auto height = no constraint */
  max-height: none !important;
}
ul.DropdownWidget---listbox.DropdownWidget---pointer {
  margin-top: 6px !important;
}
ul.DropdownWidget---listbox.DropdownWidget---pointer:before {
  content: "" !important;
  position: absolute !important;
  top: -16px !important;
  left: 3px !important;
  width: 0 !important;
  height: 0 !important;
  border-bottom: 8px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-top: 8px solid transparent !important;
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
}
ul.DropdownWidget---listbox.DropdownWidget---pointer:after {
  content: "" !important;
  position: absolute !important;
  top: -12px !important;
  left: 5px !important;
  width: 0 !important;
  height: 0 !important;
  border-bottom: 6px solid var(--appian-pop-up-menu-color, #fff) !important;
  border-top: 6px solid transparent !important;
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
}
ul.DropdownWidget---listbox.DropdownWidget---anchor_end.DropdownWidget---pointer:before {
  left: auto !important;
  right: 3px !important;
}
ul.DropdownWidget---listbox.DropdownWidget---pointer:after {
  left: auto !important;
  right: 5px !important;
}
ul.DropdownWidget---listbox.DropdownWidget---anchor_top {
  top: auto !important;
  bottom: 2.5rem !important;
}
ul.DropdownWidget---listbox.DropdownWidget---anchor_end {
  /*rtl:begin:ignore*/
  left: auto !important;
  right: 0 !important;
  /*rtl:end:ignore*/
}
ul.DropdownWidget---listbox.DropdownWidget---closed {
  display: none !important;
}
ul.DropdownWidget---listbox.DropdownWidget---open {
  display: block !important;
}
ul.DropdownWidget---listbox.DropdownWidget---inModalDialogLayout {
  z-index: 2000023 !important;
}
ul.DropdownWidget---listbox li,
.DropdownWidget---date_picker2__menu .DropdownWidget---date_picker2__option {
  outline: none !important;
  position: relative !important;
  cursor: default !important;
  line-height: 1.4 !important;
}
li.DropdownWidget---active,
.DropdownWidget---date_picker2__menu .DropdownWidget---date_picker2__option.DropdownWidget---date_picker2__option--is-focused:not(.DropdownWidget---date_picker2__option--is-selected) {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
  box-shadow: 0 0 0 1px #1d659c inset !important;
}
li:not(.DropdownWidget---inRichTextEditorWidget).DropdownWidget---active[aria-selected="true"]:after,
.DropdownWidget---date_picker2__option.DropdownWidget---date_picker2__option--is-focused.DropdownWidget---date_picker2__option--is-selected:after {
  content: "" !important;
  display: inline-block !important;
  width: calc(100% - 4px) !important;
  height: calc(100% - 4px) !important;
  position: absolute !important;
  left: 2px !important;
  top: 2px !important;
  border: 1px solid #fff !important;
}
li.DropdownWidget---inApplicationHeaderLayout:not(.DropdownWidget---inProcessHQ).DropdownWidget---inDarkBackground.DropdownWidget---active {
  background-color: rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 0 0 1px #fff inset !important;
}
ul.DropdownWidget---listbox li > div,
.DropdownWidget---date_picker2__menu .DropdownWidget---date_picker2__option {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  min-height: 1.3571rem !important;
  cursor: default !important;
  color: var(--appian-text-color, #222) !important;
}
ul.DropdownWidget---listbox.DropdownWidget---inApplicationHeaderLayout:not(.DropdownWidget---inProcessHQ).DropdownWidget---inDarkBackground li > div {
  color: #fff !important;
  fill: #fff !important;
}
.DropdownWidget---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .DropdownWidget---accessibilityhidden {
  font-size: 0 !important;
}
a.DropdownWidget---input_clear_link i.DropdownWidget---fa-times-circle-svg {
  content: "" !important;
  display: inline-block !important;
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1277%201122q0-26-19-45l-181-181%20181-181q19-19%2019-45%200-27-19-46l-90-90q-19-19-46-19-26%200-45%2019l-181%20181-181-181q-19-19-45-19-27%200-46%2019l-90%2090q-19%2019-19%2046%200%2026%2019%2045l181%20181-181%20181q-19%2019-19%2045%200%2027%2019%2046l90%2090q19%2019%2046%2019%2026%200%2045-19l181-181%20181%20181q19%2019%2045%2019%2027%200%2046-19l90-90q19-19%2019-46zm387-226q0%20209-103%20385.5t-279.5%20279.5-385.5%20103-385.5-103-279.5-279.5-103-385.5%20103-385.5%20279.5-279.5%20385.5-103%20385.5%20103%20279.5%20279.5%20103%20385.5z%22/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 1rem 1rem !important;
  background-position: 50% 25% !important;
  width: 1rem !important;
  height: 1rem !important;
  position: static !important;
  vertical-align: middle !important;
  margin-top: -0.2143rem !important;
}
.appian-context-browser-edge a.DropdownWidget---input_clear_link i.DropdownWidget---fa-times-circle-svg {
  background-size: 2rem 2rem !important;
  width: 2rem !important;
  height: 2rem !important;
  -webkit-transform: scale(0.5) !important;
          transform: scale(0.5) !important;
  margin: -0.3571rem -0.3571rem 0 -0.5rem !important;
}
.DropdownWidget---dropdown_value.DropdownWidget---is_disabled a.DropdownWidget---input_clear_link i.DropdownWidget---fa-times-circle-svg {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22var%28--appian-disabled-text-color,%20%23777%29%22%3E%3Cpath%20d%3D%22M1277%201122q0-26-19-45l-181-181%20181-181q19-19%2019-45%200-27-19-46l-90-90q-19-19-46-19-26%200-45%2019l-181%20181-181-181q-19-19-45-19-27%200-46%2019l-90%2090q-19%2019-19%2046%200%2026%2019%2045l181%20181-181%20181q-19%2019-19%2045%200%2027%2019%2046l90%2090q19%2019%2046%2019%2026%200%2045-19l181-181%20181%20181q19%2019%2045%2019%2027%200%2046-19l90-90q19-19%2019-46zm387-226q0%20209-103%20385.5t-279.5%20279.5-385.5%20103-385.5-103-279.5-279.5-103-385.5%20103-385.5%20279.5-279.5%20385.5-103%20385.5%20103%20279.5%20279.5%20103%20385.5z%22/%3E%3C/svg%3E") !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.Dropdown_APP_DESIGNER_SEARCH_MODES---tether_dropdown {
  z-index: 2000020 !important;
}
.Dropdown_APP_DESIGNER_SEARCH_MODES---dropdown {
  height: 2.4286rem !important;
  width: 1.2857rem !important;
  position: relative !important;
  margin-left: -4px !important;
}
.Dropdown_APP_DESIGNER_SEARCH_MODES---dropdown:focus {
  outline: none !important;
}
.Dropdown_APP_DESIGNER_SEARCH_MODES---dropdown_value {
  height: 100% !important;
  background-color: #fff !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
  -webkit-transition-property: -webkit-transform !important;
  transition-property: -webkit-transform !important;
  transition-property: transform !important;
  transition-property: transform, -webkit-transform !important;
}
.Dropdown_APP_DESIGNER_SEARCH_MODES---dropdown_value:hover {
  box-shadow: 0 0px 4px var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) inset !important;
  cursor: pointer !important;
}
.Dropdown_APP_DESIGNER_SEARCH_MODES---dropdown_value:focus {
  outline: none !important;
}
.Dropdown_APP_DESIGNER_SEARCH_MODES---dropdown_value.Dropdown_APP_DESIGNER_SEARCH_MODES---is_disabled {
  -webkit-transform: none !important;
          transform: none !important;
  opacity: 0.5 !important;
  background-color: #f0f0f0 !important;
  cursor: default !important;
  box-shadow: none !important;
}
.Dropdown_APP_DESIGNER_SEARCH_MODES---dropdown_value.Dropdown_APP_DESIGNER_SEARCH_MODES---is_disabled:hover {
  cursor: default !important;
  box-shadow: none !important;
}
.Dropdown_APP_DESIGNER_SEARCH_MODES---dropdown_value.Dropdown_APP_DESIGNER_SEARCH_MODES---is_disabled:active {
  -webkit-transform: none !important;
          transform: none !important;
}
.Dropdown_APP_DESIGNER_SEARCH_MODES---dropdown .Dropdown_APP_DESIGNER_SEARCH_MODES---dropdown_caret {
  display: inline-block !important;
  width: 1rem !important;
  height: 1rem !important;
  position: absolute !important;
  right: calc(50% - 0.5rem) !important;
  top: calc(50% - 0.5rem) !important;
  fill: var(--appian-disabled-text-color, #777) !important;
}
.Dropdown_APP_DESIGNER_SEARCH_MODES---dropdown_value:active .Dropdown_APP_DESIGNER_SEARCH_MODES---dropdown_caret {
  -webkit-transform: translate(-5%, 5%) !important;
          transform: translate(-5%, 5%) !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.Dropdown_IN_STUDIO---wrapper {
  position: static !important;
}
.Dropdown_IN_STUDIO---tether_dropdown,
.Dropdown_IN_STUDIO---date_picker2__menu {
  z-index: 2000020 !important;
}
.Dropdown_IN_STUDIO---dropdown {
  min-width: 3.2142rem !important;
  /* needed so dropdown icon doesn't overlap text when very narrow (AN-77265) */
}
.appian-context-browser-firefox .Dropdown_IN_STUDIO---dropdown:not(.Dropdown_IN_STUDIO---multi) {
  min-width: 4.0714rem !important;
}
.Dropdown_IN_STUDIO---dropdown .Dropdown_IN_STUDIO---dropdown_value {
  padding-right: 1.5714rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  cursor: default !important;
}
.Dropdown_IN_STUDIO---dropdown .Dropdown_IN_STUDIO---preview_interface_locale_dropdown_value {
  padding-right: 1.5714rem !important;
  padding-left: 0.5714rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  cursor: default !important;
  line-height: 2.06rem !important;
  font-size: 1rem !important;
}
ul.Dropdown_IN_STUDIO---dropdown_list.Dropdown_IN_STUDIO---no_top_border {
  border-top-width: 0 !important;
}
.Dropdown_IN_STUDIO---dropdown.Dropdown_IN_STUDIO---time_picker .Dropdown_IN_STUDIO---dropdown_value {
  cursor: text !important;
  padding-right: 0.5714rem !important;
  text-overflow: clip !important;
  /* needed for consistency so both date and time inputs truncate text without ellipsis */
}
.Dropdown_IN_STUDIO---dropdown.Dropdown_IN_STUDIO---time_picker .Dropdown_IN_STUDIO---dropdown_value.Dropdown_IN_STUDIO---is_disabled {
  cursor: default !important;
}
.Dropdown_IN_STUDIO---dropdown .Dropdown_IN_STUDIO---dropdown_caret,
.Dropdown_IN_STUDIO---date_picker2__control .Dropdown_IN_STUDIO---dropdown_caret {
  display: inline-block !important;
  width: 1rem !important;
  height: 1rem !important;
  position: absolute !important;
  right: 0.3rem !important;
  top: calc(50% - 0.5rem) !important;
  fill: var(--appian-text-color, #222) !important;
}
.Dropdown_IN_STUDIO---dropdown .Dropdown_IN_STUDIO---dropdown_value.Dropdown_IN_STUDIO---is_disabled .Dropdown_IN_STUDIO---dropdown_caret {
  fill: var(--appian-disabled-text-color, #777) !important;
}
.Dropdown_IN_STUDIO---dropdown_list li,
.Dropdown_IN_STUDIO---date_picker2__option {
  padding: 0.3571rem 0.5714rem 0.3571rem 0 !important;
  text-indent: 0.5714rem !important;
  /* needed so italicised text (placeholder) doesn't appear cut off */
}
/* placeholder for single-select dropdown */
/* repeated class name is a specificity hack to work around listbox color styling */
.Dropdown_IN_STUDIO---dropdown_value.Dropdown_IN_STUDIO---placeholder,
.Dropdown_IN_STUDIO---dropdown_list.Dropdown_IN_STUDIO---dropdown_list li.Dropdown_IN_STUDIO---placeholder > div {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.Dropdown_IN_STUDIO---dropdown_list li[aria-selected="true"].Dropdown_IN_STUDIO---placeholder > div {
  color: #fff !important;
}
/* placeholder for multi-select dropdown */
.Dropdown_IN_STUDIO---dropdown_value .Dropdown_IN_STUDIO---value_display:empty:before {
  content: attr(data-placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.Dropdown_IN_STUDIO---dropdown_value.Dropdown_IN_STUDIO---has_inline_label .Dropdown_IN_STUDIO---value_display:empty:before {
  display: inline !important;
}
/* repeated class name is a specificity hack to work around listbox max-height styling */
.Dropdown_IN_STUDIO---dropdown_list.Dropdown_IN_STUDIO---dropdown_list {
  max-height: 24.2857rem !important;
  /* displays 11 items + partial item */
}
.Dropdown_IN_STUDIO---dropdown_list li[aria-selected="true"],
.Dropdown_IN_STUDIO---dropdown_list li[aria-selected="true"]:before,
.Dropdown_IN_STUDIO---dropdown_list li[aria-selected="true"] > div,
.Dropdown_IN_STUDIO---date_picker2__menu .Dropdown_IN_STUDIO---date_picker2__option.Dropdown_IN_STUDIO---date_picker2__option--is-selected {
  background-color: #1d659c !important;
  color: #fff !important;
}
.Dropdown_IN_STUDIO---search_box_wrapper {
  background-color: var(--appian-pop-up-menu-color, #fff) !important;
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-top-left-radius: 0rem !important;
  border-top-right-radius: 0rem !important;
  font-size: 0 !important;
  padding: 3px !important;
}
.Dropdown_IN_STUDIO---dropdown {
  width: 100% !important;
  position: relative !important;
}
.Dropdown_IN_STUDIO---dropdown .Dropdown_IN_STUDIO---dropdown_value .Dropdown_IN_STUDIO---dropdown_caret {
  fill: #ddd !important;
}
.Dropdown_IN_STUDIO---dropdown_value.Dropdown_IN_STUDIO---inStudio {
  padding: 0.4286rem 0.5714rem 0.4286rem 2rem !important;
  border: 1px solid #ddd !important;
  border-radius: 3px !important;
}

.DynamicWidthLayout---dynamic_layout {
  font-size: 0 !important;
  /* to remove whitespace influence on layout */
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
}
.DynamicWidthLayout---dynamic_layout.DynamicWidthLayout---align_start {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
          justify-content: flex-start !important;
}
.DynamicWidthLayout---dynamic_layout.DynamicWidthLayout---align_center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
}
.DynamicWidthLayout---dynamic_layout.DynamicWidthLayout---align_end {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
          justify-content: flex-end !important;
}

.DynamicWidthWidget---dynamic_item {
  display: inline-block !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  margin-bottom: 10px !important;
}
.DynamicWidthWidget---dynamic_item.DynamicWidthWidget---flex_grow {
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
          flex-grow: 1 !important;
}
.DynamicWidthWidget---dynamic_item.DynamicWidthWidget---in_bottom_row {
  margin-bottom: 10px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.EditLinkLayout---edit_link_layout,
.EditLinkLayout---edit_link_layout.EditLinkLayout---wraps_field_layout:last-child {
  margin-bottom: 0 !important;
}
.EditLinkLayout---edit_link_layout .EditLinkLayout---contents_and_links_wrapper {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.EditLinkLayout---edit_link_layout.EditLinkLayout---wraps_field_layout {
  margin-bottom: 0.7143rem !important;
}
.EditLinkLayout---contents {
  display: inline-block !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 0 0% !important;
          flex: 1 0 0% !important;
}
.EditLinkLayout---create_translation,
.EditLinkLayout---edit_link {
  border-bottom: none !important;
  margin-left: 10px !important;
  display: inline-block !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  height: 20px !important;
}
.EditLinkLayout---create_translation {
  fill: #2322f0 !important;
}
.EditLinkLayout---edit_icon_margin {
  margin-right: 15px !important;
}
.EditLinkLayout---top {
  vertical-align: top !important;
}
.EditLinkLayout---hidden {
  opacity: 0 !important;
}
.EditLinkLayout---in_side_by_side {
  font-size: 14px !important;
}
.EditLinkLayout---edit_link_layout .EditLinkLayout---edit_link svg.EditLinkLayout---vqd_icon {
  fill: #1d659c !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.EditableGridLayout---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .EditableGridLayout---accessibilityhidden {
  font-size: 0 !important;
}
.EditableGridLayout---align_start {
  text-align: left !important;
}
.EditableGridLayout---align_end {
  text-align: right !important;
}
.EditableGridLayout---center {
  text-align: center !important;
}
table.EditableGridLayout---table {
  width: 100% !important;
  padding: 0 !important;
  font-size: 1rem !important;
  border-collapse: separate !important;
  /* needed so header borders always display (AN-78132) */
  border-spacing: 0 !important;
  border: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
  table-layout: auto !important;
}
table.EditableGridLayout---table.EditableGridLayout---inDarkBackground:not(.EditableGridLayout---light):not(.EditableGridLayout---border_none) {
  border-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
table.EditableGridLayout---table.EditableGridLayout---flush {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
}
table.EditableGridLayout---table.EditableGridLayout---light,
table.EditableGridLayout---table.EditableGridLayout---border_none {
  border-color: transparent !important;
}
table.EditableGridLayout---table th,
table.EditableGridLayout---table td {
  text-align: left !important;
  padding: 0.7143rem !important;
  word-wrap: break-word !important;
  max-width: 300px !important;
  color: var(--appian-text-color, #222) !important;
}
table.EditableGridLayout---table th.EditableGridLayout---nowrap,
table.EditableGridLayout---table td.EditableGridLayout---nowrap {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
table.EditableGridLayout---table.EditableGridLayout---dense th,
table.EditableGridLayout---table.EditableGridLayout---dense td {
  padding: 0.3571rem 0.6429rem !important;
}
table.EditableGridLayout---table.EditableGridLayout---more_on_row_edges th,
table.EditableGridLayout---table.EditableGridLayout---more_on_row_edges td {
  padding: 1.2857rem 0.7143rem !important;
}
table.EditableGridLayout---table.EditableGridLayout---more_on_row_edges th:first-child,
table.EditableGridLayout---table.EditableGridLayout---more_on_row_edges td:first-child {
  padding-left: 1.714rem !important;
}
table.EditableGridLayout---table.EditableGridLayout---more_on_row_edges th:last-child,
table.EditableGridLayout---table.EditableGridLayout---more_on_row_edges td:last-child {
  padding-right: 1.714rem !important;
}
table.EditableGridLayout---table th.EditableGridLayout---reducedPadding,
table.EditableGridLayout---table td.EditableGridLayout---reducedPadding {
  padding: 0.1429rem !important;
  /* Keep in sync with inGridLayout styling in buttons.less */
}
table.EditableGridLayout---table th.EditableGridLayout---firstEditable,
table.EditableGridLayout---table td.EditableGridLayout---firstEditable {
  padding: 0.1429rem !important;
  padding-right: 0.7143rem !important;
}
table.EditableGridLayout---table th.EditableGridLayout---lastEditable,
table.EditableGridLayout---table td.EditableGridLayout---lastEditable {
  padding: 0.1429rem !important;
  padding-left: 0.7143rem !important;
}
table.EditableGridLayout---table.EditableGridLayout---distribute {
  table-layout: fixed !important;
}
table.EditableGridLayout---table.EditableGridLayout---distribute.EditableGridLayout---scrollable {
  table-layout: auto !important;
}
table.EditableGridLayout---table.EditableGridLayout---distribute.EditableGridLayout---scrollable.EditableGridLayout---force_fixed_layout {
  table-layout: fixed !important;
}
table.EditableGridLayout---table th.EditableGridLayout---narrow,
table.EditableGridLayout---table td.EditableGridLayout---narrow {
  width: 82px !important;
  /* narrow width needed for parity */
}
table.EditableGridLayout---table th.EditableGridLayout---grid_field_column.EditableGridLayout---narrow,
table.EditableGridLayout---table td.EditableGridLayout---grid_field_column.EditableGridLayout---narrow {
  min-width: 82px !important;
  max-width: 82px !important;
}
table.EditableGridLayout---table th.EditableGridLayout---narrow_plus,
table.EditableGridLayout---table td.EditableGridLayout---narrow_plus {
  width: 172px !important;
  min-width: 172px !important;
}
table.EditableGridLayout---table th.EditableGridLayout---grid_field_column.EditableGridLayout---narrow_plus,
table.EditableGridLayout---table td.EditableGridLayout---grid_field_column.EditableGridLayout---narrow_plus {
  width: 172px !important;
  min-width: 172px !important;
  max-width: 172px !important;
}
table.EditableGridLayout---table th.EditableGridLayout---medium,
table.EditableGridLayout---table td.EditableGridLayout---medium {
  width: 18.7rem !important;
  min-width: 18.7rem !important;
}
table.EditableGridLayout---table th.EditableGridLayout---grid_field_column.EditableGridLayout---medium,
table.EditableGridLayout---table td.EditableGridLayout---grid_field_column.EditableGridLayout---medium {
  min-width: 18.7rem !important;
  max-width: 18.7rem !important;
}
table.EditableGridLayout---table th.EditableGridLayout---medium_plus,
table.EditableGridLayout---table td.EditableGridLayout---medium_plus {
  width: 30.78rem !important;
  min-width: 30.78rem !important;
  max-width: 30.78rem !important;
}
table.EditableGridLayout---table th.EditableGridLayout---grid_field_column.EditableGridLayout---medium_plus,
table.EditableGridLayout---table td.EditableGridLayout---grid_field_column.EditableGridLayout---medium_plus {
  width: 30.78rem !important;
  min-width: 30.78rem !important;
  max-width: 30.78rem !important;
}
table.EditableGridLayout---table th.EditableGridLayout---wide,
table.EditableGridLayout---table td.EditableGridLayout---wide {
  width: 42.86rem !important;
  min-width: 42.86rem !important;
  max-width: 42.86rem !important;
}
table.EditableGridLayout---table th.EditableGridLayout---grid_field_column.EditableGridLayout---wide,
table.EditableGridLayout---table td.EditableGridLayout---grid_field_column.EditableGridLayout---wide {
  min-width: 42.86rem !important;
  max-width: 42.86rem !important;
}
table.EditableGridLayout---table th.EditableGridLayout---decision_numeric,
table.EditableGridLayout---table td.EditableGridLayout---decision_numeric {
  width: 19.8rem !important;
}
table.EditableGridLayout---table th.EditableGridLayout---rule_input_array_checkbox,
table.EditableGridLayout---table td.EditableGridLayout---rule_input_array_checkbox {
  width: 58px !important;
}
table.EditableGridLayout---table th.EditableGridLayout---decision_non_numeric,
table.EditableGridLayout---table td.EditableGridLayout---decision_non_numeric {
  width: 18.143rem !important;
}
table.EditableGridLayout---table th.EditableGridLayout---decision_date,
table.EditableGridLayout---table td.EditableGridLayout---decision_date {
  width: 21.3rem !important;
}
table.EditableGridLayout---table th.EditableGridLayout---decision_row_icon,
table.EditableGridLayout---table td.EditableGridLayout---decision_row_icon {
  width: 3.6rem !important;
}
table.EditableGridLayout---table th.EditableGridLayout---checkbox,
table.EditableGridLayout---table td.EditableGridLayout---checkbox {
  box-sizing: content-box !important;
  width: 1.1429rem !important;
  min-width: 1.1429rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive table.EditableGridLayout---table th.EditableGridLayout---checkbox,
  .appian-context-ux-responsive table.EditableGridLayout---table td.EditableGridLayout---checkbox {
    width: 2rem !important;
    min-width: 2rem !important;
    padding: 0.3571rem 0.6429rem !important;
    line-height: 1.4rem !important;
  }
}
.appian-context-ux-screen-size-narrow table.EditableGridLayout---table th.EditableGridLayout---checkbox,
.appian-context-ux-screen-size-narrow table.EditableGridLayout---table td.EditableGridLayout---checkbox {
  /* rules to apply in the phone form factor preview in ID */
  width: 2rem !important;
  min-width: 2rem !important;
  padding: 0.3571rem 0.6429rem !important;
  line-height: 1.4rem !important;
}
.appian-context-ux-screen-size-medium table.EditableGridLayout---table th.EditableGridLayout---checkbox,
.appian-context-ux-screen-size-medium table.EditableGridLayout---table td.EditableGridLayout---checkbox {
  /* rules to apply in the tablet form factor preview in ID */
  width: 2rem !important;
  min-width: 2rem !important;
  padding: 0.3571rem 0.6429rem !important;
  line-height: 1.4rem !important;
}
table.EditableGridLayout---table th.EditableGridLayout---icon,
table.EditableGridLayout---table td.EditableGridLayout---icon,
table.EditableGridLayout---table th.EditableGridLayout---tiny,
table.EditableGridLayout---table td.EditableGridLayout---tiny {
  box-sizing: content-box !important;
  width: 1.4286rem !important;
}
table.EditableGridLayout---table th.EditableGridLayout---grid_field_column.EditableGridLayout---icon,
table.EditableGridLayout---table td.EditableGridLayout---grid_field_column.EditableGridLayout---icon {
  max-width: 1.4286rem !important;
}
table.EditableGridLayout---table th.EditableGridLayout---icon_plus,
table.EditableGridLayout---table td.EditableGridLayout---icon_plus {
  width: 61px !important;
  min-width: 61px !important;
}
table.EditableGridLayout---table th.EditableGridLayout---grid_field_column.EditableGridLayout---icon_plus,
table.EditableGridLayout---table td.EditableGridLayout---grid_field_column.EditableGridLayout---icon_plus {
  width: 61px !important;
  min-width: 61px !important;
  max-width: 61px !important;
}
table.EditableGridLayout---table th.EditableGridLayout---hex_bg_color,
table.EditableGridLayout---table td.EditableGridLayout---hex_bg_color,
table.EditableGridLayout---table tr.EditableGridLayout---selected td,
table.EditableGridLayout---table tr.EditableGridLayout---selected th,
table.EditableGridLayout---table tr.EditableGridLayout---selectable.EditableGridLayout---selected td,
table.EditableGridLayout---table tr.EditableGridLayout---selectable.EditableGridLayout---selected th,
.EditableGridLayout---grid_cell_background_color_standard,
.EditableGridLayout---grid_cell_background_color_warn_light_secondary,
.EditableGridLayout---grid_cell_background_color_success,
.EditableGridLayout---grid_cell_background_color_error,
.EditableGridLayout---grid_cell_background_color_warn,
.EditableGridLayout---grid_cell_background_color_info,
.EditableGridLayout---grid_cell_background_color_accent {
  background-clip: padding-box !important;
}
table.EditableGridLayout---table th.EditableGridLayout---hex_bg_color,
table.EditableGridLayout---table td.EditableGridLayout---hex_bg_color {
  background-color: var(--paging-grid-cell-bg-color) !important;
}
table.EditableGridLayout---table th.EditableGridLayout---gallery,
table.EditableGridLayout---table td.EditableGridLayout---gallery,
table.EditableGridLayout---table th.EditableGridLayout---image,
table.EditableGridLayout---table td.EditableGridLayout---image {
  box-sizing: content-box !important;
}
table.EditableGridLayout---table th.EditableGridLayout---image.EditableGridLayout---tiny,
table.EditableGridLayout---table td.EditableGridLayout---image.EditableGridLayout---tiny {
  width: 60px !important;
  min-width: 60px !important;
}
table.EditableGridLayout---table th.EditableGridLayout---image.EditableGridLayout---small,
table.EditableGridLayout---table td.EditableGridLayout---image.EditableGridLayout---small {
  width: 100px !important;
  min-width: 100px !important;
}
table.EditableGridLayout---table th.EditableGridLayout---image.EditableGridLayout---medium,
table.EditableGridLayout---table td.EditableGridLayout---image.EditableGridLayout---medium {
  width: 200px !important;
  min-width: 200px !important;
}
table.EditableGridLayout---table th.EditableGridLayout---image.EditableGridLayout---large,
table.EditableGridLayout---table td.EditableGridLayout---image.EditableGridLayout---large {
  width: 400px !important;
  min-width: 400px !important;
}
.EditableGridLayout---grid_height_short {
  height: 141px !important;
  overflow-y: visible !important;
}
.EditableGridLayout---grid_height_short.EditableGridLayout---no_footer {
  height: 179px !important;
}
.EditableGridLayout---grid_height_short_plus {
  height: 226px !important;
  overflow-y: visible !important;
}
.EditableGridLayout---grid_height_short_plus.EditableGridLayout---no_footer {
  height: 265px !important;
}
.EditableGridLayout---grid_height_medium {
  height: 307px !important;
  overflow-y: visible !important;
}
.EditableGridLayout---grid_height_medium.EditableGridLayout---no_footer {
  height: 345px !important;
}
.EditableGridLayout---grid_height_medium_plus {
  height: 471px !important;
  overflow-y: visible !important;
}
.EditableGridLayout---grid_height_medium_plus.EditableGridLayout---no_footer {
  height: 509px !important;
}
.EditableGridLayout---grid_height_tall {
  height: 636px !important;
  overflow-y: visible !important;
}
.EditableGridLayout---grid_height_tall.EditableGridLayout---no_footer {
  height: 674px !important;
}
.EditableGridLayout---grid_height_tall_plus {
  height: 877px !important;
  overflow-y: visible !important;
}
.EditableGridLayout---grid_height_tall_plus.EditableGridLayout---no_footer {
  height: 915px !important;
}
.EditableGridLayout---grid_height_extra_tall {
  height: 1119px !important;
  overflow-y: visible !important;
}
.EditableGridLayout---grid_height_extra_tall.EditableGridLayout---no_footer {
  height: 1156px !important;
}
.EditableGridLayout---phone_preview,
.EditableGridLayout---phone_preview.EditableGridLayout---no_footer {
  overflow-y: visible !important;
  max-height: 425px !important;
}
.EditableGridLayout---phone_preview.EditableGridLayout---grid_height_short,
.EditableGridLayout---phone_preview.EditableGridLayout---no_footer.EditableGridLayout---grid_height_short {
  max-height: 191px !important;
  height: 100% !important;
}
.EditableGridLayout---phone_preview.EditableGridLayout---grid_height_medium,
.EditableGridLayout---phone_preview.EditableGridLayout---no_footer.EditableGridLayout---grid_height_medium {
  max-height: 333px !important;
  height: 100% !important;
}
.EditableGridLayout---phone_preview.EditableGridLayout---grid_height_medium_plus,
.EditableGridLayout---phone_preview.EditableGridLayout---no_footer.EditableGridLayout---grid_height_medium_plus {
  max-height: 424px !important;
  height: 100% !important;
}
.EditableGridLayout---phone_preview.EditableGridLayout---grid_height_tall,
.EditableGridLayout---phone_preview.EditableGridLayout---no_footer.EditableGridLayout---grid_height_tall {
  max-height: 524px !important;
  height: 100% !important;
}
.EditableGridLayout---phone_preview.EditableGridLayout---grid_height_tall_plus,
.EditableGridLayout---phone_preview.EditableGridLayout---no_footer.EditableGridLayout---grid_height_tall_plus {
  max-height: 581px !important;
  height: 100% !important;
}
.EditableGridLayout---phone_preview.EditableGridLayout---grid_height_extra_tall,
.EditableGridLayout---phone_preview.EditableGridLayout---no_footer.EditableGridLayout---grid_height_extra_tall {
  max-height: 637px !important;
  height: 100% !important;
}
.EditableGridLayout---phone_preview.EditableGridLayout---grid_height_short_plus {
  max-height: 318px !important;
  height: 100% !important;
}
.EditableGridLayout---phone_preview.EditableGridLayout---no_footer.EditableGridLayout---grid_height_short_plus {
  max-height: 331px !important;
  height: 100% !important;
}
.EditableGridLayout---tablet_preview,
.EditableGridLayout---tablet_preview.EditableGridLayout---no_footer {
  overflow-y: visible !important;
  max-height: 452px !important;
}
.EditableGridLayout---tablet_preview.EditableGridLayout---grid_height_short,
.EditableGridLayout---tablet_preview.EditableGridLayout---no_footer.EditableGridLayout---grid_height_short {
  max-height: 204px !important;
  height: 100% !important;
}
.EditableGridLayout---tablet_preview.EditableGridLayout---grid_height_medium,
.EditableGridLayout---tablet_preview.EditableGridLayout---no_footer.EditableGridLayout---grid_height_medium {
  max-height: 354px !important;
  height: 100% !important;
}
.EditableGridLayout---tablet_preview.EditableGridLayout---grid_height_medium_plus,
.EditableGridLayout---tablet_preview.EditableGridLayout---no_footer.EditableGridLayout---grid_height_medium_plus {
  max-height: 456px !important;
  height: 100% !important;
}
.EditableGridLayout---tablet_preview.EditableGridLayout---grid_height_tall,
.EditableGridLayout---tablet_preview.EditableGridLayout---no_footer.EditableGridLayout---grid_height_tall {
  max-height: 558px !important;
  height: 100% !important;
}
.EditableGridLayout---tablet_preview.EditableGridLayout---grid_height_tall_plus,
.EditableGridLayout---tablet_preview.EditableGridLayout---no_footer.EditableGridLayout---grid_height_tall_plus {
  max-height: 618px !important;
  height: 100% !important;
}
.EditableGridLayout---tablet_preview.EditableGridLayout---grid_height_extra_tall,
.EditableGridLayout---tablet_preview.EditableGridLayout---no_footer.EditableGridLayout---grid_height_extra_tall {
  max-height: 679px !important;
  height: 100% !important;
}
.EditableGridLayout---tablet_preview.EditableGridLayout---grid_height_short_plus {
  max-height: 318px !important;
  height: 100% !important;
}
.EditableGridLayout---tablet_preview.EditableGridLayout---no_footer.EditableGridLayout---grid_height_short_plus {
  max-height: 292px !important;
  height: 100% !important;
}
@media print {
  .EditableGridLayout---grid_height_short,
  .EditableGridLayout---grid_height_short_plus,
  .EditableGridLayout---grid_height_medium,
  .EditableGridLayout---grid_height_medium_plus,
  .EditableGridLayout---grid_height_tall,
  .EditableGridLayout---grid_height_tall_plus,
  .EditableGridLayout---grid_height_extra_tall {
    height: 100% !important;
  }
}
table.EditableGridLayout---table tbody td,
table.EditableGridLayout---table tbody th {
  min-height: 1.4286rem !important;
  border-top: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
  font-weight: normal !important;
}
table.EditableGridLayout---table th + th,
table.EditableGridLayout---table td + td,
table.EditableGridLayout---table th + td,
table.EditableGridLayout---table td + th {
  border-left: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
}
table.EditableGridLayout---table.EditableGridLayout---inDarkBackground:not(.EditableGridLayout---border_none) tbody td,
table.EditableGridLayout---table.EditableGridLayout---inDarkBackground:not(.EditableGridLayout---border_none) tbody th {
  border-top-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
table.EditableGridLayout---table.EditableGridLayout---inDarkBackground:not(.EditableGridLayout---light):not(.EditableGridLayout---border_none) th + th,
table.EditableGridLayout---table.EditableGridLayout---inDarkBackground:not(.EditableGridLayout---light):not(.EditableGridLayout---border_none) td + td,
table.EditableGridLayout---table.EditableGridLayout---inDarkBackground:not(.EditableGridLayout---light):not(.EditableGridLayout---border_none) th + td,
table.EditableGridLayout---table.EditableGridLayout---inDarkBackground:not(.EditableGridLayout---light):not(.EditableGridLayout---border_none) td + th {
  border-left-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
table.EditableGridLayout---table.EditableGridLayout---inDarkBackground.EditableGridLayout---show_header_cell_dividers th + th {
  border-left-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
table.EditableGridLayout---table.EditableGridLayout---border_none tbody td,
table.EditableGridLayout---table.EditableGridLayout---border_none tbody th {
  border-top-color: transparent !important;
}
table.EditableGridLayout---table.EditableGridLayout---border_none:not(.EditableGridLayout---show_header_cell_dividers) th + th,
table.EditableGridLayout---table.EditableGridLayout---border_none td + td,
table.EditableGridLayout---table.EditableGridLayout---border_none th + td,
table.EditableGridLayout---table.EditableGridLayout---border_none td + th {
  border-color: transparent !important;
}
table.EditableGridLayout---table.EditableGridLayout---no_header tbody tr:first-child td {
  border-top: none !important;
}
table.EditableGridLayout---table.EditableGridLayout---light:not(.EditableGridLayout---show_header_cell_dividers) th + th,
table.EditableGridLayout---table.EditableGridLayout---light td + td,
table.EditableGridLayout---table.EditableGridLayout---light th + td,
table.EditableGridLayout---table.EditableGridLayout---light tbody td + th {
  border-left: none !important;
}
table.EditableGridLayout---table tr.EditableGridLayout---empty_msg td {
  text-align: center !important;
  height: 80px !important;
  line-height: 1.4 !important;
}
table.EditableGridLayout---table tr.EditableGridLayout---empty_msg.EditableGridLayout---inAccentBackground td {
  color: #fff !important;
}
table.EditableGridLayout---table tr.EditableGridLayout---empty_msg.EditableGridLayout---inDarkBackground td {
  color: #eee !important;
}
table.EditableGridLayout---table tr.EditableGridLayout---empty_msg.EditableGridLayout---inLightBackground td {
  color: #222 !important;
}
table.EditableGridLayout---table thead th {
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--appian-text-color, #222) !important;
  line-height: 1.4 !important;
}
table.EditableGridLayout---table thead th[aria-sort] {
  position: relative !important;
  cursor: pointer !important;
}
@media print {
  table.EditableGridLayout---table thead th[aria-sort] {
    position: static !important;
  }
}
table.EditableGridLayout---table thead th[aria-sort]:focus,
table.EditableGridLayout---table thead th:focus,
table.EditableGridLayout---table thead th.EditableGridLayout---pseudoFocus {
  outline: none !important;
}
table.EditableGridLayout---table thead th[aria-sort]:focus:not(.appian-context-ux-mouse-focus),
table.EditableGridLayout---table thead th[aria-sort]:hover,
table.EditableGridLayout---table thead th[aria-sort].EditableGridLayout---pseudoFocus:not(.appian-context-ux-mouse-focus),
table.EditableGridLayout---table thead th[aria-sort].EditableGridLayout---pseudoFocus:hover {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
  box-shadow: 0 0 0 1px #1d659c inset !important;
}
table.EditableGridLayout---table thead th.EditableGridLayout---pseudoFocus:not(.appian-context-ux-mouse-focus) input[type="checkbox"] + label {
  outline: 1px solid #1d659c !important;
}
.appian-context-browser-chrome table.EditableGridLayout---table thead th[aria-sort]:not(.EditableGridLayout---align_end),
.appian-context-browser-edge table.EditableGridLayout---table thead th[aria-sort]:not(.EditableGridLayout---align_end),
.appian-context-browser-firefox table.EditableGridLayout---table thead th[aria-sort]:not(.EditableGridLayout---align_end),
.appian-context-browser-safari table.EditableGridLayout---table thead th[aria-sort]:not(.EditableGridLayout---align_end) {
  padding-right: 1.2857rem !important;
}
table.EditableGridLayout---table thead th[aria-sort].EditableGridLayout---align_end {
  padding-left: 1.2857rem !important;
}
/* Maintains padding and label alignment when a context menu is present in the header */
table.EditableGridLayout---table thead th.EditableGridLayout---header_with_icons_wrapper > div {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -ms-flex-wrap: nowrap !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: row nowrap !important;
          flex-flow: row nowrap !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  -ms-flex-align: center !important;
}
table.EditableGridLayout---table thead th.EditableGridLayout---contains_start_icon {
  vertical-align: top !important;
}
table.EditableGridLayout---table thead th.EditableGridLayout---collapsed_header {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  visibility: collapse !important;
}
table.EditableGridLayout---table thead th.EditableGridLayout---contains_start_icon > div {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
          align-items: flex-start !important;
}
.appian-context-browser-chrome table.EditableGridLayout---table thead th.EditableGridLayout---header_with_icons_wrapper,
.appian-context-browser-edge table.EditableGridLayout---table thead th.EditableGridLayout---header_with_icons_wrapper,
.appian-context-browser-firefox table.EditableGridLayout---table thead th.EditableGridLayout---header_with_icons_wrapper,
.appian-context-browser-safari table.EditableGridLayout---table thead th.EditableGridLayout---header_with_icons_wrapper,
.appian-context-browser-chrome table.EditableGridLayout---table thead th[aria-sort].EditableGridLayout---header_with_icons_wrapper,
.appian-context-browser-edge table.EditableGridLayout---table thead th[aria-sort].EditableGridLayout---header_with_icons_wrapper,
.appian-context-browser-firefox table.EditableGridLayout---table thead th[aria-sort].EditableGridLayout---header_with_icons_wrapper,
.appian-context-browser-safari table.EditableGridLayout---table thead th[aria-sort].EditableGridLayout---header_with_icons_wrapper {
  padding-right: 0 !important;
}
table.EditableGridLayout---table thead th[aria-sort="ascending"].EditableGridLayout---header_with_icons_wrapper.EditableGridLayout---align_start > div,
table.EditableGridLayout---table thead th[aria-sort="descending"].EditableGridLayout---header_with_icons_wrapper.EditableGridLayout---align_start > div,
table.EditableGridLayout---table thead th[aria-sort="ascending"].EditableGridLayout---header_with_icons_wrapper.EditableGridLayout---center > div,
table.EditableGridLayout---table thead th[aria-sort="descending"].EditableGridLayout---header_with_icons_wrapper.EditableGridLayout---center > div {
  padding-right: 0.8571rem !important;
}
table.EditableGridLayout---table thead th[aria-sort="ascending"].EditableGridLayout---contains_start_icon > .EditableGridLayout---sort_arrow {
  top: 0.7857rem !important;
}
table.EditableGridLayout---table thead th[aria-sort="descending"].EditableGridLayout---contains_start_icon > .EditableGridLayout---sort_arrow {
  top: 0.8571rem !important;
}
table.EditableGridLayout---table thead th[aria-sort] > .EditableGridLayout---sort_arrow {
  height: 1rem !important;
  width: 1rem !important;
  fill: #1d659c !important;
  position: absolute !important;
  right: 0.1429rem !important;
}
table.EditableGridLayout---table thead th[aria-sort="ascending"] > .EditableGridLayout---sort_arrow {
  top: calc(50% - 0.5714rem) !important;
}
table.EditableGridLayout---table thead th[aria-sort="descending"] > .EditableGridLayout---sort_arrow {
  top: calc(50% - 0.4286rem) !important;
}
table.EditableGridLayout---table thead th[aria-sort].EditableGridLayout---align_end > .EditableGridLayout---sort_arrow {
  left: 0.1429rem !important;
}
@media print {
  .appian-context-browser-chrome table.EditableGridLayout---table thead th[aria-sort]:not(.EditableGridLayout---align_end),
  .appian-context-browser-edge table.EditableGridLayout---table thead th[aria-sort]:not(.EditableGridLayout---align_end),
  .appian-context-browser-firefox table.EditableGridLayout---table thead th[aria-sort]:not(.EditableGridLayout---align_end),
  .appian-context-browser-safari table.EditableGridLayout---table thead th[aria-sort]:not(.EditableGridLayout---align_end) {
    padding-right: 0 !important;
  }
  table.EditableGridLayout---table thead th[aria-sort] > div {
    display: inline-block !important;
  }
  table.EditableGridLayout---table thead th[aria-sort].EditableGridLayout---header_with_icons_wrapper > div {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
  table.EditableGridLayout---table thead th[aria-sort] > .EditableGridLayout---sort_arrow {
    position: static !important;
    margin: 0 4px !important;
    float: right !important;
  }
  table.EditableGridLayout---table thead th[aria-sort].EditableGridLayout---align_end {
    padding-left: 0 !important;
  }
  table.EditableGridLayout---table thead th[aria-sort].EditableGridLayout---align_end > .EditableGridLayout---sort_arrow {
    float: left !important;
  }
}
table.EditableGridLayout---table td {
  vertical-align: middle !important;
}
table.EditableGridLayout---table.EditableGridLayout---top td {
  vertical-align: top !important;
}
table.EditableGridLayout---table.EditableGridLayout---bottom td {
  vertical-align: bottom !important;
}
table.EditableGridLayout---table th.EditableGridLayout---center,
table.EditableGridLayout---table td.EditableGridLayout---center {
  text-align: center !important;
}
table.EditableGridLayout---table.EditableGridLayout---flex th.EditableGridLayout---center,
table.EditableGridLayout---table.EditableGridLayout---flex td.EditableGridLayout---center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
}
table.EditableGridLayout---table th.EditableGridLayout---align_end,
table.EditableGridLayout---table td.EditableGridLayout---align_end {
  text-align: right !important;
}
table.EditableGridLayout---table td.EditableGridLayout---align_end input[type="text"] {
  text-align: right !important;
  overflow: hidden !important;
  /* Mac OS Chrome right-aligned text input cutoff bug */
}
table.EditableGridLayout---table th.EditableGridLayout---sortable {
  padding-right: 22px !important;
}
table.EditableGridLayout---table th.EditableGridLayout---sortable.EditableGridLayout---align_end {
  padding-left: 22px !important;
  padding-right: 8px !important;
}
th.EditableGridLayout---sortable.EditableGridLayout---center {
  padding-left: 14px !important;
  padding-right: 14px !important;
}
table.EditableGridLayout---table.EditableGridLayout---striped tbody tr:nth-child(odd):not(.EditableGridLayout---empty_msg) {
  background-color: rgba(231, 231, 231, 0.2) !important;
  /* appears the same as #fafafa on white background */
}
table.EditableGridLayout---table.EditableGridLayout---striped.EditableGridLayout---inDarkBackground tbody tr:nth-child(odd):not(.EditableGridLayout---empty_msg) {
  background-color: rgba(231, 231, 231, var(--appian-grid-shade-dark-bg-opacity, 0.1)) !important;
}
table.EditableGridLayout---table.EditableGridLayout---striped.EditableGridLayout---alt_row_hex_color tbody tr:nth-child(odd):not(.EditableGridLayout---empty_msg) {
  background-color: var(--appian-grid-alt-row-color) !important;
}
table.EditableGridLayout---table.EditableGridLayout---semi_rounded tr th:first-child,
table.EditableGridLayout---table.EditableGridLayout---semi_rounded tr td:first-child {
  border-top-left-radius: 0.2857rem !important;
  border-bottom-left-radius: 0.2857rem !important;
}
table.EditableGridLayout---table.EditableGridLayout---semi_rounded tr th:last-child,
table.EditableGridLayout---table.EditableGridLayout---semi_rounded tr td:last-child {
  border-top-right-radius: 0.2857rem !important;
  border-bottom-right-radius: 0.2857rem !important;
}
table.EditableGridLayout---table.EditableGridLayout---decision_else_row tbody tr:last-child td {
  border-top-color: #ccc !important;
  border-left-color: transparent !important;
}
table.EditableGridLayout---table.EditableGridLayout---decision_else_row tbody tr:last-child td.EditableGridLayout---grid_cell_background_color_standard + td {
  border-left-color: #f0f0f0 !important;
}
table.EditableGridLayout---table th.EditableGridLayout---fit,
table.EditableGridLayout---table td.EditableGridLayout---fit {
  padding: 0px !important;
  /* In order for child component to fill cell, cell must have no padding */
}
table.EditableGridLayout---table th.EditableGridLayout---error,
table.EditableGridLayout---table td.EditableGridLayout---error {
  position: relative !important;
}
table.EditableGridLayout---table th.EditableGridLayout---error:before,
table.EditableGridLayout---table td.EditableGridLayout---error:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
table.EditableGridLayout---table.EditableGridLayout---inDarkBackground th.EditableGridLayout---error:before,
table.EditableGridLayout---table.EditableGridLayout---inDarkBackground td.EditableGridLayout---error:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
table.EditableGridLayout---table th.EditableGridLayout---error:after,
table.EditableGridLayout---table td.EditableGridLayout---error:after {
  content: "" !important;
  position: absolute !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
}
table.EditableGridLayout---table.EditableGridLayout---inDarkBackground th.EditableGridLayout---error:after,
table.EditableGridLayout---table.EditableGridLayout---inDarkBackground td.EditableGridLayout---error:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
table.EditableGridLayout---table th.EditableGridLayout---error.EditableGridLayout---frozen_grid_error:after,
table.EditableGridLayout---table td.EditableGridLayout---error.EditableGridLayout---frozen_grid_error:after {
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.EditableGridLayout---grid_toolbar {
  margin: 0 0 0.6rem 0 !important;
  font-size: 0 !important;
}
.EditableGridLayout---content_layout.EditableGridLayout---flush .EditableGridLayout---grid_toolbar {
  margin: 0.6rem 0.6rem !important;
}
table.EditableGridLayout---table tr.EditableGridLayout---selectable {
  cursor: pointer !important;
  outline: none !important;
}
table.EditableGridLayout---table tr.EditableGridLayout---selectable:hover:not(.EditableGridLayout---selected) td,
table.EditableGridLayout---table tr.EditableGridLayout---selectable:focus:not(.EditableGridLayout---selected) td,
table.EditableGridLayout---table tr.EditableGridLayout---selectable:hover:not(.EditableGridLayout---selected) th,
table.EditableGridLayout---table tr.EditableGridLayout---selectable:focus:not(.EditableGridLayout---selected) th {
  position: relative !important;
}
table.EditableGridLayout---table tr.EditableGridLayout---selectable:hover:not(.EditableGridLayout---selected) td:after,
table.EditableGridLayout---table tr.EditableGridLayout---selectable:focus:not(.EditableGridLayout---selected) td:after,
table.EditableGridLayout---table tr.EditableGridLayout---selectable:hover:not(.EditableGridLayout---selected) th:after,
table.EditableGridLayout---table tr.EditableGridLayout---selectable:focus:not(.EditableGridLayout---selected) th:after {
  content: "" !important;
  top: 0px !important;
  left: -1px !important;
  position: absolute !important;
  width: calc(100% + 1px) !important;
  height: 100% !important;
  border-top: 1px solid #1d659c !important;
  border-bottom: 1px solid #1d659c !important;
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
  pointer-events: none !important;
}
table.EditableGridLayout---table tr.EditableGridLayout---selectable:hover:not(.EditableGridLayout---selected) td.EditableGridLayout---hex_bg_color:after,
table.EditableGridLayout---table tr.EditableGridLayout---selectable:focus:not(.EditableGridLayout---selected) td.EditableGridLayout---hex_bg_color:after,
table.EditableGridLayout---table tr.EditableGridLayout---selectable:hover:not(.EditableGridLayout---selected) th.EditableGridLayout---hex_bg_color:after,
table.EditableGridLayout---table tr.EditableGridLayout---selectable:focus:not(.EditableGridLayout---selected) th.EditableGridLayout---hex_bg_color:after {
  background-color: rgba(29, 101, 156, 0.2) !important;
}
table.EditableGridLayout---table tr.EditableGridLayout---selectable:hover:not(.EditableGridLayout---selected) td:first-child:after,
table.EditableGridLayout---table tr.EditableGridLayout---selectable:focus:not(.EditableGridLayout---selected) td:first-child:after,
table.EditableGridLayout---table tr.EditableGridLayout---selectable:hover:not(.EditableGridLayout---selected) th:first-child:after,
table.EditableGridLayout---table tr.EditableGridLayout---selectable:focus:not(.EditableGridLayout---selected) th:first-child:after {
  left: 0px !important;
  border-left: 1px solid #1d659c !important;
}
table.EditableGridLayout---table tr.EditableGridLayout---selectable:hover:not(.EditableGridLayout---selected) td:last-child:after,
table.EditableGridLayout---table tr.EditableGridLayout---selectable:focus:not(.EditableGridLayout---selected) td:last-child:after,
table.EditableGridLayout---table tr.EditableGridLayout---selectable:hover:not(.EditableGridLayout---selected) th:last-child:after,
table.EditableGridLayout---table tr.EditableGridLayout---selectable:focus:not(.EditableGridLayout---selected) th:last-child:after {
  border-right: 1px solid #1d659c !important;
}
table.EditableGridLayout---table.EditableGridLayout---inDarkBackground tr.EditableGridLayout---selectable:hover:not(.EditableGridLayout---selected) td:not(.EditableGridLayout---hex_bg_color):after {
  background-color: rgba(29, 101, 156, 0.2) !important;
}
table.EditableGridLayout---table tr.EditableGridLayout---selected td,
table.EditableGridLayout---table tr.EditableGridLayout---selected th,
table.EditableGridLayout---table tr.EditableGridLayout---selectable.EditableGridLayout---selected td,
table.EditableGridLayout---table tr.EditableGridLayout---selectable.EditableGridLayout---selected th {
  background-color: #1d659c !important;
}
table.EditableGridLayout---table tr.EditableGridLayout---selected td p,
table.EditableGridLayout---table tr.EditableGridLayout---selected th p,
table.EditableGridLayout---table tr.EditableGridLayout---selected td p a,
table.EditableGridLayout---table tr.EditableGridLayout---selected th p a,
table.EditableGridLayout---table tr.EditableGridLayout---selectable.EditableGridLayout---selected td p,
table.EditableGridLayout---table tr.EditableGridLayout---selectable.EditableGridLayout---selected th p,
table.EditableGridLayout---table tr.EditableGridLayout---selectable.EditableGridLayout---selected td p a,
table.EditableGridLayout---table tr.EditableGridLayout---selectable.EditableGridLayout---selected th p a {
  color: #fff !important;
}
.EditableGridLayout---scrollable_content {
  overflow-x: auto !important;
}
@media print {
  .EditableGridLayout---scrollable_content {
    overflow: hidden !important;
  }
}
.EditableGridLayout---scrollable_content.EditableGridLayout---phone_only {
  overflow-x: hidden !important;
}
.appian-context-ux-page-size-phone .EditableGridLayout---scrollable_content.EditableGridLayout---phone_only {
  overflow-x: auto !important;
}
.EditableGridLayout---grid_cell_background_color_standard {
  background-color: #f0f0f0 !important;
}
.EditableGridLayout---grid_cell_background_color_warn_light_secondary {
  background-color: #f8f8f8 !important;
}
.EditableGridLayout---grid_cell_background_color_success {
  background-color: #e0ffd7 !important;
}
.EditableGridLayout---grid_cell_background_color_error {
  background-color: #ffefef !important;
}
.EditableGridLayout---grid_cell_background_color_warn {
  background-color: #feffd2 !important;
}
.EditableGridLayout---grid_cell_background_color_info {
  background-color: #ecf4ff !important;
}
.EditableGridLayout---grid_cell_background_color_accent {
  background-color: #1d659c !important;
}
.EditableGridLayout---grid_cell_background_color_transparent {
  background-color: transparent !important;
}
@media print {
  table.EditableGridLayout---table,
  table.EditableGridLayout---table.EditableGridLayout---distribute.EditableGridLayout---scrollable {
    table-layout: fixed !important;
  }
}
.EditableGridLayout---table_container {
  position: relative !important;
}
table.EditableGridLayout---table tr:focus-visible {
  outline: none !important;
}
/* Begin styles related to Sail Drag And Drop */
.EditableGridLayout---dnd_kb_controls_container {
  position: relative !important;
}
.EditableGridLayout---hidden_dnd_preview {
  display: none !important;
}
/* The elements that the following classes apply to are created in the middleware-sailDnd-DOMManipualation
 * and do not appear directly in any component files
 */
.EditableGridLayout---row_focus_element {
  position: absolute !important;
  border: 1px solid #1d659c !important;
}
.EditableGridLayout---divider_line {
  position: absolute !important;
  height: 2px !important;
  background-color: #1d659c !important;
}
@-webkit-keyframes EditableGridLayout---pulse_animation {
  50% {
    opacity: 0.1;
  }
}
@keyframes EditableGridLayout---pulse_animation {
  50% {
    opacity: 0.1;
  }
}
.EditableGridLayout---grid_td_pulse_loading_animation {
  height: 40px !important;
}
.EditableGridLayout---grid_td_pulse_loading_animation span {
  background-color: rgba(168, 168, 168, 0.2) !important;
  -webkit-animation: EditableGridLayout---pulse_animation 4s ease-in-out infinite !important;
          animation: EditableGridLayout---pulse_animation 4s ease-in-out infinite !important;
  display: block !important;
  height: 14px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ValidationReader---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .ValidationReader---accessibilityhidden {
  font-size: 0 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* these styles match rich text link styles defined in LinkedItem.less */
.EmphasisText---inMessageLayout a.EmphasisText---inStrongText {
  font-weight: 700 !important;
}
.EmphasisText---inMessageLayout a.EmphasisText---inEmphasisText {
  font-style: italic !important;
}
/* end of matching styles */
.EmphasisText---inMessageLayout a,
.EmphasisText---inMessageLayout a:hover,
.EmphasisText---inMessageLayout a:focus:not(.EmphasisText---appian-context-ux-mouse-focus) {
  color: #1d659c !important;
  border-color: #1d659c !important;
}
.EmphasisText---inMessageLayout.EmphasisText---standard,
.EmphasisText---inMessageLayout.EmphasisText---info,
.EmphasisText---inMessageLayout.EmphasisText---warn,
.EmphasisText---inMessageLayout.EmphasisText---success {
  color: var(--appian-text-color, #222) !important;
}
.EmphasisText---inMessageLayout.EmphasisText---error:not(.EmphasisText---inDarkBackground) {
  color: #de0037 !important;
}
em.EmphasisText---richtext_emphasis {
  font-style: italic !important;
  /* Needed to override default Tempo styles. All em tags have font-weight: normal in Tempo. In order to render
     text that is both emphasis and bold, we need to explicitly set the font-weight on the em inside the strong tag. */
}
em.EmphasisText---richtext_emphasis.EmphasisText---inStrongText {
  font-weight: 700 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.EmptyLiveViewDropZone---emptyLiveViewDropZone {
  height: calc(100% - 16px) !important;
  width: calc(100% - 16px) !important;
  margin: 8px !important;
  background-clip: content-box !important;
  background-color: #f5f5f5 !important;
  border: 2px dotted #c5cbd4 !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  text-align: center !important;
}
.EmptyLiveViewDropZone---emptyLiveViewDropZone.EmptyLiveViewDropZone---targeted {
  background-color: #e4e4ec !important;
}
.EmptyLiveViewDropZone---emptyLiveViewDropZoneText {
  font-size: 20px !important;
  color: #6d7278 !important;
  text-align: center !important;
}
svg.EmptyLiveViewDropZone---emptyLiveViewDropZoneIcon {
  height: 80px !important;
  width: 120px !important;
  fill: #6d7278 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rtl:begin:ignore */
.EmptyLiveViewWidget---emptyLiveViewLayout {
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  margin: 0 auto !important;
  height: 100% !important;
  min-width: 1025px !important;
  max-width: 1280px !important;
  width: 96% !important;
  cursor: default !important;
  white-space: nowrap !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  direction: ltr !important;
  box-shadow: 3px 3px 10px 0 #e4e4ec !important;
}
.EmptyLiveViewWidget---emptyLiveViewPreviewWrapper {
  height: 100% !important;
  width: 100% !important;
  display: table !important;
}
.EmptyLiveViewWidget---emptyLiveViewPreviewText {
  display: table-cell !important;
  vertical-align: middle !important;
  color: #6d7278 !important;
  text-align: center !important;
  font-style: italic !important;
}
.EmptyLiveViewWidget---emptyLiveViewDroppedPreview {
  height: auto !important;
  width: 100% !important;
  padding: 10px !important;
  display: table !important;
}
.EmptyLiveViewWidget---emptyLiveViewDropZoneWrapper {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 0 auto !important;
          flex: 1 0 auto !important;
}
.EmptyLiveViewWidget---emptyLiveViewSeparator {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  width: 2px !important;
  height: calc(100% - 20px) !important;
  margin: 10px 0 !important;
  background-color: #c5cbd4 !important;
}
.EmptyLiveViewWidget---emptyLiveViewDropZoneWrapper,
.EmptyLiveViewWidget---emptyLiveViewTemplatesWrapper {
  margin: 10px !important;
}
.EmptyLiveViewWidget---emptyLiveViewTemplatesWrapper {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 1 auto !important;
          flex: 0 1 auto !important;
  width: 464px !important;
  max-width: 568px !important;
  overflow-y: auto !important;
}
.EmptyLiveViewWidget---emptyLiveViewText {
  font-size: 20px !important;
  color: #6d7278 !important;
  text-align: center !important;
  margin: 10px 0 !important;
}
.EmptyLiveViewWidget---emptyLiveViewText:last-of-type {
  margin-bottom: 10px !important;
  /* needed to override the global_p margin-bottom style */
}
/* rtl:end:ignore */

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ExprDesignerSectionLayout---layout {
  height: 100% !important;
  overflow: hidden !important;
}
.ExprDesignerSectionLayout---header {
  background-color: #f3f3fd !important;
  border-bottom: 1px solid #e4e4ec !important;
  font-weight: normal !important;
  margin: 0 !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
          justify-content: space-between !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  padding: 0 !important;
  height: 2.1429rem !important;
  font-size: 0.9286rem !important;
  font-weight: 600 !important;
}
.ExprDesignerSectionLayout---label {
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
          flex-grow: 1 !important;
  font-size: 0.9286rem !important;
  line-height: 1.5714rem !important;
  color: #000 !important;
  word-wrap: break-word !important;
  position: relative !important;
  padding: 0.2857rem 0 0.2857rem 0.5714rem !important;
}
.ExprDesignerSectionLayout---label:hover,
.ExprDesignerSectionLayout---label:focus:not(.appian-context-ux-mouse-focus) {
  text-decoration: none !important;
}
.ExprDesignerSectionLayout---contents {
  height: calc(100% - 2.1429rem) !important;
  overflow-y: auto !important;
  position: relative !important;
}
.ExprDesignerSectionLayout---contents.ExprDesignerSectionLayout---inDesignViewAccordionLayout {
  height: 100% !important;
}
.ExprDesignerSectionLayout---addLink {
  border: none !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
          flex-grow: 0 !important;
  line-height: 1.5714rem !important;
  padding: 0.2857rem 0.4286rem 0.2857rem 0.2143rem !important;
}
.ExprDesignerSectionLayout---addLinkIcon {
  fill: #343380 !important;
  display: inline-block !important;
  width: 1rem !important;
  height: 1rem !important;
  vertical-align: -2px !important;
}
.appian-context-os-mac .ExprDesignerSectionLayout---addLinkIcon {
  vertical-align: -3px !important;
}
.ExprDesignerSectionLayout---addLink:hover .ExprDesignerSectionLayout---addLinkIcon,
.ExprDesignerSectionLayout---addLink:focus:not(.appian-context-ux-mouse-focus) .ExprDesignerSectionLayout---addLinkIcon {
  fill: #25245c !important;
}
.ExprDesignerSectionLayout---labelIcon {
  margin-left: 6px !important;
}
.ExprDesignerSectionLayout---labelIcon > img {
  height: 20px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
i.ExpressionEditorToolbar---help_tooltip {
  font-size: 1rem !important;
  line-height: 1.4 !important;
  color: #1d659c !important;
  cursor: help !important;
  margin: 0 0 0 0.2857rem !important;
  border: none !important;
  outline: none !important;
  position: absolute !important;
  top: 5px !important;
  /*rtl:ignore*/
  right: 6px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ExpressionEditorWidget---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .ExpressionEditorWidget---accessibilityhidden {
  font-size: 0 !important;
}
/* For nested containers where height is set to 100%, flexbox and Safari do not play nicely.
 * Use absolutely positioned elements instead. https://bugs.webkit.org/show_bug.cgi?id=137730 */
.ExpressionEditorWidget---editorContainer.ExpressionEditorWidget---fit,
.ExpressionEditorWidget---editorContents {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.ExpressionEditorWidget---editorContainer.ExpressionEditorWidget---fit.ExpressionEditorWidget---inPagingGridLayout,
.ExpressionEditorWidget---editorContainer.ExpressionEditorWidget---fit.ExpressionEditorWidget---inEditableGridLayout,
.ExpressionEditorWidget---editorContainer.ExpressionEditorWidget---fit.ExpressionEditorWidget---inPagingGridLayout .ExpressionEditorWidget---editorContents,
.ExpressionEditorWidget---editorContainer.ExpressionEditorWidget---fit.ExpressionEditorWidget---inEditableGridLayout .ExpressionEditorWidget---editorContents {
  outline: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  position: relative !important;
}
.ExpressionEditorWidget---editorContainer.ExpressionEditorWidget---fit.ExpressionEditorWidget---inEditableGridLayout .ExpressionEditorWidget---editorContents .CodeMirror-scroll,
.ExpressionEditorWidget---editorContainer.ExpressionEditorWidget---fit.ExpressionEditorWidget---inPagingGridLayout .ExpressionEditorWidget---editorContents .CodeMirror-scroll {
  /* This height matches the height of .medium */
  max-height: 283px !important;
}
.ExpressionEditorWidget---editorContainer {
  /*rtl:ignore*/
  direction: ltr !important;
  position: relative !important;
  outline: none !important;
  z-index: 2000000 !important;
  /* establish a local stacking context so the CodeMirror z-indices function correctly */
}
/* Repeated class name is a specificity hack to work around box-sizing styling overrides from RenderInElement.less */
.ExpressionEditorWidget---editor.ExpressionEditorWidget---editor {
  height: 100% !important;
  box-sizing: content-box !important;
  /* needed so CodeMirror properly calculates widths */
}
.ExpressionEditorWidget---tooltipGutter {
  width: 20px !important;
}
.ExpressionEditorWidget---tooltipIcon {
  position: absolute !important;
  font-size: 15px !important;
  top: 2px !important;
  /*rtl:ignore*/
  left: 6px !important;
  color: #d20000 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  cursor: help !important;
  z-index: 2000021 !important;
}
.ExpressionEditorWidget---autosuggest {
  z-index: 2000020 !important;
}
.ExpressionEditorWidget---editorContainer:not(.ExpressionEditorWidget---fit) {
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.ExpressionEditorWidget---editorContainer.ExpressionEditorWidget---short {
  height: 95px !important;
}
.ExpressionEditorWidget---editorContainer.ExpressionEditorWidget---medium {
  height: 283px !important;
}
/* The tall style is currently not used anywhere, so it can be changed without consequence */
.ExpressionEditorWidget---editorContainer.ExpressionEditorWidget---tall {
  height: 425px !important;
}
.ExpressionEditorWidget---editorContainer.ExpressionEditorWidget---short.ExpressionEditorWidget---inEditableGridLayout {
  height: 5.36rem !important;
  /* must match the default ParagraphWidget height when in a grid */
}
.ExpressionEditorWidget---toolbarEnabled .ExpressionEditorWidget---editorContents {
  top: 29px !important;
}
.ExpressionEditorWidget---cmGuidanceUnderline {
  background-position: left bottom !important;
  background-repeat: repeat-x !important;
  background-size: 4px 3px !important;
  display: inline-block !important;
  position: relative !important;
}
.ExpressionEditorWidget---canAutoSuggestOnClick,
.ExpressionEditorWidget---cmGuidanceUnderline.ExpressionEditorWidget---severityHigh {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%204%203%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23ffa800%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M0%2C3V1.69L2%2C0%2C4%2C1.69V3L2%2C1.31Z%22%2F%3E%3C%2Fsvg%3E%0A") !important;
}
.ExpressionEditorWidget---cmGuidanceUnderline.ExpressionEditorWidget---severityMedium {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%204%203%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23aeaeae%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M0%2C3V1.69L2%2C0%2C4%2C1.69V3L2%2C1.31Z%22%2F%3E%3C%2Fsvg%3E%0A") !important;
}
.ExpressionEditorWidget---cmGuidanceMarkerIconLightbulb,
.ExpressionEditorWidget---cmGuidanceMarkerIconHighSeverity {
  background-position: center !important;
  background-repeat: no-repeat !important;
  display: inline-block !important;
  height: 14px !important;
  width: 14px !important;
  position: relative !important;
  /*rtl:ignore*/
  left: 10px !important;
  cursor: help !important;
  z-index: 2000021 !important;
}
.ExpressionEditorWidget---cmGuidanceMarkerIconLightbulb {
  background-image: url("data:image/svg+xml, %3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20216%20288%22%3E%3Cpath%20d%3D%22M90.4,216c-.8-3.5-1.2-6.7-2.2-9.7-7-20.6-17.2-39.5-31.3-56C46,137.5,38.1,123.4,36.6,106.4c-2.3-26,6.5-47.6,26.9-63.7C92.2,20,132,22.8,157.8,47.2c26.5,25.1,29.8,68.4,6.6,96.5-13.2,16-24.9,32.9-32.5,52.3-2.5,6.3-5.4,12.6-5.7,20%22%20style%3D%22fill%3A%23fff%22/%3E%3Cpath%20d%3D%22M126.1,216c.3-7.4,3.2-13.6,5.7-20,7.7-19.4,19.3-36.3,32.6-52.3,23.3-28.1,19.9-71.3-6.6-96.5C132,22.8,92.2,20,63.4,42.7c-20.3,16-29.2,37.7-26.9,63.7,1.5,17,9.4,31.1,20.3,43.9a169.88,169.88,0,0,1,31.3,56c1,3,1.4,6.2,2.2,9.7-9,0-17.4,0-25.9-.1a2.69,2.69,0,0,1-1.9-1.7c-7.1-20.6-19.3-38-32.6-54.9-17.5-22.1-24-47.8-19.3-75.4,6.6-39,29-65.8,66.4-78.6,27.2-9.3,54.1-6.4,79.3,7.8,25.6,14.4,41.8,36.3,47.9,64.9,6.5,30.2.3,58.1-19.1,82.4-11.5,14.4-21.9,29.3-29,46.4a14.17,14.17,0,0,0-.8,1.8c-.9,2.4-1.2,5.8-2.9,6.8-2.1,1.2-5.3.5-8.1.5C138.5,216.1,132.4,216,126.1,216Z%22/%3E%3Cpath%20d%3D%22M152.7,234.3c0,8.5.1,16.8-.1,25.1,0,1.8-1,3.6-2,5.2-4,6.2-8.2,12.2-12.1,18.3a10.46,10.46,0,0,1-9.8,5.1c-13.7-.1-27.5-.1-41.2,0a10.84,10.84,0,0,1-9.8-5.2c-3.9-6-8-12-11.9-18-1-1.5-2.1-3.4-2.1-5.1-.2-8.4-.1-16.8-.1-25.4Z%22/%3E%3Cpath%20d%3D%22M54.2,97.8c1-29.1,23.3-51.3,52.5-52.4,5.9-.2,9.8,2.9,10.1,8.1s-3,9.2-8.8,9.5c-9,.5-17,3.1-23.7,9.1C76.6,79,72.7,87.6,72,97.9a14.2,14.2,0,0,1-2.3,7,8.24,8.24,0,0,1-9.9,2.6C56,105.9,54.1,102.5,54.2,97.8Z%22/%3E%3C/svg%3E") !important;
}
.ExpressionEditorWidget---cmGuidanceMarkerIconHighSeverity {
  background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2015%2015%22%20fill%3D%22%23ffa800%22%3E%3Cpath%20d%3D%22M14.83,12.26c-.91-1.68-1.83-3.35-2.75-5L8.49.65A1.2,1.2,0,0,0,8,.12,1.1,1.1,0,0,0,6.52.63C5.38,2.75,4.23,4.85,3.07,7L.19,12.25a1.08,1.08,0,0,0,1,1.68H13.81a1.34,1.34,0,0,0,.35,0A1.07,1.07,0,0,0,14.83,12.26Zm-6.25-.81c0,.24-.11.34-.34.34-.49,0-1,0-1.46,0-.25,0-.35-.1-.35-.35V10c0-.24.1-.34.34-.34H8.24c.24,0,.34.09.34.34Zm.06-5L8.58,8.22c0,.27-.09.35-.37.35H6.77c-.26,0-.33-.07-.34-.33,0-1.19-.09-2.39-.13-3.59,0-.25.1-.37.34-.37.58,0,1.15,0,1.72,0,.26,0,.37.12.35.38C8.69,5.25,8.67,5.84,8.64,6.43Z%22/%3E%3C/svg%3E") !important;
}
/* Read Only Styles */
.ExpressionEditorWidget---readOnly {
  background: #efefef !important;
  opacity: 0.75 !important;
}
.ExpressionEditorWidget---readOnly .CodeMirror-scroll {
  background-color: #efefef !important;
}
.ExpressionEditorWidget---matched {
  -webkit-animation: ExpressionEditorWidget---flash 500ms forwards !important;
  animation: ExpressionEditorWidget---flash 500ms forwards !important;
}
@-webkit-keyframes ExpressionEditorWidget---flash {
  0%,
  50% {
    background-color: #bdd2f0;
  }
  100% {
    background-color: #e7f1ff;
  }
}
@keyframes ExpressionEditorWidget---flash {
  0%,
  50% {
    background-color: #bdd2f0;
  }
  100% {
    background-color: #e7f1ff;
  }
}
.ExpressionEditorWidget---matchedGutter {
  background-color: #bdd2f0 !important;
}

/*rtl:begin:ignore*/
div.Autosuggest---autoSuggestItem {
  background-attachment: scroll !important;
  background-color: transparent !important;
  background-position: 0.3571rem 50%, center !important;
  background-repeat: no-repeat !important;
  background-size: 1.4284rem 1.4284rem !important;
  padding: 0.3571rem 0.3571rem 0.3571rem 2.1426rem !important;
  max-width: 18em !important;
}
/*rtl:end:ignore*/
div.Autosuggest---autoSuggestItem.Autosuggest---hasChildren {
  max-width: 17em !important;
}

.Lozenge---default_direction.Lozenge---literalObjectReference {
  font-size: 11px !important;
  background-color: #efefef !important;
  border-style: solid !important;
  border-width: 0.5px !important;
  border-color: #d9d9d9 !important;
  border-radius: 0.1429rem !important;
  cursor: default !important;
  padding: 1px 4px 1px 20px !important;
  background-position: 3px 50%, center !important;
  background-repeat: no-repeat !important;
  background-size: 15px 15px !important;
  vertical-align: middle !important;
}
.Lozenge---default_direction.Lozenge---highlight {
  background-color: #dddbff !important;
  border-color: #888888 !important;
}
.Lozenge---default_direction.Lozenge---fixedLozenge {
  display: inline-block !important;
  width: auto !important;
  max-width: 18em !important;
  text-overflow: ellipsis !important;
}
/* rtl:begin:ignore */
.Lozenge---force_ltr {
  direction: ltr !important;
}
.Lozenge---force_ltr.Lozenge---literalObjectReference {
  font-size: 11px !important;
  background-color: #efefef !important;
  border-style: solid !important;
  border-width: 0.5px !important;
  border-color: #d9d9d9 !important;
  border-radius: 0.1429rem !important;
  cursor: default !important;
  padding: 1px 4px 1px 20px !important;
  background-position: 3px 50%, center !important;
  background-repeat: no-repeat !important;
  background-size: 15px 15px !important;
  vertical-align: middle !important;
}
.Lozenge---force_ltr.Lozenge---highlight {
  background-color: #dddbff !important;
  border-color: #888888 !important;
}
.Lozenge---force_ltr.Lozenge---fixedLozenge {
  display: inline-block !important;
  width: auto !important;
  max-width: 18em !important;
  text-overflow: ellipsis !important;
}
/* rtl:end:ignore */
.cm-s-control .Lozenge---literalObjectReference {
  cursor: pointer !important;
  text-decoration: underline dotted !important;
}
.cm-s-control .Lozenge---literalObjectReference:hover {
  -webkit-text-decoration-style: solid !important;
          text-decoration-style: solid !important;
}

.FindReplace---matched {
  border-top: 1px solid #c8c8fa !important;
  border-bottom: 1px solid #c8c8fa !important;
  margin: -1px 0 !important;
}
.FindReplace---matched.FindReplace---start {
  border-left: 1px solid #c8c8fa !important;
  margin-left: -1px !important;
}
.FindReplace---matched.FindReplace---end {
  border-right: 1px solid #c8c8fa !important;
  margin-right: -1px !important;
}
.FindReplace---matched.FindReplace---focused {
  background-color: #d7d4f0 !important;
  /* CodeMirror color for selected text when the editor is focused */
}

.cm-indent {
  border-right: 1px solid #e2e2e2 !important;
  margin-right: -1px !important;
}
.cm-s-windows .cm-indent {
  padding-bottom: 1px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* AN-79558: For some reason, the quoted font families are not processed the same way in LESS when they're used inside a
  detached ruleset (@shared-input-styles, here), and our theming extractor ends up not picking them. Moving the font-family
  declaration out of it addresses this. */
.FindReplaceWidget---text,
.FindReplaceWidget---password,
.FindReplaceWidget---textarea,
.FindReplaceWidget---textarea_print,
.FindReplaceWidget---dropdown_value,
.FindReplaceWidget---picker_value,
.FindReplaceWidget---date_range_value {
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
}
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.FindReplaceWidget---align_start {
  text-align: left !important;
}
.FindReplaceWidget---align_end {
  text-align: right !important;
}
.FindReplaceWidget---center {
  text-align: center !important;
}
.FindReplaceWidget---text::-ms-clear,
.FindReplaceWidget---picker_input::-ms-clear {
  display: none !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.FindReplaceWidget---text::-webkit-input-placeholder,
.FindReplaceWidget---password::-webkit-input-placeholder,
.FindReplaceWidget---picker_input::-webkit-input-placeholder,
.FindReplaceWidget---dropdown_value::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-style: italic !important;
  font-weight: 400 !important;
}
.FindReplaceWidget---text::-moz-placeholder,
.FindReplaceWidget---password::-moz-placeholder,
.FindReplaceWidget---picker_input::-moz-placeholder,
.FindReplaceWidget---dropdown_value::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.FindReplaceWidget---text:-ms-input-placeholder,
.FindReplaceWidget---password:-ms-input-placeholder,
.FindReplaceWidget---picker_input:-ms-input-placeholder,
.FindReplaceWidget---dropdown_value:-ms-input-placeholder,
.FindReplaceWidget---dropdown_value:disabled:-ms-input-placeholder,
.FindReplaceWidget---text:disabled:-ms-input-placeholder,
.FindReplaceWidget---password:disabled:-ms-input-placeholder,
.FindReplaceWidget---picker_input:disabled:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.FindReplaceWidget---textarea_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.FindReplaceWidget---text.FindReplaceWidget---has_clear_link,
.FindReplaceWidget---password.FindReplaceWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.FindReplaceWidget---text,
.FindReplaceWidget---password,
.FindReplaceWidget---textarea,
.FindReplaceWidget---textarea_print,
.FindReplaceWidget---dropdown_value,
.FindReplaceWidget---picker_value,
.FindReplaceWidget---date_range_value,
.FindReplaceWidget---date_picker2__control {
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  /* needs extra decimals for correct alignment in some browsers */
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  width: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
}
.FindReplaceWidget---text.FindReplaceWidget---inDarkBackground,
.FindReplaceWidget---password.FindReplaceWidget---inDarkBackground,
.FindReplaceWidget---textarea.FindReplaceWidget---inDarkBackground,
.FindReplaceWidget---textarea_print.FindReplaceWidget---inDarkBackground,
.FindReplaceWidget---dropdown_value.FindReplaceWidget---inDarkBackground,
.FindReplaceWidget---picker_value.FindReplaceWidget---inDarkBackground,
.FindReplaceWidget---date_range_value.FindReplaceWidget---inDarkBackground,
.FindReplaceWidget---date_picker2__control.FindReplaceWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.FindReplaceWidget---dropdown,
.FindReplaceWidget---picker {
  position: relative !important;
  font-size: 1rem !important;
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}
.FindReplaceWidget---dropdown_value,
.FindReplaceWidget---picker_value {
  min-height: 2.4286rem !important;
}
.appian-context-browser-safari .FindReplaceWidget---text,
.appian-context-browser-safari .FindReplaceWidget---textarea {
  margin: 0 !important;
  /* needed to prevent 2px margin-top & margin-bottom on Safari */
}
.appian-context-os-ios .FindReplaceWidget---text,
.appian-context-os-ios .FindReplaceWidget---password,
.appian-context-os-ios .FindReplaceWidget---textarea,
.appian-context-os-ios .FindReplaceWidget---textarea_print,
.appian-context-os-ios .FindReplaceWidget---dropdown_value,
.appian-context-os-ios .FindReplaceWidget---picker_value {
  font-family: -apple-system !important;
}
.appian-context-os-android .FindReplaceWidget---text,
.appian-context-os-android .FindReplaceWidget---password,
.appian-context-os-android .FindReplaceWidget---textarea,
.appian-context-os-android .FindReplaceWidget---textarea_print,
.appian-context-os-android .FindReplaceWidget---dropdown_value,
.appian-context-os-android .FindReplaceWidget---picker_value {
  font-family: "Roboto" !important;
}
.FindReplaceWidget---text.FindReplaceWidget---width_narrow,
.FindReplaceWidget---password.FindReplaceWidget---width_narrow,
.FindReplaceWidget---textarea.FindReplaceWidget---width_narrow,
.FindReplaceWidget---textarea_print.FindReplaceWidget---width_narrow,
.FindReplaceWidget---dropdown.FindReplaceWidget---width_narrow,
.FindReplaceWidget---picker.FindReplaceWidget---width_narrow {
  max-width: 160px !important;
}
.FindReplaceWidget---text.FindReplaceWidget---width_medium,
.FindReplaceWidget---password.FindReplaceWidget---width_medium,
.FindReplaceWidget---textarea.FindReplaceWidget---width_medium,
.FindReplaceWidget---textarea_print.FindReplaceWidget---width_medium,
.FindReplaceWidget---dropdown.FindReplaceWidget---width_medium,
.FindReplaceWidget---picker.FindReplaceWidget---width_medium {
  max-width: 320px !important;
}
.FindReplaceWidget---text:focus,
.FindReplaceWidget---password:focus,
.FindReplaceWidget---textarea:focus,
.FindReplaceWidget---dropdown_value:focus,
.FindReplaceWidget---dropdown_value.FindReplaceWidget---focus,
.FindReplaceWidget---picker_value:focus,
.FindReplaceWidget---picker_value.FindReplaceWidget---focus,
.FindReplaceWidget---date_picker2__control.FindReplaceWidget---date_picker2__control--is-focused {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.FindReplaceWidget---text:disabled,
.FindReplaceWidget---password:disabled,
.FindReplaceWidget---textarea:disabled,
.FindReplaceWidget---textarea.FindReplaceWidget---is_disabled,
.FindReplaceWidget---dropdown_value.FindReplaceWidget---is_disabled,
.FindReplaceWidget---picker_value.FindReplaceWidget---is_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  /* needed to prevent dropdown & picker from getting focus styling on click on IE */
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.FindReplaceWidget---text:disabled,
.FindReplaceWidget---password:disabled,
.FindReplaceWidget---textarea:disabled,
.FindReplaceWidget---textarea.FindReplaceWidget---is_disabled,
.FindReplaceWidget---dropdown_value.FindReplaceWidget---is_disabled:after,
.FindReplaceWidget---dropdown_value.FindReplaceWidget---is_disabled:not(.FindReplaceWidget---placeholder) {
  color: var(--appian-disabled-text-color, #777) !important;
  -webkit-text-fill-color: var(--appian-disabled-text-color, #777) !important;
  /* needed so disabled text color is correct in Safari */
}
.FindReplaceWidget---picker_value.FindReplaceWidget---is_disabled {
  cursor: default !important;
  /* needed to prevent text cursor */
}
.FindReplaceWidget---text[aria-invalid="true"]:not(.FindReplaceWidget---inEditableGridLayout),
.FindReplaceWidget---password[aria-invalid="true"]:not(.FindReplaceWidget---inEditableGridLayout),
.FindReplaceWidget---textarea[aria-invalid="true"]:not(.FindReplaceWidget---inEditableGridLayout),
.FindReplaceWidget---dropdown_value[aria-invalid="true"]:not(.FindReplaceWidget---inEditableGridLayout),
.FindReplaceWidget---picker_value.FindReplaceWidget---invalid:not(.FindReplaceWidget---inEditableGridLayout) {
  border-color: #de0037 !important;
}
.FindReplaceWidget---text[aria-invalid="true"]:not(.FindReplaceWidget---inEditableGridLayout).FindReplaceWidget---inDarkBackground,
.FindReplaceWidget---password[aria-invalid="true"]:not(.FindReplaceWidget---inEditableGridLayout).FindReplaceWidget---inDarkBackground,
.FindReplaceWidget---textarea[aria-invalid="true"]:not(.FindReplaceWidget---inEditableGridLayout).FindReplaceWidget---inDarkBackground,
.FindReplaceWidget---dropdown_value[aria-invalid="true"]:not(.FindReplaceWidget---inEditableGridLayout).FindReplaceWidget---inDarkBackground,
.FindReplaceWidget---picker_value.FindReplaceWidget---invalid:not(.FindReplaceWidget---inEditableGridLayout).FindReplaceWidget---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.FindReplaceWidget---text[aria-invalid="true"]:not(.FindReplaceWidget---inEditableGridLayout):focus,
.FindReplaceWidget---password[aria-invalid="true"]:not(.FindReplaceWidget---inEditableGridLayout):focus,
.FindReplaceWidget---textarea[aria-invalid="true"]:not(.FindReplaceWidget---inEditableGridLayout):focus,
.FindReplaceWidget---dropdown_value[aria-invalid="true"]:not(.FindReplaceWidget---inEditableGridLayout):focus,
.FindReplaceWidget---picker_value.FindReplaceWidget---invalid:not(.FindReplaceWidget---inEditableGridLayout):focus,
.FindReplaceWidget---picker_value.FindReplaceWidget---invalid:not(.FindReplaceWidget---inEditableGridLayout).FindReplaceWidget---focus {
  border-color: #1d659c !important;
}
.FindReplaceWidget---picker_value.FindReplaceWidget---invalid:not(.FindReplaceWidget---inEditableGridLayout),
.FindReplaceWidget---picker_value.FindReplaceWidget---invalid:not(.FindReplaceWidget---inEditableGridLayout):focus,
.FindReplaceWidget---picker_value.FindReplaceWidget---invalid:not(.FindReplaceWidget---inEditableGridLayout).FindReplaceWidget---focus {
  z-index: 2 !important;
}
.FindReplaceWidget---text[aria-invalid="true"].FindReplaceWidget---inEditableGridLayout.FindReplaceWidget---inSideBySideItem,
.FindReplaceWidget---text[aria-invalid="true"].FindReplaceWidget---inEditableGridLayout.FindReplaceWidget---inSideBySideItem:focus,
.FindReplaceWidget---password[aria-invalid="true"].FindReplaceWidget---inEditableGridLayout.FindReplaceWidget---inSideBySideItem,
.FindReplaceWidget---password[aria-invalid="true"].FindReplaceWidget---inEditableGridLayout.FindReplaceWidget---inSideBySideItem:focus,
.FindReplaceWidget---dropdown_value[aria-invalid="true"].FindReplaceWidget---inEditableGridLayout.FindReplaceWidget---inSideBySideItem,
.FindReplaceWidget---dropdown_value[aria-invalid="true"].FindReplaceWidget---inEditableGridLayout.FindReplaceWidget---inSideBySideItem:focus,
.FindReplaceWidget---picker_value.FindReplaceWidget---invalid.FindReplaceWidget---inEditableGridLayout.FindReplaceWidget---inSideBySideItem,
.FindReplaceWidget---picker_value.FindReplaceWidget---invalid.FindReplaceWidget---inEditableGridLayout.FindReplaceWidget---inSideBySideItem:focus,
.FindReplaceWidget---picker_value.FindReplaceWidget---invalid.FindReplaceWidget---inEditableGridLayout.FindReplaceWidget---inSideBySideItem.FindReplaceWidget---focus {
  border: 1px solid transparent !important;
}
.FindReplaceWidget---invalidInSideBySide,
.FindReplaceWidget---invalidInSideBySide:focus {
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.FindReplaceWidget---invalidInSideBySide.FindReplaceWidget---inDarkBackground,
.FindReplaceWidget---invalidInSideBySide:focus.FindReplaceWidget---inDarkBackground {
  border-left-color: var(--appian-input-border-color, #ddd) !important;
  border-right-color: var(--appian-input-border-color, #ddd) !important;
}
.FindReplaceWidget---textarea[aria-invalid="true"].FindReplaceWidget---inEditableGridLayout.FindReplaceWidget---inSideBySideItem,
.FindReplaceWidget---textarea[aria-invalid="true"].FindReplaceWidget---inEditableGridLayout.FindReplaceWidget---inSideBySideItem:focus {
  border-color: #de0037 !important;
}
.FindReplaceWidget---textarea[aria-invalid="true"].FindReplaceWidget---inEditableGridLayout.FindReplaceWidget---inSideBySideItem.FindReplaceWidget---inDarkBackground,
.FindReplaceWidget---textarea[aria-invalid="true"].FindReplaceWidget---inEditableGridLayout.FindReplaceWidget---inSideBySideItem.FindReplaceWidget---inDarkBackground:focus {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.FindReplaceWidget---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.FindReplaceWidget---show_data_icon .FindReplaceWidget---text,
.FindReplaceWidget---show_data_icon .FindReplaceWidget---password,
.FindReplaceWidget---show_data_icon .FindReplaceWidget---textarea,
.FindReplaceWidget---show_data_icon .FindReplaceWidget---dropdown_value {
  padding-left: 1.7857rem !important;
}
.FindReplaceWidget---text.FindReplaceWidget---has_clear_link,
.FindReplaceWidget---password.FindReplaceWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.FindReplaceWidget---character_count {
  position: absolute !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 300 !important;
  right: 0 !important;
  bottom: 0 !important;
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  pointer-events: none !important;
}
.FindReplaceWidget---character_count.FindReplaceWidget---over_limit:not(.FindReplaceWidget---inDarkBackground) {
  color: #de0037 !important;
  fill: #de0037 !important;
}
.FindReplaceWidget---character_count.FindReplaceWidget---over_limit.FindReplaceWidget---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.FindReplaceWidget---character_count .FindReplaceWidget---icon_container {
  outline: none !important;
  margin-right: 3px !important;
  margin-bottom: -2px !important;
}
.FindReplaceWidget---character_count .FindReplaceWidget---icon_container > svg {
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
.FindReplaceWidget---character_count_overlay {
  background-color: var(--appian-input-background-color-faded, #fffd) !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 0.7143rem 0.5714rem 0 !important;
  z-index: 3 !important;
}
.appian-context-os-windows .FindReplaceWidget---character_count_overlay {
  margin: 0 1.2857rem 0.5714rem 0 !important;
}
.FindReplaceWidget---textarea:disabled + .FindReplaceWidget---character_count_overlay,
.FindReplaceWidget---character_count_overlay_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.FindReplaceWidget---data_icon {
  position: absolute !important;
  top: 0.7143rem !important;
  left: 0.5714rem !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  fill: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
a.FindReplaceWidget---input_clear_link {
  border: none !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.FindReplaceWidget---input_icon_wrapper > a.FindReplaceWidget---input_clear_link {
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.9286rem !important;
}
.appian-context-browser-edge .FindReplaceWidget---input_icon_wrapper > a.FindReplaceWidget---input_clear_link {
  top: 0.5rem !important;
}
.FindReplaceWidget---dropdown_value a.FindReplaceWidget---input_clear_link {
  position: absolute !important;
  right: 1.4286rem !important;
  top: 0.5714rem !important;
}
.appian-context-os-mac.appian-context-browser-chrome .FindReplaceWidget---dropdown_value a.FindReplaceWidget---input_clear_link {
  top: 0.5rem !important;
}
a.FindReplaceWidget---input_clear_link:hover,
a.FindReplaceWidget---input_clear_link:focus:not([data-appian-ux-mouse-focus]) {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.FindReplaceWidget---dropdown .FindReplaceWidget---dropdown_value.FindReplaceWidget---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.FindReplaceWidget---dropdown_value.FindReplaceWidget---has_inline_label span.FindReplaceWidget---inline_label,
.FindReplaceWidget---date_range_value.FindReplaceWidget---has_inline_label span.FindReplaceWidget---inline_label {
  display: inline-block !important;
  max-width: 70% !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.7857rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.1429rem !important;
  vertical-align: -0.2143rem !important;
  margin-right: 0.5rem !important;
  padding-right: 0.5rem !important;
  border-right: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.FindReplaceWidget---dropdown_value.FindReplaceWidget---has_inline_label.FindReplaceWidget---inDarkBackground span.FindReplaceWidget---inline_label,
.FindReplaceWidget---date_range_value.FindReplaceWidget---has_inline_label.FindReplaceWidget---inDarkBackground span.FindReplaceWidget---inline_label {
  border-right-color: var(--appian-choice-border-color, #bbb) !important;
}
.appian-context-browser-safari .FindReplaceWidget---dropdown_value.FindReplaceWidget---has_inline_label span.FindReplaceWidget---inline_label,
.appian-context-browser-safari .FindReplaceWidget---date_range_value.FindReplaceWidget---has_inline_label span.FindReplaceWidget---inline_label {
  vertical-align: inherit !important;
}
.FindReplaceWidget---dropdown_value.FindReplaceWidget---has_inline_label.FindReplaceWidget---highlighted span.FindReplaceWidget---value_display,
.FindReplaceWidget---date_range_value.FindReplaceWidget---has_inline_label.FindReplaceWidget---highlighted span.FindReplaceWidget---value_display {
  font-weight: 700 !important;
}
.FindReplaceWidget---dropdown_value.FindReplaceWidget---has_inline_label a.FindReplaceWidget---input_clear_link,
.FindReplaceWidget---date_range_value.FindReplaceWidget---has_inline_label a.FindReplaceWidget---input_clear_link {
  display: none !important;
  position: absolute !important;
  right: 1.5714rem !important;
  top: 0.5714rem !important;
}
.FindReplaceWidget---dropdown_value.FindReplaceWidget---has_inline_label.FindReplaceWidget---highlighted a.FindReplaceWidget---input_clear_link,
.FindReplaceWidget---date_range_value.FindReplaceWidget---has_inline_label.FindReplaceWidget---highlighted a.FindReplaceWidget---input_clear_link {
  display: inline-block !important;
}
.FindReplaceWidget---date_range_value.FindReplaceWidget---has_inline_label.FindReplaceWidget---validation:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.FindReplaceWidget---date_range_value.FindReplaceWidget---has_inline_label.FindReplaceWidget---validation:before {
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.FindReplaceWidget---date_range_value.FindReplaceWidget---has_inline_label.FindReplaceWidget---validation.FindReplaceWidget---inDarkBackground:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.FindReplaceWidget---number_range_input.FindReplaceWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.FindReplaceWidget---date_range_value.FindReplaceWidget---has_inline_label.FindReplaceWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
}
.FindReplaceWidget---date_range_value.FindReplaceWidget---has_inline_label.FindReplaceWidget---validation.FindReplaceWidget---inDarkBackground:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.FindReplaceWidget---number_range_input.FindReplaceWidget---validation,
.FindReplaceWidget---date_range_value.FindReplaceWidget---has_inline_label.FindReplaceWidget---validation {
  position: relative !important;
  border-color: transparent !important;
}
.FindReplaceWidget---align_start {
  text-align: left !important;
}
.FindReplaceWidget---align_end {
  text-align: right !important;
}
.FindReplaceWidget---center {
  text-align: center !important;
}
.FindReplaceWidget---find_replace_widget {
  direction: ltr !important;
  background-color: #f0f0f0 !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-top: none !important;
  height: auto !important;
  z-index: 2000020 !important;
  padding: 4px 18px 4px 4px !important;
  position: absolute !important;
  /*rtl:ignore*/
  right: 0 !important;
  top: 0 !important;
  max-width: 100% !important;
}
.FindReplaceWidget---find_replace_widget.FindReplaceWidget---inModalDialogLayout {
  z-index: 2000023 !important;
}
.FindReplaceWidget---find_replace_widget .FindReplaceWidget---column_layout {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.FindReplaceWidget---find_replace_widget .FindReplaceWidget---column_layout .FindReplaceWidget---column {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 1 auto !important;
          flex: 0 1 auto !important;
}
.FindReplaceWidget---find_replace_widget .FindReplaceWidget---column_layout .FindReplaceWidget---column.FindReplaceWidget---inputs {
  min-width: 136px !important;
  padding-right: 4px !important;
}
.FindReplaceWidget---find_replace_widget .FindReplaceWidget---column_layout .FindReplaceWidget---column.FindReplaceWidget---buttons {
  min-width: 1px !important;
  /*Edge and IE11 button column needs non-zero min-width to prevent buttons from overflowing (AN-82524)*/
}
.FindReplaceWidget---find_replace_widget .FindReplaceWidget---column_layout .FindReplaceWidget---column.FindReplaceWidget---inputs .FindReplaceWidget---input_below {
  margin: 2px 0 !important;
  width: 100% !important;
  position: relative !important;
}
.FindReplaceWidget---find_replace_widget .FindReplaceWidget---column_layout .FindReplaceWidget---column.FindReplaceWidget---inputs .FindReplaceWidget---input_below .FindReplaceWidget---text {
  /*rtl:ignore*/
  direction: ltr !important;
  height: 34px !important;
}
.FindReplaceWidget---find_replace_widget .FindReplaceWidget---column_layout .FindReplaceWidget---column.FindReplaceWidget---inputs .FindReplaceWidget---input_below .FindReplaceWidget---find_count {
  color: var(--appian-secondary-text-color, #767676) !important;
  font-weight: 300 !important;
  position: absolute !important;
  right: 7px !important;
  font-size: 14px !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
  pointer-events: none !important;
}
.FindReplaceWidget---find_replace_widget .FindReplaceWidget---column_layout .FindReplaceWidget---column.FindReplaceWidget---inputs .FindReplaceWidget---input_below .FindReplaceWidget---find_text {
  padding-right: 49px !important;
}
.FindReplaceWidget---find_replace_widget .FindReplaceWidget---column_layout .FindReplaceWidget---column.FindReplaceWidget---inputs .FindReplaceWidget---input_below .FindReplaceWidget---find_text_no_matches:focus {
  border-color: #de0037 !important;
}
.FindReplaceWidget---find_replace_widget .FindReplaceWidget---find_replace_button_layout {
  width: 100% !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -ms-flex-wrap: nowrap !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: row nowrap !important;
          flex-flow: row nowrap !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
          justify-content: flex-start !important;
  -webkit-align-content: stretch !important;
          align-content: stretch !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 1 auto !important;
          flex: 0 1 auto !important;
}
.FindReplaceWidget---find_replace_widget .FindReplaceWidget---find_replace_button_layout:first-child {
  margin-top: 1px !important;
}
.FindReplaceWidget---find_replace_widget .FindReplaceWidget---find_replace_button {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 1 auto !important;
          flex: 0 1 auto !important;
  -ms-flex-preferred-size: auto !important;
  -ms-flex-positive: 0 !important;
  min-width: 29px !important;
  /*Edge and IE11 buttons need wider min-width (previously 26px) to prevent icons from overflowing (AN-82524)*/
  margin: 1px 0 !important;
}
.FindReplaceWidget---find_replace_widget .FindReplaceWidget---find_replace_button:not(:last-child) {
  margin-right: -1px !important;
  /* needed so buttons resemble a button group */
}
.FindReplaceWidget---find_replace_widget .FindReplaceWidget---find_replace_button.FindReplaceWidget---text_button {
  min-width: 40px !important;
  max-width: 200px !important;
}
.FindReplaceWidget---find_replace_widget .FindReplaceWidget---close_link {
  position: absolute !important;
  top: -1px !important;
  right: 3px !important;
  color: #666 !important;
  cursor: pointer !important;
  border-bottom: none !important;
  -webkit-transition: all 400ms ease-in-out !important;
  transition: all 400ms ease-in-out !important;
}
.FindReplaceWidget---find_replace_widget .FindReplaceWidget---close_link:hover,
.FindReplaceWidget---find_replace_widget .FindReplaceWidget---close_link:focus {
  -webkit-transform: scale(1.3) !important;
          transform: scale(1.3) !important;
}

/* AN-79558: For some reason, the quoted font families are not processed the same way in LESS when they're used inside a
  detached ruleset (@shared-input-styles, here), and our theming extractor ends up not picking them. Moving the font-family
  declaration out of it addresses this. */
.FontAwesomeIconPicker---text,
.FontAwesomeIconPicker---password,
.FontAwesomeIconPicker---textarea,
.FontAwesomeIconPicker---textarea_print,
.FontAwesomeIconPicker---dropdown_value,
.FontAwesomeIconPicker---picker_value,
.FontAwesomeIconPicker---date_range_value {
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
}
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.FontAwesomeIconPicker---align_start {
  text-align: left !important;
}
.FontAwesomeIconPicker---align_end {
  text-align: right !important;
}
.FontAwesomeIconPicker---center {
  text-align: center !important;
}
.FontAwesomeIconPicker---text::-ms-clear,
.FontAwesomeIconPicker---picker_input::-ms-clear {
  display: none !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.FontAwesomeIconPicker---text::-webkit-input-placeholder,
.FontAwesomeIconPicker---password::-webkit-input-placeholder,
.FontAwesomeIconPicker---picker_input::-webkit-input-placeholder,
.FontAwesomeIconPicker---dropdown_value::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-style: italic !important;
  font-weight: 400 !important;
}
.FontAwesomeIconPicker---text::-moz-placeholder,
.FontAwesomeIconPicker---password::-moz-placeholder,
.FontAwesomeIconPicker---picker_input::-moz-placeholder,
.FontAwesomeIconPicker---dropdown_value::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.FontAwesomeIconPicker---text:-ms-input-placeholder,
.FontAwesomeIconPicker---password:-ms-input-placeholder,
.FontAwesomeIconPicker---picker_input:-ms-input-placeholder,
.FontAwesomeIconPicker---dropdown_value:-ms-input-placeholder,
.FontAwesomeIconPicker---dropdown_value:disabled:-ms-input-placeholder,
.FontAwesomeIconPicker---text:disabled:-ms-input-placeholder,
.FontAwesomeIconPicker---password:disabled:-ms-input-placeholder,
.FontAwesomeIconPicker---picker_input:disabled:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.FontAwesomeIconPicker---textarea_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.FontAwesomeIconPicker---text.FontAwesomeIconPicker---has_clear_link,
.FontAwesomeIconPicker---password.FontAwesomeIconPicker---has_clear_link {
  padding-right: 1.5714rem !important;
}
.FontAwesomeIconPicker---text,
.FontAwesomeIconPicker---password,
.FontAwesomeIconPicker---textarea,
.FontAwesomeIconPicker---textarea_print,
.FontAwesomeIconPicker---dropdown_value,
.FontAwesomeIconPicker---picker_value,
.FontAwesomeIconPicker---date_range_value,
.FontAwesomeIconPicker---date_picker2__control {
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  /* needs extra decimals for correct alignment in some browsers */
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  width: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
}
.FontAwesomeIconPicker---text.FontAwesomeIconPicker---inDarkBackground,
.FontAwesomeIconPicker---password.FontAwesomeIconPicker---inDarkBackground,
.FontAwesomeIconPicker---textarea.FontAwesomeIconPicker---inDarkBackground,
.FontAwesomeIconPicker---textarea_print.FontAwesomeIconPicker---inDarkBackground,
.FontAwesomeIconPicker---dropdown_value.FontAwesomeIconPicker---inDarkBackground,
.FontAwesomeIconPicker---picker_value.FontAwesomeIconPicker---inDarkBackground,
.FontAwesomeIconPicker---date_range_value.FontAwesomeIconPicker---inDarkBackground,
.FontAwesomeIconPicker---date_picker2__control.FontAwesomeIconPicker---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.FontAwesomeIconPicker---dropdown,
.FontAwesomeIconPicker---picker {
  position: relative !important;
  font-size: 1rem !important;
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}
.FontAwesomeIconPicker---dropdown_value,
.FontAwesomeIconPicker---picker_value {
  min-height: 2.4286rem !important;
}
.appian-context-browser-safari .FontAwesomeIconPicker---text,
.appian-context-browser-safari .FontAwesomeIconPicker---textarea {
  margin: 0 !important;
  /* needed to prevent 2px margin-top & margin-bottom on Safari */
}
.appian-context-os-ios .FontAwesomeIconPicker---text,
.appian-context-os-ios .FontAwesomeIconPicker---password,
.appian-context-os-ios .FontAwesomeIconPicker---textarea,
.appian-context-os-ios .FontAwesomeIconPicker---textarea_print,
.appian-context-os-ios .FontAwesomeIconPicker---dropdown_value,
.appian-context-os-ios .FontAwesomeIconPicker---picker_value {
  font-family: -apple-system !important;
}
.appian-context-os-android .FontAwesomeIconPicker---text,
.appian-context-os-android .FontAwesomeIconPicker---password,
.appian-context-os-android .FontAwesomeIconPicker---textarea,
.appian-context-os-android .FontAwesomeIconPicker---textarea_print,
.appian-context-os-android .FontAwesomeIconPicker---dropdown_value,
.appian-context-os-android .FontAwesomeIconPicker---picker_value {
  font-family: "Roboto" !important;
}
.FontAwesomeIconPicker---text.FontAwesomeIconPicker---width_narrow,
.FontAwesomeIconPicker---password.FontAwesomeIconPicker---width_narrow,
.FontAwesomeIconPicker---textarea.FontAwesomeIconPicker---width_narrow,
.FontAwesomeIconPicker---textarea_print.FontAwesomeIconPicker---width_narrow,
.FontAwesomeIconPicker---dropdown.FontAwesomeIconPicker---width_narrow,
.FontAwesomeIconPicker---picker.FontAwesomeIconPicker---width_narrow {
  max-width: 160px !important;
}
.FontAwesomeIconPicker---text.FontAwesomeIconPicker---width_medium,
.FontAwesomeIconPicker---password.FontAwesomeIconPicker---width_medium,
.FontAwesomeIconPicker---textarea.FontAwesomeIconPicker---width_medium,
.FontAwesomeIconPicker---textarea_print.FontAwesomeIconPicker---width_medium,
.FontAwesomeIconPicker---dropdown.FontAwesomeIconPicker---width_medium,
.FontAwesomeIconPicker---picker.FontAwesomeIconPicker---width_medium {
  max-width: 320px !important;
}
.FontAwesomeIconPicker---text:focus,
.FontAwesomeIconPicker---password:focus,
.FontAwesomeIconPicker---textarea:focus,
.FontAwesomeIconPicker---dropdown_value:focus,
.FontAwesomeIconPicker---dropdown_value.FontAwesomeIconPicker---focus,
.FontAwesomeIconPicker---picker_value:focus,
.FontAwesomeIconPicker---picker_value.FontAwesomeIconPicker---focus,
.FontAwesomeIconPicker---date_picker2__control.FontAwesomeIconPicker---date_picker2__control--is-focused {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.FontAwesomeIconPicker---text:disabled,
.FontAwesomeIconPicker---password:disabled,
.FontAwesomeIconPicker---textarea:disabled,
.FontAwesomeIconPicker---textarea.FontAwesomeIconPicker---is_disabled,
.FontAwesomeIconPicker---dropdown_value.FontAwesomeIconPicker---is_disabled,
.FontAwesomeIconPicker---picker_value.FontAwesomeIconPicker---is_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  /* needed to prevent dropdown & picker from getting focus styling on click on IE */
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.FontAwesomeIconPicker---text:disabled,
.FontAwesomeIconPicker---password:disabled,
.FontAwesomeIconPicker---textarea:disabled,
.FontAwesomeIconPicker---textarea.FontAwesomeIconPicker---is_disabled,
.FontAwesomeIconPicker---dropdown_value.FontAwesomeIconPicker---is_disabled:after,
.FontAwesomeIconPicker---dropdown_value.FontAwesomeIconPicker---is_disabled:not(.FontAwesomeIconPicker---placeholder) {
  color: var(--appian-disabled-text-color, #777) !important;
  -webkit-text-fill-color: var(--appian-disabled-text-color, #777) !important;
  /* needed so disabled text color is correct in Safari */
}
.FontAwesomeIconPicker---picker_value.FontAwesomeIconPicker---is_disabled {
  cursor: default !important;
  /* needed to prevent text cursor */
}
.FontAwesomeIconPicker---text[aria-invalid="true"]:not(.FontAwesomeIconPicker---inEditableGridLayout),
.FontAwesomeIconPicker---password[aria-invalid="true"]:not(.FontAwesomeIconPicker---inEditableGridLayout),
.FontAwesomeIconPicker---textarea[aria-invalid="true"]:not(.FontAwesomeIconPicker---inEditableGridLayout),
.FontAwesomeIconPicker---dropdown_value[aria-invalid="true"]:not(.FontAwesomeIconPicker---inEditableGridLayout),
.FontAwesomeIconPicker---picker_value.FontAwesomeIconPicker---invalid:not(.FontAwesomeIconPicker---inEditableGridLayout) {
  border-color: #de0037 !important;
}
.FontAwesomeIconPicker---text[aria-invalid="true"]:not(.FontAwesomeIconPicker---inEditableGridLayout).FontAwesomeIconPicker---inDarkBackground,
.FontAwesomeIconPicker---password[aria-invalid="true"]:not(.FontAwesomeIconPicker---inEditableGridLayout).FontAwesomeIconPicker---inDarkBackground,
.FontAwesomeIconPicker---textarea[aria-invalid="true"]:not(.FontAwesomeIconPicker---inEditableGridLayout).FontAwesomeIconPicker---inDarkBackground,
.FontAwesomeIconPicker---dropdown_value[aria-invalid="true"]:not(.FontAwesomeIconPicker---inEditableGridLayout).FontAwesomeIconPicker---inDarkBackground,
.FontAwesomeIconPicker---picker_value.FontAwesomeIconPicker---invalid:not(.FontAwesomeIconPicker---inEditableGridLayout).FontAwesomeIconPicker---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.FontAwesomeIconPicker---text[aria-invalid="true"]:not(.FontAwesomeIconPicker---inEditableGridLayout):focus,
.FontAwesomeIconPicker---password[aria-invalid="true"]:not(.FontAwesomeIconPicker---inEditableGridLayout):focus,
.FontAwesomeIconPicker---textarea[aria-invalid="true"]:not(.FontAwesomeIconPicker---inEditableGridLayout):focus,
.FontAwesomeIconPicker---dropdown_value[aria-invalid="true"]:not(.FontAwesomeIconPicker---inEditableGridLayout):focus,
.FontAwesomeIconPicker---picker_value.FontAwesomeIconPicker---invalid:not(.FontAwesomeIconPicker---inEditableGridLayout):focus,
.FontAwesomeIconPicker---picker_value.FontAwesomeIconPicker---invalid:not(.FontAwesomeIconPicker---inEditableGridLayout).FontAwesomeIconPicker---focus {
  border-color: #1d659c !important;
}
.FontAwesomeIconPicker---picker_value.FontAwesomeIconPicker---invalid:not(.FontAwesomeIconPicker---inEditableGridLayout),
.FontAwesomeIconPicker---picker_value.FontAwesomeIconPicker---invalid:not(.FontAwesomeIconPicker---inEditableGridLayout):focus,
.FontAwesomeIconPicker---picker_value.FontAwesomeIconPicker---invalid:not(.FontAwesomeIconPicker---inEditableGridLayout).FontAwesomeIconPicker---focus {
  z-index: 2 !important;
}
.FontAwesomeIconPicker---text[aria-invalid="true"].FontAwesomeIconPicker---inEditableGridLayout.FontAwesomeIconPicker---inSideBySideItem,
.FontAwesomeIconPicker---text[aria-invalid="true"].FontAwesomeIconPicker---inEditableGridLayout.FontAwesomeIconPicker---inSideBySideItem:focus,
.FontAwesomeIconPicker---password[aria-invalid="true"].FontAwesomeIconPicker---inEditableGridLayout.FontAwesomeIconPicker---inSideBySideItem,
.FontAwesomeIconPicker---password[aria-invalid="true"].FontAwesomeIconPicker---inEditableGridLayout.FontAwesomeIconPicker---inSideBySideItem:focus,
.FontAwesomeIconPicker---dropdown_value[aria-invalid="true"].FontAwesomeIconPicker---inEditableGridLayout.FontAwesomeIconPicker---inSideBySideItem,
.FontAwesomeIconPicker---dropdown_value[aria-invalid="true"].FontAwesomeIconPicker---inEditableGridLayout.FontAwesomeIconPicker---inSideBySideItem:focus,
.FontAwesomeIconPicker---picker_value.FontAwesomeIconPicker---invalid.FontAwesomeIconPicker---inEditableGridLayout.FontAwesomeIconPicker---inSideBySideItem,
.FontAwesomeIconPicker---picker_value.FontAwesomeIconPicker---invalid.FontAwesomeIconPicker---inEditableGridLayout.FontAwesomeIconPicker---inSideBySideItem:focus,
.FontAwesomeIconPicker---picker_value.FontAwesomeIconPicker---invalid.FontAwesomeIconPicker---inEditableGridLayout.FontAwesomeIconPicker---inSideBySideItem.FontAwesomeIconPicker---focus {
  border: 1px solid transparent !important;
}
.FontAwesomeIconPicker---invalidInSideBySide,
.FontAwesomeIconPicker---invalidInSideBySide:focus {
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.FontAwesomeIconPicker---invalidInSideBySide.FontAwesomeIconPicker---inDarkBackground,
.FontAwesomeIconPicker---invalidInSideBySide:focus.FontAwesomeIconPicker---inDarkBackground {
  border-left-color: var(--appian-input-border-color, #ddd) !important;
  border-right-color: var(--appian-input-border-color, #ddd) !important;
}
.FontAwesomeIconPicker---textarea[aria-invalid="true"].FontAwesomeIconPicker---inEditableGridLayout.FontAwesomeIconPicker---inSideBySideItem,
.FontAwesomeIconPicker---textarea[aria-invalid="true"].FontAwesomeIconPicker---inEditableGridLayout.FontAwesomeIconPicker---inSideBySideItem:focus {
  border-color: #de0037 !important;
}
.FontAwesomeIconPicker---textarea[aria-invalid="true"].FontAwesomeIconPicker---inEditableGridLayout.FontAwesomeIconPicker---inSideBySideItem.FontAwesomeIconPicker---inDarkBackground,
.FontAwesomeIconPicker---textarea[aria-invalid="true"].FontAwesomeIconPicker---inEditableGridLayout.FontAwesomeIconPicker---inSideBySideItem.FontAwesomeIconPicker---inDarkBackground:focus {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.FontAwesomeIconPicker---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.FontAwesomeIconPicker---show_data_icon .FontAwesomeIconPicker---text,
.FontAwesomeIconPicker---show_data_icon .FontAwesomeIconPicker---password,
.FontAwesomeIconPicker---show_data_icon .FontAwesomeIconPicker---textarea,
.FontAwesomeIconPicker---show_data_icon .FontAwesomeIconPicker---dropdown_value {
  padding-left: 1.7857rem !important;
}
.FontAwesomeIconPicker---text.FontAwesomeIconPicker---has_clear_link,
.FontAwesomeIconPicker---password.FontAwesomeIconPicker---has_clear_link {
  padding-right: 1.5714rem !important;
}
.FontAwesomeIconPicker---character_count {
  position: absolute !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 300 !important;
  right: 0 !important;
  bottom: 0 !important;
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  pointer-events: none !important;
}
.FontAwesomeIconPicker---character_count.FontAwesomeIconPicker---over_limit:not(.FontAwesomeIconPicker---inDarkBackground) {
  color: #de0037 !important;
  fill: #de0037 !important;
}
.FontAwesomeIconPicker---character_count.FontAwesomeIconPicker---over_limit.FontAwesomeIconPicker---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.FontAwesomeIconPicker---character_count .FontAwesomeIconPicker---icon_container {
  outline: none !important;
  margin-right: 3px !important;
  margin-bottom: -2px !important;
}
.FontAwesomeIconPicker---character_count .FontAwesomeIconPicker---icon_container > svg {
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
.FontAwesomeIconPicker---character_count_overlay {
  background-color: var(--appian-input-background-color-faded, #fffd) !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 0.7143rem 0.5714rem 0 !important;
  z-index: 3 !important;
}
.appian-context-os-windows .FontAwesomeIconPicker---character_count_overlay {
  margin: 0 1.2857rem 0.5714rem 0 !important;
}
.FontAwesomeIconPicker---textarea:disabled + .FontAwesomeIconPicker---character_count_overlay,
.FontAwesomeIconPicker---character_count_overlay_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.FontAwesomeIconPicker---data_icon {
  position: absolute !important;
  top: 0.7143rem !important;
  left: 0.5714rem !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  fill: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
a.FontAwesomeIconPicker---input_clear_link {
  border: none !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.FontAwesomeIconPicker---input_icon_wrapper > a.FontAwesomeIconPicker---input_clear_link {
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.9286rem !important;
}
.appian-context-browser-edge .FontAwesomeIconPicker---input_icon_wrapper > a.FontAwesomeIconPicker---input_clear_link {
  top: 0.5rem !important;
}
.FontAwesomeIconPicker---dropdown_value a.FontAwesomeIconPicker---input_clear_link {
  position: absolute !important;
  right: 1.4286rem !important;
  top: 0.5714rem !important;
}
.appian-context-os-mac.appian-context-browser-chrome .FontAwesomeIconPicker---dropdown_value a.FontAwesomeIconPicker---input_clear_link {
  top: 0.5rem !important;
}
a.FontAwesomeIconPicker---input_clear_link:hover,
a.FontAwesomeIconPicker---input_clear_link:focus:not([data-appian-ux-mouse-focus]) {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.FontAwesomeIconPicker---dropdown .FontAwesomeIconPicker---dropdown_value.FontAwesomeIconPicker---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.FontAwesomeIconPicker---dropdown_value.FontAwesomeIconPicker---has_inline_label span.FontAwesomeIconPicker---inline_label,
.FontAwesomeIconPicker---date_range_value.FontAwesomeIconPicker---has_inline_label span.FontAwesomeIconPicker---inline_label {
  display: inline-block !important;
  max-width: 70% !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.7857rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.1429rem !important;
  vertical-align: -0.2143rem !important;
  margin-right: 0.5rem !important;
  padding-right: 0.5rem !important;
  border-right: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.FontAwesomeIconPicker---dropdown_value.FontAwesomeIconPicker---has_inline_label.FontAwesomeIconPicker---inDarkBackground span.FontAwesomeIconPicker---inline_label,
.FontAwesomeIconPicker---date_range_value.FontAwesomeIconPicker---has_inline_label.FontAwesomeIconPicker---inDarkBackground span.FontAwesomeIconPicker---inline_label {
  border-right-color: var(--appian-choice-border-color, #bbb) !important;
}
.appian-context-browser-safari .FontAwesomeIconPicker---dropdown_value.FontAwesomeIconPicker---has_inline_label span.FontAwesomeIconPicker---inline_label,
.appian-context-browser-safari .FontAwesomeIconPicker---date_range_value.FontAwesomeIconPicker---has_inline_label span.FontAwesomeIconPicker---inline_label {
  vertical-align: inherit !important;
}
.FontAwesomeIconPicker---dropdown_value.FontAwesomeIconPicker---has_inline_label.FontAwesomeIconPicker---highlighted span.FontAwesomeIconPicker---value_display,
.FontAwesomeIconPicker---date_range_value.FontAwesomeIconPicker---has_inline_label.FontAwesomeIconPicker---highlighted span.FontAwesomeIconPicker---value_display {
  font-weight: 700 !important;
}
.FontAwesomeIconPicker---dropdown_value.FontAwesomeIconPicker---has_inline_label a.FontAwesomeIconPicker---input_clear_link,
.FontAwesomeIconPicker---date_range_value.FontAwesomeIconPicker---has_inline_label a.FontAwesomeIconPicker---input_clear_link {
  display: none !important;
  position: absolute !important;
  right: 1.5714rem !important;
  top: 0.5714rem !important;
}
.FontAwesomeIconPicker---dropdown_value.FontAwesomeIconPicker---has_inline_label.FontAwesomeIconPicker---highlighted a.FontAwesomeIconPicker---input_clear_link,
.FontAwesomeIconPicker---date_range_value.FontAwesomeIconPicker---has_inline_label.FontAwesomeIconPicker---highlighted a.FontAwesomeIconPicker---input_clear_link {
  display: inline-block !important;
}
.FontAwesomeIconPicker---date_range_value.FontAwesomeIconPicker---has_inline_label.FontAwesomeIconPicker---validation:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.FontAwesomeIconPicker---date_range_value.FontAwesomeIconPicker---has_inline_label.FontAwesomeIconPicker---validation:before {
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.FontAwesomeIconPicker---date_range_value.FontAwesomeIconPicker---has_inline_label.FontAwesomeIconPicker---validation.FontAwesomeIconPicker---inDarkBackground:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.FontAwesomeIconPicker---number_range_input.FontAwesomeIconPicker---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.FontAwesomeIconPicker---date_range_value.FontAwesomeIconPicker---has_inline_label.FontAwesomeIconPicker---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
}
.FontAwesomeIconPicker---date_range_value.FontAwesomeIconPicker---has_inline_label.FontAwesomeIconPicker---validation.FontAwesomeIconPicker---inDarkBackground:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.FontAwesomeIconPicker---number_range_input.FontAwesomeIconPicker---validation,
.FontAwesomeIconPicker---date_range_value.FontAwesomeIconPicker---has_inline_label.FontAwesomeIconPicker---validation {
  position: relative !important;
  border-color: transparent !important;
}
.FontAwesomeIconPicker---icon_picker_search {
  padding: 0 2px 6px !important;
}
.FontAwesomeIconPicker---icon_picker_search.FontAwesomeIconPicker---inRichTextEditorWidget {
  padding: 0 0 6px 0 !important;
}
.FontAwesomeIconPicker---icon_picker_dropdown {
  padding: 10px 8px !important;
  /* if this value changes, also update constant in FontAwesomeIconPicker.jsx*/
  outline: none !important;
}
.FontAwesomeIconPicker---icon_picker_dropdown.FontAwesomeIconPicker---inRichTextEditorWidget {
  padding: 0 !important;
}
.FontAwesomeIconPicker---icon_picker_listbox {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  background-color: #fff !important;
  z-index: 2000020 !important;
  margin: 0 !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
  /* needed to prevent text highlighting */
  margin-top: 2px !important;
  text-align: left !important;
  outline: none !important;
}
.FontAwesomeIconPicker---icon_picker_results {
  position: relative !important;
  height: 200px !important;
  width: 426px !important;
  /* if this value changes, also update the PICKER_WIDTH and the MAX_ICON_ROW_LENGTH constants in FontAwesomeIconPicker.jsx and the icon_dialog width in RichTextIconDialog.less */
  padding: 2px !important;
  /* if this value changes, also update the PICKER_WIDTH constant in FontAwesomeIconPicker.jsx */
  overflow-y: auto !important;
  outline: none !important;
}
.FontAwesomeIconPicker---icon_picker_results.FontAwesomeIconPicker---empty_results {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.FontAwesomeIconPicker---icon_layout {
  font-size: 0 !important;
}
.appian-context-ux-page-size-phone .FontAwesomeIconPicker---icon_layout > :not(:last-child) {
  margin-bottom: 10px !important;
}
.FontAwesomeIconPicker---loading_container {
  position: relative !important;
  background-color: #f0f0f0 !important;
  height: 198px !important;
  width: 422px !important;
  margin: 2px 2px 0px 2px !important;
}
.FontAwesomeIconPicker---loading_container.FontAwesomeIconPicker---text_container {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.FontAwesomeIconPicker---loading_text {
  font-size: 1rem !important;
  color: var(--appian-secondary-text-color, #767676) !important;
}
.FontAwesomeIconPicker---icon_picker_full {
  width: 100% !important;
}
.FontAwesomeIconPicker---icon_picker_full .FontAwesomeIconPicker---loading_container {
  width: 100% !important;
}
.FontAwesomeIconPicker---icon_picker_full .FontAwesomeIconPicker---icon_picker_search {
  margin-bottom: 20px !important;
}
.FontAwesomeIconPicker---icon_picker_full .FontAwesomeIconPicker---icon_picker_results {
  width: 100% !important;
  height: 100% !important;
}
.FontAwesomeIconPicker---icon_picker_full .FontAwesomeIconPicker---icon_picker_results .FontAwesomeIconPicker---iconLayout {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
}
.FontAwesomeIconPicker---icon_picker_full .FontAwesomeIconPicker---icon_picker_results .FontAwesomeIconPicker---iconLayout .FontAwesomeIconPicker---full_style_item {
  width: 50% !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  margin-bottom: 30px !important;
}
.FontAwesomeIconPicker---icon_picker_full .FontAwesomeIconPicker---icon_picker_results .FontAwesomeIconPicker---iconLayout .FontAwesomeIconPicker---full_style_item .FontAwesomeIconPicker---full_style_name {
  margin: 0 0 0 10px !important;
  font-size: 1.1429rem !important;
}
.FontAwesomeIconPicker---icon_picker_full .FontAwesomeIconPicker---icon_picker_results .FontAwesomeIconPicker---iconLayout .FontAwesomeIconPicker---full_style_item .FontAwesomeIconPicker---full_style_icon {
  height: 24px !important;
  width: 24px !important;
}
.FontAwesomeIconPicker---icon_picker_full .FontAwesomeIconPicker---icon_picker_results .FontAwesomeIconPicker---iconLayout .FontAwesomeIconPicker---full_style_item .FontAwesomeIconPicker---related_words_container {
  margin-left: 10px !important;
}
.FontAwesomeIconPicker---icon_picker_full .FontAwesomeIconPicker---icon_picker_results .FontAwesomeIconPicker---iconLayout .FontAwesomeIconPicker---full_style_item .FontAwesomeIconPicker---related_words_container .FontAwesomeIconPicker---related_word {
  font-size: 0.8571rem !important;
  background-color: #ddd !important;
  color: #333 !important;
  border-radius: 4px !important;
  padding: 2px 8px !important;
}
.FontAwesomeIconPicker---icon_picker_full .FontAwesomeIconPicker---icon_picker_results .FontAwesomeIconPicker---iconLayout .FontAwesomeIconPicker---full_style_item .FontAwesomeIconPicker---related_words_container .FontAwesomeIconPicker---related_word:not(:last-child) {
  margin-right: 6px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ExpressionInfoAndVariablePane---wrapper {
  position: relative !important;
  height: 420px !important;
  width: 1150px !important;
}
.ExpressionInfoAndVariablePane---info_and_variable_pane {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
  height: 100% !important;
  width: 100% !important;
  position: absolute !important;
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
      -ms-user-select: text !important;
          user-select: text !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
          align-items: stretch !important;
  overflow: hidden !important;
}
.ExpressionInfoAndVariablePane---info_and_variable_pane .ExpressionInfoAndVariablePane---left_pane {
  width: 300px !important;
  height: 100% !important;
  margin-right: 8px !important;
  -webkit-flex-shrink: 0 !important;
          flex-shrink: 0 !important;
}
.ExpressionInfoAndVariablePane---info_and_variable_pane .ExpressionInfoAndVariablePane---right_pane {
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  width: 850px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ExpressionInfoPanel---infoPanel {
  outline: none !important;
  position: relative !important;
}
.ExpressionInfoPanel---infoPanel:not(.ExpressionInfoPanel---fit) {
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.ExpressionInfoPanel---infoPanel.ExpressionInfoPanel---short {
  height: 195px !important;
}
.ExpressionInfoPanel---infoPanel.ExpressionInfoPanel---medium {
  height: 383px !important;
}
/* The tall style is currently not used anywhere, so it can be changed without consequence */
.ExpressionInfoPanel---infoPanel.ExpressionInfoPanel---tall {
  height: 525px !important;
}
.ExpressionInfoPanel---infoPanel.ExpressionInfoPanel---fit {
  height: 100% !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ExpressionToken---domain {
  font-weight: 700 !important;
  cursor: default !important;
}
.ExpressionToken---variable {
  color: #1d659c !important;
}
.ExpressionToken---info_message {
  cursor: default !important;
  color: #434343 !important;
}
.ExpressionToken---openCloseLink {
  cursor: pointer !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.FallbackErrorCard---errorBox {
  background-color: #eee !important;
  width: 100% !important;
  text-align: center !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  -webkit-align-content: center !important;
          align-content: center !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
  font-style: italic !important;
  color: #666 !important;
  border: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
}
.FallbackErrorCard---errorBox.FallbackErrorCard---height_short {
  height: 280px !important;
}
.FallbackErrorCard---errorBox.FallbackErrorCard---height_medium {
  height: 490px !important;
}
.FallbackErrorCard---errorBox.FallbackErrorCard---height_tall {
  height: 840px !important;
}
.FallbackErrorCard---secondaryText {
  font-size: 0.7143rem !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.FieldLayout---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .FieldLayout---accessibilityhidden {
  font-size: 0 !important;
}
.FieldLayout---margin_above_div {
  height: 0.05px !important;
}
.FieldLayout---field_layout {
  display: table !important;
  width: 100% !important;
  table-layout: fixed !important;
  text-align: left !important;
  word-wrap: break-word !important;
  /* needed on parent container to force long unbroken text to wrap on IE */
  /* If this value changes, update the corresponding margin-bottom value in */
  /* EditLinkLayout.less, SideBySideGroup.less, RichTextLinkDialog.less, RichTextImageDialog.less, RichTextIconDialog.less, & columns.less */
  margin-bottom: 0.7143rem !important;
}
.FieldLayout---field_layout.appian-context-last-in-list,
.FieldLayout---field_layout.FieldLayout---inSideBySideItem,
.FieldLayout---field_layout.FieldLayout---inMinimizedSideBySideItem,
.FieldLayout---field_layout.FieldLayout---inEditLinkLayout {
  margin-bottom: 0 !important;
}
.FieldLayout---field_layout.FieldLayout---margin_below_standard,
.FieldLayout---field_layout.appian-context-last-in-list.FieldLayout---margin_below_standard {
  margin-bottom: 0.7143rem !important;
}
.FieldLayout---field_layout.FieldLayout---margin_below_none,
.FieldLayout---field_layout.appian-context-last-in-list.FieldLayout---margin_below_none {
  margin-bottom: 0 !important;
}
.FieldLayout---field_layout.FieldLayout---margin_below_less,
.FieldLayout---field_layout.appian-context-last-in-list.FieldLayout---margin_below_less {
  margin-bottom: 0.5rem !important;
}
.FieldLayout---field_layout.FieldLayout---margin_below_even_less,
.FieldLayout---field_layout.appian-context-last-in-list.FieldLayout---margin_below_even_less {
  margin-bottom: 0.2857rem !important;
}
.FieldLayout---field_layout.FieldLayout---margin_below_more,
.FieldLayout---field_layout.appian-context-last-in-list.FieldLayout---margin_below_more {
  margin-bottom: 2rem !important;
}
.FieldLayout---field_layout.FieldLayout---margin_below_even_more,
.FieldLayout---field_layout.appian-context-last-in-list.FieldLayout---margin_below_even_more {
  margin-bottom: 4rem !important;
}
.FieldLayout---field_layout.FieldLayout---margin_above_standard {
  margin-top: 0.7143rem !important;
}
.FieldLayout---field_layout.FieldLayout---margin_above_none {
  margin-top: 0 !important;
}
.FieldLayout---field_layout.FieldLayout---margin_above_less {
  margin-top: 0.5rem !important;
}
.FieldLayout---field_layout.FieldLayout---margin_above_even_less {
  margin-top: 0.2857rem !important;
}
.FieldLayout---field_layout.FieldLayout---margin_above_more {
  margin-top: 2rem !important;
}
.FieldLayout---field_layout.FieldLayout---margin_above_even_more {
  margin-top: 4rem !important;
}
.FieldLayout---field_layout.FieldLayout---inDesignViewEntryContainer,
.FieldLayout---field_layout.FieldLayout---inDesignViewEntryContainer.FieldLayout---margin_below_standard {
  margin-bottom: 0.2857rem !important;
}
.FieldLayout---field_layout.FieldLayout---inDesignViewEntryContainer:last-child,
.FieldLayout---field_layout.FieldLayout---inDesignViewEntryContainer.FieldLayout---margin_below_standard:last-child {
  margin-bottom: 0 !important;
}
.FieldLayout---field_layout.FieldLayout---inNewsEntryLayout {
  margin-bottom: 0.5rem !important;
}
.FieldLayout---field_layout.FieldLayout---inNewsEntryLayout.FieldLayout---inMessageLayout {
  margin-bottom: 0 !important;
}
.FieldLayout---field_layout.FieldLayout---inRecordActionWidgetCardGroup {
  margin-bottom: 0.8571rem !important;
}
.FieldLayout---field_layout .FieldLayout---input_below.FieldLayout---inGuidanceApplicationHeaderLayout {
  overflow-y: scroll !important;
  max-height: 220px !important;
  scrollbar-width: none !important;
  /* Needed to hide Firefox scrollbars */
  -ms-overflow-style: none !important;
  /* Needed to hide Internet Explorer 11 scrollbars */
}
.appian-context-browser-firefox .FieldLayout---field_layout .FieldLayout---input_below.FieldLayout---inGuidanceApplicationHeaderLayout {
  max-height: 225px !important;
}
.FieldLayout---field_layout .FieldLayout---input_below.FieldLayout---inGuidanceApplicationHeaderLayout::-webkit-scrollbar {
  /* Needed to hide all WebKit scrollbars */
  display: none !important;
}
.FieldLayout---field_layout.FieldLayout---inMinimizedSideBySideItem {
  table-layout: auto !important;
}
.FieldLayout---field_layout .FieldLayout---label_column {
  display: table-cell !important;
  width: 160px !important;
  padding-right: 0.8571rem !important;
  vertical-align: top !important;
}
.appian-context-ux-page-size-phone .FieldLayout---field_layout .FieldLayout---label_column {
  width: 110px !important;
}
.appian-context-ux-page-size-tablet-portrait .FieldLayout---field_layout.FieldLayout---inColumnArrayLayout .FieldLayout---label_column {
  width: 110px !important;
}
.appian-context-ux-page-size-tablet-landscape .FieldLayout---field_layout.FieldLayout---inColumnArrayLayout .FieldLayout---label_column {
  width: 110px !important;
}
.FieldLayout---field_layout .FieldLayout---label_column.FieldLayout---is_input {
  /* line up with input boxes */
  padding-top: 0.5rem !important;
}
.FieldLayout---field_layout .FieldLayout---label_column.FieldLayout---near {
  text-align: right !important;
}
.FieldLayout---field_layout .FieldLayout---input_column {
  display: table-cell !important;
  vertical-align: top !important;
}
.FieldLayout---field_layout .FieldLayout---label_above {
  display: block !important;
  padding: 0 0 6px 0 !important;
  font-size: 0 !important;
  /* needed to remove extra space above empty label in embedded */
}
.FieldLayout---field_layout .FieldLayout---input_below {
  display: block !important;
}
.FieldLayout---field_layout .FieldLayout---field_label,
.FieldLayout---field_layout .FieldLayout---label_above > label,
.FieldLayout---field_layout .FieldLayout---label_column > label {
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  /* needed for correct vertical alignment of Side By Side Items in Tempo */
  color: var(--appian-text-color, #222) !important;
  word-wrap: break-word !important;
  margin: 0 !important;
  /* needed to remove extra space above empty label in embedded */
  /* these styles match rich text link styles defined in LinkedItem.less */
  /* end of matching styles */
}
.FieldLayout---field_layout .FieldLayout---field_label.FieldLayout---inMessageLayout a.FieldLayout---inStrongText,
.FieldLayout---field_layout .FieldLayout---label_above > label.FieldLayout---inMessageLayout a.FieldLayout---inStrongText,
.FieldLayout---field_layout .FieldLayout---label_column > label.FieldLayout---inMessageLayout a.FieldLayout---inStrongText {
  font-weight: 700 !important;
}
.FieldLayout---field_layout .FieldLayout---field_label.FieldLayout---inMessageLayout a.FieldLayout---inEmphasisText,
.FieldLayout---field_layout .FieldLayout---label_above > label.FieldLayout---inMessageLayout a.FieldLayout---inEmphasisText,
.FieldLayout---field_layout .FieldLayout---label_column > label.FieldLayout---inMessageLayout a.FieldLayout---inEmphasisText {
  font-style: italic !important;
}
.FieldLayout---field_layout .FieldLayout---field_label.FieldLayout---inMessageLayout a,
.FieldLayout---field_layout .FieldLayout---label_above > label.FieldLayout---inMessageLayout a,
.FieldLayout---field_layout .FieldLayout---label_column > label.FieldLayout---inMessageLayout a,
.FieldLayout---field_layout .FieldLayout---field_label.FieldLayout---inMessageLayout a:hover,
.FieldLayout---field_layout .FieldLayout---label_above > label.FieldLayout---inMessageLayout a:hover,
.FieldLayout---field_layout .FieldLayout---label_column > label.FieldLayout---inMessageLayout a:hover,
.FieldLayout---field_layout .FieldLayout---field_label.FieldLayout---inMessageLayout a:focus:not(.FieldLayout---appian-context-ux-mouse-focus),
.FieldLayout---field_layout .FieldLayout---label_above > label.FieldLayout---inMessageLayout a:focus:not(.FieldLayout---appian-context-ux-mouse-focus),
.FieldLayout---field_layout .FieldLayout---label_column > label.FieldLayout---inMessageLayout a:focus:not(.FieldLayout---appian-context-ux-mouse-focus) {
  color: #1d659c !important;
  border-color: #1d659c !important;
}
.FieldLayout---field_layout .FieldLayout---field_label.FieldLayout---inMessageLayout.FieldLayout---standard,
.FieldLayout---field_layout .FieldLayout---label_above > label.FieldLayout---inMessageLayout.FieldLayout---standard,
.FieldLayout---field_layout .FieldLayout---label_column > label.FieldLayout---inMessageLayout.FieldLayout---standard,
.FieldLayout---field_layout .FieldLayout---field_label.FieldLayout---inMessageLayout.FieldLayout---info,
.FieldLayout---field_layout .FieldLayout---label_above > label.FieldLayout---inMessageLayout.FieldLayout---info,
.FieldLayout---field_layout .FieldLayout---label_column > label.FieldLayout---inMessageLayout.FieldLayout---info,
.FieldLayout---field_layout .FieldLayout---field_label.FieldLayout---inMessageLayout.FieldLayout---warn,
.FieldLayout---field_layout .FieldLayout---label_above > label.FieldLayout---inMessageLayout.FieldLayout---warn,
.FieldLayout---field_layout .FieldLayout---label_column > label.FieldLayout---inMessageLayout.FieldLayout---warn,
.FieldLayout---field_layout .FieldLayout---field_label.FieldLayout---inMessageLayout.FieldLayout---success,
.FieldLayout---field_layout .FieldLayout---label_above > label.FieldLayout---inMessageLayout.FieldLayout---success,
.FieldLayout---field_layout .FieldLayout---label_column > label.FieldLayout---inMessageLayout.FieldLayout---success {
  color: var(--appian-text-color, #222) !important;
}
.FieldLayout---field_layout .FieldLayout---field_label.FieldLayout---inMessageLayout.FieldLayout---error:not(.FieldLayout---inDarkBackground),
.FieldLayout---field_layout .FieldLayout---label_above > label.FieldLayout---inMessageLayout.FieldLayout---error:not(.FieldLayout---inDarkBackground),
.FieldLayout---field_layout .FieldLayout---label_column > label.FieldLayout---inMessageLayout.FieldLayout---error:not(.FieldLayout---inDarkBackground) {
  color: #de0037 !important;
}
.FieldLayout---field_layout .FieldLayout---secondary_label {
  font-size: 0.7rem !important;
  font-weight: 400 !important;
  font-style: italic !important;
  color: var(--appian-disabled-text-color, #777) !important;
  margin: 0 0 0 0.2857rem !important;
}
.FieldLayout---field_layout .FieldLayout---label_column.FieldLayout---near .FieldLayout---secondary_label {
  position: relative !important;
  top: 2px !important;
  display: block !important;
  line-height: 0.5rem !important;
  margin: 0 !important;
}
.FieldLayout---field_layout.FieldLayout---inAccentBackground .FieldLayout---field_label,
.FieldLayout---field_layout.FieldLayout---inAccentBackground .FieldLayout---label_above,
.FieldLayout---field_layout.FieldLayout---inAccentBackground .FieldLayout---label_above > label,
.FieldLayout---field_layout.FieldLayout---inAccentBackground .FieldLayout---label_column,
.FieldLayout---field_layout.FieldLayout---inAccentBackground .FieldLayout---label_column > label,
.FieldLayout---field_layout.FieldLayout---inAccentBackground .FieldLayout---secondary_label,
.FieldLayout---field_layout.FieldLayout---inAccentBackground .FieldLayout---field_instructions {
  color: #fff !important;
}
.FieldLayout---field_layout.FieldLayout---inDarkBackground .FieldLayout---field_label,
.FieldLayout---field_layout.FieldLayout---inDarkBackground .FieldLayout---label_above,
.FieldLayout---field_layout.FieldLayout---inDarkBackground .FieldLayout---label_above > label,
.FieldLayout---field_layout.FieldLayout---inDarkBackground .FieldLayout---label_column,
.FieldLayout---field_layout.FieldLayout---inDarkBackground .FieldLayout---label_column > label,
.FieldLayout---field_layout.FieldLayout---inDarkBackground .FieldLayout---secondary_label,
.FieldLayout---field_layout.FieldLayout---inDarkBackground .FieldLayout---field_instructions {
  color: #eee !important;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.8) !important;
}
.FieldLayout---field_layout.FieldLayout---inLightBackground .FieldLayout---field_label,
.FieldLayout---field_layout.FieldLayout---inLightBackground .FieldLayout---label_above > label,
.FieldLayout---field_layout.FieldLayout---inLightBackground .FieldLayout---label_column > label,
.FieldLayout---field_layout.FieldLayout---inLightBackground .FieldLayout---secondary_label {
  color: #222 !important;
}
.FieldLayout---field_layout.FieldLayout---inLightBackground .FieldLayout---field_instructions {
  color: #666 !important;
}
.FieldLayout---field_layout.FieldLayout---inIconAndTextSelectableCard {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-justify-content: space-around !important;
          justify-content: space-around !important;
  height: 50% !important;
}
.FieldLayout---required_wrapper {
  white-space: nowrap !important;
  position: relative !important;
}
.FieldLayout---label_above svg.FieldLayout---required_indicator,
.FieldLayout---label_column:not(.FieldLayout---near) svg.FieldLayout---required_indicator {
  height: 0.5rem !important;
  width: 0.5rem !important;
  vertical-align: 0.3571rem !important;
  margin-left: 0.2143rem !important;
  margin-bottom: -0.0714rem !important;
  fill: #1d659c !important;
}
.FieldLayout---label_column.FieldLayout---near svg.FieldLayout---required_indicator {
  height: 0.5rem !important;
  width: 0.5rem !important;
  vertical-align: 0.3571rem !important;
  margin-right: 0.2143rem !important;
  margin-bottom: -0.0714rem !important;
  fill: #1d659c !important;
}
.FieldLayout---label_above svg.FieldLayout---required_indicator.FieldLayout---inAccentBackground,
.FieldLayout---label_column:not(.FieldLayout---near) svg.FieldLayout---required_indicator.FieldLayout---inAccentBackground,
.FieldLayout---label_column.FieldLayout---near svg.FieldLayout---required_indicator.FieldLayout---inAccentBackground {
  fill: #fff !important;
}
.FieldLayout---field_instructions,
.FieldLayout---field_error {
  margin: 0.5714rem 0 0 0 !important;
  font-size: 0.9286rem !important;
  line-height: 1.2307rem !important;
}
.FieldLayout---field_instructions.FieldLayout---above {
  margin: 0 0 0.5714rem 0 !important;
}
.FieldLayout---field_instructions {
  color: var(--appian-subtle-text-color, #666) !important;
}
.FieldLayout---field_error {
  font-weight: 600 !important;
  color: #de0037 !important;
}
.FieldLayout---field_layout.FieldLayout---inDarkBackground .FieldLayout---field_error {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
a.FieldLayout---help_tooltip {
  cursor: help !important;
  margin: 0 0 0 0.2857rem !important;
  border: none !important;
}
a.FieldLayout---help_tooltip > svg.FieldLayout---help_tooltip {
  width: 1rem !important;
  height: 1rem !important;
  position: static !important;
  vertical-align: top !important;
  margin: 0.2149rem -0.0714rem 0 -0.0714rem !important;
  fill: #1d659c !important;
}
a.FieldLayout---help_tooltip > svg.FieldLayout---help_tooltip.FieldLayout---inAccentBackground {
  fill: #fff !important;
}
.FieldLayout---flip {
  -webkit-transform: scaleX(-1) !important;
          transform: scaleX(-1) !important;
}
.FieldLayout---field_layout.FieldLayout---phq {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.FieldLayout---field_layout.FieldLayout---phq .FieldLayout---label_column {
  width: auto !important;
  text-align: left !important;
}
.FieldLayout---field_layout.FieldLayout---phq .FieldLayout---label_column .FieldLayout---field_label {
  text-transform: uppercase !important;
  font-weight: normal !important;
  font-size: 0.8571rem !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.FieldLayout_ID_DESIGN_VIEW_INLINE_NESTED_ENTRY---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .FieldLayout_ID_DESIGN_VIEW_INLINE_NESTED_ENTRY---accessibilityhidden {
  font-size: 0 !important;
}
.FieldLayout_ID_DESIGN_VIEW_INLINE_NESTED_ENTRY---field_layout {
  display: table !important;
  width: 100% !important;
  table-layout: fixed !important;
  text-align: left !important;
  word-wrap: break-word !important;
  /* needed on parent container to force long unbroken text to wrap on IE */
  margin-bottom: 0 !important;
}
.FieldLayout_ID_DESIGN_VIEW_INLINE_NESTED_ENTRY---field_layout > div:not(.FieldLayout_ID_DESIGN_VIEW_INLINE_NESTED_ENTRY---input_below) {
  display: block !important;
  background-color: #f0f0f0 !important;
  padding: 1px 8px 1px 6px !important;
  height: 22px !important;
}
.FieldLayout_ID_DESIGN_VIEW_INLINE_NESTED_ENTRY---field_layout .FieldLayout_ID_DESIGN_VIEW_INLINE_NESTED_ENTRY---input_below {
  display: block !important;
}
.FieldLayout_ID_DESIGN_VIEW_INLINE_NESTED_ENTRY---field_layout .FieldLayout_ID_DESIGN_VIEW_INLINE_NESTED_ENTRY---label_above .FieldLayout_ID_DESIGN_VIEW_INLINE_NESTED_ENTRY---field_label {
  font-weight: normal !important;
  color: #555 !important;
  font-size: 14px !important;
}
.FieldLayout_ID_DESIGN_VIEW_INLINE_NESTED_ENTRY---field_layout .FieldLayout_ID_DESIGN_VIEW_INLINE_NESTED_ENTRY---label_above {
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding: 0 0 4px 0 !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.FieldLayout_LIVE_VIEW_FORM_FACTOR_TOGGLES---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .FieldLayout_LIVE_VIEW_FORM_FACTOR_TOGGLES---accessibilityhidden {
  font-size: 0 !important;
}
.FieldLayout_LIVE_VIEW_FORM_FACTOR_TOGGLES---field_layout {
  display: inline-block !important;
  height: 1.7143rem !important;
}
.appian-context-browser-edge .FieldLayout_LIVE_VIEW_FORM_FACTOR_TOGGLES---field_layout {
  vertical-align: top !important;
  margin-right: -1px !important;
}
.FieldLayout_LIVE_VIEW_FORM_FACTOR_TOGGLES---field_layout .FieldLayout_LIVE_VIEW_FORM_FACTOR_TOGGLES---input_below {
  display: block !important;
  height: 100% !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.FileUploadWidget---nowrap {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.FileUploadWidget---ui-inaccessible {
  display: none !important;
}
.FileUploadWidget---drag_drop_zone_wrapper {
  width: 100% !important;
  max-width: 450px !important;
  display: inline-block !important;
  padding: 0.1429rem 0.1429rem 0.1429rem calc(0.1429rem + 1px) !important;
  border: 1px dashed var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-top-right-radius: 0rem !important;
  border-bottom-right-radius: 0rem !important;
  border-top-left-radius: max(0rem, 0rem) !important;
  border-bottom-left-radius: max(0rem, 0rem) !important;
  overflow: hidden !important;
  font-size: 1rem !important;
  /* fix alignment issue when in side-by-side layout which sets font-size:0 */
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  cursor: default !important;
  vertical-align: top !important;
  /* needed to prevent extra white space from showing below inline-block element */
  color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed for instructions ellipsis */
}
.FileUploadWidget---drag_drop_zone_wrapper.FileUploadWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .FileUploadWidget---drag_drop_zone_wrapper {
    padding: 0 !important;
    border: none !important;
  }
}
.appian-context-ux-screen-size-narrow .FileUploadWidget---drag_drop_zone_wrapper {
  /* rules to apply in the phone form factor preview in ID */
  padding: 0 !important;
  border: none !important;
}
.appian-context-ux-screen-size-medium .FileUploadWidget---drag_drop_zone_wrapper {
  /* rules to apply in the tablet form factor preview in ID */
  padding: 0 !important;
  border: none !important;
}
.FileUploadWidget---drag_drop_zone_wrapper.FileUploadWidget---inAccentBackground {
  color: #fff !important;
  /* needed for instructions ellipsis */
  border-color: var(--appian-choice-border-color, #bbb) !important;
}
.FileUploadWidget---drag_drop_zone_wrapper.FileUploadWidget---dragover {
  border-color: #1d659c !important;
}
.FileUploadWidget---drag_drop_zone_wrapper.FileUploadWidget---dragover.FileUploadWidget---inAccentBackground {
  border-color: #fff !important;
}
.FileUploadWidget---drag_drop_zone_wrapper .FileUploadWidget---drop_icon {
  display: inline-block !important;
  position: relative !important;
  width: 2rem !important;
  height: 1.4289rem !important;
  vertical-align: text-bottom !important;
  margin-right: 0.2857rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .FileUploadWidget---drag_drop_zone_wrapper .FileUploadWidget---drop_icon {
    display: none !important;
  }
}
.appian-context-ux-screen-size-narrow .FileUploadWidget---drag_drop_zone_wrapper .FileUploadWidget---drop_icon {
  /* rules to apply in the phone form factor preview in ID */
  display: none !important;
}
.appian-context-ux-screen-size-medium .FileUploadWidget---drag_drop_zone_wrapper .FileUploadWidget---drop_icon {
  /* rules to apply in the tablet form factor preview in ID */
  display: none !important;
}
@media print {
  .appian-context-browser-edge .FileUploadWidget---drag_drop_zone_wrapper .FileUploadWidget---drop_icon {
    display: none !important;
  }
}
.FileUploadWidget---drag_drop_zone_wrapper .FileUploadWidget---drop_instructions {
  font-size: 0.9286rem !important;
  font-style: italic !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .FileUploadWidget---drag_drop_zone_wrapper .FileUploadWidget---drop_instructions {
    display: none !important;
  }
}
.appian-context-ux-screen-size-narrow .FileUploadWidget---drag_drop_zone_wrapper .FileUploadWidget---drop_instructions {
  /* rules to apply in the phone form factor preview in ID */
  display: none !important;
}
.appian-context-ux-screen-size-medium .FileUploadWidget---drag_drop_zone_wrapper .FileUploadWidget---drop_instructions {
  /* rules to apply in the tablet form factor preview in ID */
  display: none !important;
}
@media print {
  .appian-context-browser-edge .FileUploadWidget---drag_drop_zone_wrapper .FileUploadWidget---drop_instructions {
    margin-left: 0.5714rem !important;
  }
}
.FileUploadWidget---drag_drop_zone_wrapper .FileUploadWidget---drop_instructions {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 400 !important;
}
.FileUploadWidget---drag_drop_zone_wrapper.FileUploadWidget---inAccentBackground .FileUploadWidget---drop_instructions {
  color: #fff !important;
}
.FileUploadWidget---drag_drop_zone_wrapper.FileUploadWidget---disabled .FileUploadWidget---drop_instructions {
  opacity: 0.7 !important;
}
.FileUploadWidget---drag_drop_zone_wrapper:not(.FileUploadWidget---multi) .FileUploadWidget---drop_instructions {
  margin-right: 0.5714rem !important;
}
.FileUploadWidget---drag_drop_zone_wrapper .FileUploadWidget---drop_icon .FileUploadWidget---drop_file_icon {
  width: 1rem !important;
  height: 1rem !important;
  position: absolute !important;
  top: 0.2143rem !important;
  left: 0.6429rem /*rtl:0.1429rem*/ !important;
}
.FileUploadWidget---drag_drop_zone_wrapper .FileUploadWidget---drop_icon .FileUploadWidget---drop_pointer_icon {
  width: 0.9286rem !important;
  height: 0.9286rem !important;
  position: absolute !important;
  top: 0.7143rem !important;
  left: 1.1429rem /*rtl:0.7143rem*/ !important;
}
.FileUploadWidget---drag_drop_zone_wrapper .FileUploadWidget---drop_icon {
  fill: var(--appian-placeholder-text-color, #767676) !important;
}
.FileUploadWidget---drag_drop_zone_wrapper.FileUploadWidget---inAccentBackground .FileUploadWidget---drop_icon {
  fill: #fff !important;
}
.FileUploadWidget---drag_drop_zone_wrapper.FileUploadWidget---disabled .FileUploadWidget---drop_icon {
  opacity: 0.7 !important;
}
.FileUploadWidget---upload_item {
  display: table !important;
  table-layout: fixed !important;
  width: 100% !important;
  max-width: 450px !important;
}
.FileUploadWidget---upload_item.FileUploadWidget---inDarkBackground .FileUploadWidget---file_metadata {
  color: #eee !important;
}
.FileUploadWidget---upload_item.FileUploadWidget---inLightBackground .FileUploadWidget---file_metadata {
  color: #222 !important;
}
.FileUploadWidget---upload_item.FileUploadWidget---inAccentBackground .FileUploadWidget---file_metadata {
  color: #fff !important;
}
.FileUploadWidget---upload_item p {
  line-height: 19px !important;
  /* needed so that 2 lines of text equal the height of the icon (38px) */
}
/* icon is hidden when printing on Edge */
@media print {
  .appian-context-browser-edge .FileUploadWidget---upload_item p {
    line-height: 13px !important;
  }
}
.FileUploadWidget---upload_item:focus {
  outline: none !important;
}
.FileUploadWidget---upload_item:not(:last-child) {
  margin-bottom: 6px !important;
}
.FileUploadWidget---upload_item > div {
  display: table-cell !important;
  vertical-align: middle !important;
}
.FileUploadWidget---upload_item .FileUploadWidget---icon {
  width: 46px !important;
  position: relative !important;
}
/* hide icon since background images don't print properly on Edge */
@media print {
  .appian-context-browser-edge .FileUploadWidget---upload_item .FileUploadWidget---icon {
    display: none !important;
  }
}
.FileUploadWidget---file_icon,
.FileUploadWidget---upload_item.FileUploadWidget---disabled .FileUploadWidget---file_icon,
.FileUploadWidget---upload_add {
  display: inline-block !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 19px !important;
  border: 3px solid #1d659c !important;
  position: relative !important;
  vertical-align: middle !important;
}
.FileUploadWidget---file_icon.FileUploadWidget---inAccentBackground,
.FileUploadWidget---upload_item.FileUploadWidget---disabled.FileUploadWidget---inAccentBackground .FileUploadWidget---file_icon,
.FileUploadWidget---upload_add.FileUploadWidget---inAccentBackground {
  border: 3px solid #fff !important;
}
.FileUploadWidget---file_icon.FileUploadWidget---uploading,
.FileUploadWidget---upload_add {
  border-color: var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.FileUploadWidget---file_icon.FileUploadWidget---uploading.FileUploadWidget---inDarkBackground,
.FileUploadWidget---upload_add.FileUploadWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.FileUploadWidget---upload_add:not(.FileUploadWidget---disabled):hover,
.FileUploadWidget---upload_add:not(.FileUploadWidget---disabled):focus {
  background-color: #1d659c !important;
  border-color: #1d659c !important;
}
.FileUploadWidget---upload_add.FileUploadWidget---inAccentBackground:not(.FileUploadWidget---disabled):hover,
.FileUploadWidget---upload_add.FileUploadWidget---inAccentBackground:not(.FileUploadWidget---disabled):focus {
  background-color: #fff !important;
  border-color: #fff !important;
}
.FileUploadWidget---file_icon.FileUploadWidget---generic:after {
  content: "" !important;
  display: inline-block !important;
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1596%20380q28%2028%2048%2076t20%2088v1152q0%2040-28%2068t-68%2028h-1344q-40%200-68-28t-28-68v-1600q0-40%2028-68t68-28h896q40%200%2088%2020t76%2048zm-444-244v376h376q-10-29-22-41l-313-313q-12-12-41-22zm384%201528v-1024h-416q-40%200-68-28t-28-68v-416h-768v1536h1280z%22/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 20px 20px !important;
  background-position: 50% 50% /*rtl: 60% 50%*/ !important;
  width: 34px !important;
  height: 34px !important;
  margin-top: -1px !important;
}
.FileUploadWidget---file_icon.FileUploadWidget---generic.FileUploadWidget---inAccentBackground:after {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M1596%20380q28%2028%2048%2076t20%2088v1152q0%2040-28%2068t-68%2028h-1344q-40%200-68-28t-28-68v-1600q0-40%2028-68t68-28h896q40%200%2088%2020t76%2048zm-444-244v376h376q-10-29-22-41l-313-313q-12-12-41-22zm384%201528v-1024h-416q-40%200-68-28t-28-68v-416h-768v1536h1280z%22/%3E%3C/svg%3E") !important;
}
.FileUploadWidget---upload_add:after {
  content: "" !important;
  display: inline-block !important;
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1600%20736v192q0%2040-28%2068t-68%2028h-416v416q0%2040-28%2068t-68%2028h-192q-40%200-68-28t-28-68v-416h-416q-40%200-68-28t-28-68v-192q0-40%2028-68t68-28h416v-416q0-40%2028-68t68-28h192q40%200%2068%2028t28%2068v416h416q40%200%2068%2028t28%2068z%22/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 20px 20px !important;
  background-position: 50% 50% !important;
  width: 34px !important;
  height: 34px !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.FileUploadWidget---upload_add.FileUploadWidget---inAccentBackground:after {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M1600%20736v192q0%2040-28%2068t-68%2028h-416v416q0%2040-28%2068t-68%2028h-192q-40%200-68-28t-28-68v-416h-416q-40%200-68-28t-28-68v-192q0-40%2028-68t68-28h416v-416q0-40%2028-68t68-28h192q40%200%2068%2028t28%2068v416h416q40%200%2068%2028t28%2068z%22/%3E%3C/svg%3E") !important;
}
.FileUploadWidget---file_icon.FileUploadWidget---uploading:after {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22var%28--appian-input-border-color,%20%23ddd%29%22%3E%3Cpath%20d%3D%22M1596%20380q28%2028%2048%2076t20%2088v1152q0%2040-28%2068t-68%2028h-1344q-40%200-68-28t-28-68v-1600q0-40%2028-68t68-28h896q40%200%2088%2020t76%2048zm-444-244v376h376q-10-29-22-41l-313-313q-12-12-41-22zm384%201528v-1024h-416q-40%200-68-28t-28-68v-416h-768v1536h1280z%22/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 20px 20px !important;
  background-position: 50% 50% !important;
  margin-top: -1px !important;
}
.FileUploadWidget---file_icon:before {
  display: none !important;
  content: "" !important;
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1490%201322q0%2040-28%2068l-136%20136q-28%2028-68%2028t-68-28l-294-294-294%20294q-28%2028-68%2028t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20294%20294-294q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068t-28%2068l-294%20294%20294%20294q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 20px 20px !important;
  background-position: 50% 50% !important;
  width: 34px !important;
  height: 34px !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
  cursor: pointer !important;
  margin-top: -1px !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
}
.appian-context-browser-edge .FileUploadWidget---file_icon:before {
  background-size: 40px 40px !important;
  -webkit-transform: scale(0.5) !important;
          transform: scale(0.5) !important;
  margin: -17px -17px !important;
}
.FileUploadWidget---file_icon.FileUploadWidget---inAccentBackground:before {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M1490%201322q0%2040-28%2068l-136%20136q-28%2028-68%2028t-68-28l-294-294-294%20294q-28%2028-68%2028t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20294%20294-294q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068t-28%2068l-294%20294%20294%20294q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
}
.FileUploadWidget---upload_add:not(.FileUploadWidget---disabled):hover:after,
.FileUploadWidget---upload_add:not(.FileUploadWidget---disabled):focus:after {
  color: #fff !important;
}
.FileUploadWidget---upload_add.FileUploadWidget---inAccentBackground:not(.FileUploadWidget---disabled):hover:after,
.FileUploadWidget---upload_add.FileUploadWidget---inAccentBackground:not(.FileUploadWidget---disabled):focus:after {
  color: #1d659c !important;
}
.FileUploadWidget---upload_item:hover {
  background: -webkit-linear-gradient(left, transparent 19px, /*{{@accent-color-faded}}*/var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08))/*{{/@accent-color-faded}}*/ 19px, /*{{@accent-color-faded}}*/var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08))/*{{/@accent-color-faded}}*/ 100%) !important;
  background: linear-gradient(to right, transparent 19px, var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) 19px, var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) 100%) !important;
}
.FileUploadWidget---upload_item:hover.FileUploadWidget---inCardLayout,
.FileUploadWidget---upload_item:hover.FileUploadWidget---inEditableGridLayout,
.FileUploadWidget---upload_item:hover.FileUploadWidget---inDarkBackground,
.FileUploadWidget---upload_item:hover.FileUploadWidget---inLightBackground {
  background: none !important;
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
}
.FileUploadWidget---upload_item.FileUploadWidget---inAccentBackground:hover {
  background-color: #2173b2 !important;
}
.FileUploadWidget---upload_item.FileUploadWidget---disabled,
.FileUploadWidget---upload_item.FileUploadWidget---disabled .FileUploadWidget---file_icon {
  cursor: default !important;
}
.FileUploadWidget---upload_item.FileUploadWidget---disabled,
.FileUploadWidget---upload_item:hover .FileUploadWidget---file_icon,
.FileUploadWidget---file_icon:focus {
  background-color: #fff !important;
}
.FileUploadWidget---upload_item.FileUploadWidget---inAccentBackground.FileUploadWidget---disabled,
.FileUploadWidget---upload_item.FileUploadWidget---inAccentBackground:hover .FileUploadWidget---file_icon,
.FileUploadWidget---file_icon:focus {
  background-color: #1d659c !important;
}
.FileUploadWidget---upload_item.FileUploadWidget---inEditableGridLayout.FileUploadWidget---disabled,
.FileUploadWidget---upload_item.FileUploadWidget---inEditableGridLayout:hover .FileUploadWidget---file_icon,
.FileUploadWidget---file_icon.FileUploadWidget---inEditableGridLayout:focus,
.FileUploadWidget---upload_item.FileUploadWidget---inCardLayout.FileUploadWidget---disabled,
.FileUploadWidget---upload_item.FileUploadWidget---inCardLayout:hover .FileUploadWidget---file_icon,
.FileUploadWidget---file_icon.FileUploadWidget---inCardLayout:focus,
.FileUploadWidget---upload_item.FileUploadWidget---inDarkBackground.FileUploadWidget---disabled,
.FileUploadWidget---upload_item.FileUploadWidget---inDarkBackground:hover .FileUploadWidget---file_icon,
.FileUploadWidget---file_icon.FileUploadWidget---inDarkBackground:focus,
.FileUploadWidget---upload_item.FileUploadWidget---inLightBackground.FileUploadWidget---disabled,
.FileUploadWidget---upload_item.FileUploadWidget---inLightBackground:hover .FileUploadWidget---file_icon,
.FileUploadWidget---file_icon.FileUploadWidget---inLightBackground:focus {
  background-color: transparent !important;
}
.FileUploadWidget---upload_item.FileUploadWidget---inCardLayout .FileUploadWidget---file_icon,
.FileUploadWidget---upload_item.FileUploadWidget---inEditableGridLayout .FileUploadWidget---file_icon {
  margin: 2px !important;
}
.FileUploadWidget---upload_item.FileUploadWidget---inCardLayout:not(:last-child),
.FileUploadWidget---upload_item.FileUploadWidget---inEditableGridLayout:not(:last-child) {
  margin-bottom: 2px !important;
}
.FileUploadWidget---upload_item.FileUploadWidget---inCardLayout .FileUploadWidget---icon,
.FileUploadWidget---upload_item.FileUploadWidget---inEditableGridLayout .FileUploadWidget---icon {
  width: 48px !important;
}
.FileUploadWidget---upload_item:not(.FileUploadWidget---disabled):hover .FileUploadWidget---file_icon:after,
.FileUploadWidget---upload_item:not(.FileUploadWidget---disabled) .FileUploadWidget---file_icon:focus:after {
  display: none !important;
}
.FileUploadWidget---upload_item:not(.FileUploadWidget---disabled):hover .FileUploadWidget---file_icon:before,
.FileUploadWidget---upload_item:not(.FileUploadWidget---disabled) .FileUploadWidget---file_icon:focus:before {
  display: block !important;
}
.FileUploadWidget---file_icon:not(.FileUploadWidget---disabled):hover:before,
.FileUploadWidget---upload_add:not(.FileUploadWidget---disabled):hover:after {
  -webkit-transform: scaleX(1.2) scaleY(1.2) translate(-42%, -42%) !important;
          transform: scaleX(1.2) scaleY(1.2) translate(-42%, -42%) !important;
  cursor: pointer !important;
}
.appian-context-browser-edge .FileUploadWidget---file_icon:not(.FileUploadWidget---disabled):hover:before,
.appian-context-browser-edge .FileUploadWidget---upload_add:not(.FileUploadWidget---disabled):hover:after {
  width: 68px !important;
  height: 68px !important;
  -webkit-transform: scaleX(0.6) scaleY(0.6) !important;
          transform: scaleX(0.6) scaleY(0.6) !important;
  margin: -34px -34px !important;
}
.FileUploadWidget---upload_item .FileUploadWidget---progress_circle {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 38px !important;
  height: 38px !important;
  pointer-events: none !important;
}
/* needed because 2px margin is added to icon when in grid or card */
.FileUploadWidget---upload_item.FileUploadWidget---inCardLayout .FileUploadWidget---progress_circle,
.FileUploadWidget---upload_item.FileUploadWidget---inEditableGridLayout .FileUploadWidget---progress_circle {
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
}
.FileUploadWidget---upload_item .FileUploadWidget---progress_circle > circle {
  fill: transparent !important;
  stroke: #1d659c !important;
  stroke-width: 3px !important;
}
.FileUploadWidget---upload_item.FileUploadWidget---inAccentBackground .FileUploadWidget---progress_circle > circle {
  fill: transparent !important;
  stroke: #fff !important;
  stroke-width: 3px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.FixedHeader---outer::before {
  content: " " !important;
  display: table !important;
}
.FixedHeader---nonStickyOuter {
  position: static !important;
}
.FixedHeader---outer {
  z-index: 2000009 !important;
  position: -webkit-sticky !important;
  position: sticky !important;
}
.FixedHeader---outer.FixedHeader---record_header {
  z-index: 2000010 !important;
}
.FixedHeader---spacer {
  height: calc(0.5rem + 2px) !important;
  width: 100% !important;
  top: calc(-0.5rem - 2px) !important;
  position: absolute !important;
  background-color: #fff !important;
}
.FixedHeader---spacer.FixedHeader---withDivider {
  height: calc(1rem + 2px) !important;
  top: calc(-1rem - 2px) !important;
}
.FixedHeader---content {
  z-index: 2000009 !important;
  background-color: #fff !important;
}
.FixedHeader---content.FixedHeader---shadow {
  box-shadow: 0 6px 5px -5px #808080 !important;
}
.FixedHeader---content.FixedHeader---shadowTransition {
  -webkit-transition: top 0.5s ease-in-out, box-shadow 0.4s linear !important;
  transition: top 0.5s ease-in-out, box-shadow 0.4s linear !important;
}
.FixedHeader---content::after {
  content: " " !important;
  display: table !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.FixedPaneLayout---draggableParent {
  position: absolute !important;
  height: 100% !important;
  width: 100% !important;
}
.FixedPaneLayout---background {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  overflow: auto !important;
}
.FixedPaneLayout---fixedPaneLayout {
  width: 500px !important;
  max-height: 600px !important;
  z-index: 2000017 !important;
  position: absolute !important;
  top: calc(100% - 620px) !important;
  right: 20px !important;
}
.FixedPaneLayout---fixedPaneLayout .FixedPaneLayout---header {
  border-top: 1px solid grey !important;
  border-right: 1px solid grey !important;
  border-left: 1px solid grey !important;
  background-color: #666 !important;
  color: #fff !important;
  height: 45px !important;
  width: 100% !important;
  position: fixed !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  font-size: 14px !important;
  font-weight: normal !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
          justify-content: flex-start !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  line-height: normal !important;
  margin: 0 !important;
  padding: 6px 8px !important;
}
.FixedPaneLayout---fixedPaneLayout .FixedPaneLayout---contents {
  border-bottom: 1px solid grey !important;
  border-right: 1px solid grey !important;
  border-left: 1px solid grey !important;
  background-color: white !important;
  position: relative !important;
  top: 98px !important;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  max-height: 500px !important;
}
.FixedPaneLayout---contents > div > div:first-child {
  /* Targets the navigation button layout */
  width: 100% !important;
  background-color: white !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  position: fixed !important;
  top: 45px !important;
  padding: 0 10px !important;
  padding-top: 9px !important;
  margin: 0 0 0 -0.92rem !important;
  /* To counteract padding in ContentLayout.less */
  border-bottom: 1px solid grey !important;
  border-right: 1px solid grey !important;
  border-left: 1px solid grey !important;
}
.FixedPaneLayout---contents > div > div:first-child > div {
  /* Targets the navigation button groups in the layout */
  -webkit-flex-basis: 50% !important;
          flex-basis: 50% !important;
  padding: 0px !important;
  display: block !important;
}
.FixedPaneLayout---fixedPaneLayout .FixedPaneLayout---label {
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
          flex-grow: 1 !important;
  padding-right: 8px !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
}
.FixedPaneLayout---fixedPaneLayout .FixedPaneLayout---collapseLink {
  border: none !important;
}
.FixedPaneLayout---fixedPaneLayout .FixedPaneLayout---collapseLinkIcon {
  color: #ddd !important;
  font-size: 14px !important;
  cursor: pointer !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.FormLayout---paneLayout_container {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
}
.FormLayout---title {
  word-wrap: break-word !important;
  font-size: 2.1429rem !important;
  line-height: 1.1 !important;
  font-weight: 600 !important;
  color: var(--appian-text-color, #222) !important;
  margin: 0 0 0.5714rem 0 !important;
  position: relative !important;
}
.FormLayout---title.FormLayout---inDarkBackground {
  color: #eee !important;
  fill: #eee !important;
}
.FormLayout---title.FormLayout---inLightBackground {
  color: #222 !important;
  fill: #222 !important;
}
.FormLayout---bottom_border,
.FormLayout---bottom_border_fixed_header {
  border-bottom: 1px solid #d4d4d4 !important;
}
.FormLayout---bottom_border.FormLayout---inDarkBackground,
.FormLayout---bottom_border_fixed_header.FormLayout---inDarkBackground {
  border-bottom-color: var(--appian-divider-color-subtle-in-dark-bg, #555) !important;
}
.FormLayout---bottom_border {
  margin: 0 0 1rem 0 !important;
}
.FormLayout---margin_above {
  margin-top: 1rem !important;
}
.FormLayout---bottom_margin {
  margin-bottom: 1rem !important;
}
.FormLayout---headerPadding {
  padding: 1.2857rem 1.714rem 0 1.714rem !important;
}
.FormLayout---contentPadding {
  padding: 0 1.714rem 0 1.714rem !important;
}
.FormLayout---footerPadding {
  padding: 0 1.714rem 1.2857rem 1.714rem !important;
}
.FormLayout---bottom_border .FormLayout---title {
  margin: 0 0 1rem 0 !important;
}
.FormLayout---bottom_border .FormLayout---title:after {
  padding: 0 0 1rem 0 !important;
  content: "" !important;
  position: absolute !important;
  bottom: -0.9375rem !important;
}
.FormLayout---wide {
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.FormLayout---medium {
  max-width: 800px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.FormLayout---narrow {
  max-width: 560px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.FormLayout---extra_narrow {
  max-width: 400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
ol.FormattedList---richtext_numberlist,
ul.FormattedList---richtext_bulletlist {
  font-size: 1rem !important;
  line-height: 1.4 !important;
  margin: 0 0 12px !important;
  color: var(--appian-text-color, #222) !important;
  padding: 0 !important;
}
ol.FormattedList---richtext_numberlist:last-child,
ul.FormattedList---richtext_bulletlist:last-child {
  margin-bottom: 0 !important;
}
ol.FormattedList---richtext_numberlist li,
ul.FormattedList---richtext_bulletlist li {
  word-wrap: break-word !important;
  white-space: pre-wrap !important;
  line-height: 1.4 !important;
  /* needed so line height is correct on Tempo */
}
ul.FormattedList---richtext_bulletlist {
  list-style-type: disc !important;
  list-style-position: outside !important;
  list-style-image: none !important;
  margin-left: 30px !important;
  padding: 0 !important;
}
ul.FormattedList---richtext_bulletlist ul.FormattedList---richtext_bulletlist {
  margin-left: 30px !important;
  margin-bottom: 0 !important;
  list-style-type: circle !important;
}
ul.FormattedList---richtext_bulletlist ul.FormattedList---richtext_bulletlist ul.FormattedList---richtext_bulletlist {
  list-style-type: square !important;
}
ul.FormattedList---richtext_bulletlist ul.FormattedList---richtext_bulletlist ul.FormattedList---richtext_bulletlist ul.FormattedList---richtext_bulletlist {
  list-style-type: disc !important;
}
ul.FormattedList---richtext_bulletlist ul.FormattedList---richtext_bulletlist ul.FormattedList---richtext_bulletlist ul.FormattedList---richtext_bulletlist ul.FormattedList---richtext_bulletlist {
  list-style-type: circle !important;
}
ul.FormattedList---richtext_bulletlist ul.FormattedList---richtext_bulletlist ul.FormattedList---richtext_bulletlist ul.FormattedList---richtext_bulletlist ul.FormattedList---richtext_bulletlist ul.FormattedList---richtext_bulletlist {
  list-style-type: square !important;
}
ul.FormattedList---richtext_bulletlist ol.FormattedList---richtext_numberlist {
  margin-bottom: 0 !important;
}
ul.FormattedList---richtext_bulletlist > ol.FormattedList---richtext_numberlist {
  margin-left: 30px !important;
}
ol.FormattedList---richtext_numberlist {
  list-style-type: decimal !important;
  list-style-position: outside !important;
  list-style-image: none !important;
  margin-left: 30px !important;
  padding: 0 !important;
}
ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist {
  margin-left: 30px !important;
  margin-bottom: 0 !important;
  list-style-type: lower-latin !important;
}
ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist {
  list-style-type: lower-roman !important;
}
ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist {
  list-style-type: decimal !important;
}
ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist {
  list-style-type: lower-latin !important;
}
ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist {
  list-style-type: lower-roman !important;
}
ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist {
  list-style-type: decimal !important;
}
ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist {
  list-style-type: lower-latin !important;
}
ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist {
  list-style-type: lower-roman !important;
}
ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist ol.FormattedList---richtext_numberlist {
  list-style-type: decimal !important;
}
ol.FormattedList---richtext_numberlist ul.FormattedList---richtext_bulletlist {
  margin-bottom: 0 !important;
}
.appian-context-browser-safari ol.FormattedList---richtext_numberlist.FormattedList---nowrap li,
.appian-context-browser-safari ul.FormattedList---richtext_bulletlist.FormattedList---nowrap li {
  margin-left: -17px !important;
  list-style-position: inside !important;
}
.appian-context-browser-edge ol.FormattedList---richtext_numberlist.FormattedList---nowrap li,
.appian-context-browser-edge ul.FormattedList---richtext_bulletlist.FormattedList---nowrap li {
  margin-left: -13px !important;
  list-style-position: inside !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
ul.FormattedList---richtext_bulletlist.FormattedList---mask_bullets {
  list-style-type: none !important;
  margin-left: 0 !important;
}
ul.FormattedList---richtext_bulletlist.FormattedList---mask_bullets ul.FormattedList---richtext_bulletlist.FormattedList---mask_bullets,
ul.FormattedList---richtext_bulletlist.FormattedList---mask_bullets ul.FormattedList---richtext_bulletlist.FormattedList---mask_bullets ul.FormattedList---richtext_bulletlist.FormattedList---mask_bullets,
ul.FormattedList---richtext_bulletlist.FormattedList---mask_bullets ul.FormattedList---richtext_bulletlist.FormattedList---mask_bullets ul.FormattedList---richtext_bulletlist.FormattedList---mask_bullets ul.FormattedList---richtext_bulletlist.FormattedList---mask_bullets,
ul.FormattedList---richtext_bulletlist.FormattedList---mask_bullets ul.FormattedList---richtext_bulletlist.FormattedList---mask_bullets ul.FormattedList---richtext_bulletlist.FormattedList---mask_bullets ul.FormattedList---richtext_bulletlist.FormattedList---mask_bullets ul.FormattedList---richtext_bulletlist.FormattedList---mask_bullets,
ul.FormattedList---richtext_bulletlist.FormattedList---mask_bullets ul.FormattedList---richtext_bulletlist.FormattedList---mask_bullets ul.FormattedList---richtext_bulletlist.FormattedList---mask_bullets ul.FormattedList---richtext_bulletlist.FormattedList---mask_bullets ul.FormattedList---richtext_bulletlist.FormattedList---mask_bullets ul.FormattedList---richtext_bulletlist.FormattedList---mask_bullets {
  list-style-type: none !important;
}
ol.FormattedList---richtext_numberlist.FormattedList---inAccentBackground,
ul.FormattedList---richtext_bulletlist.FormattedList---inAccentBackground {
  color: #fff !important;
}
ol.FormattedList---richtext_numberlist.FormattedList---inDarkBackground,
ul.FormattedList---richtext_bulletlist.FormattedList---inDarkBackground {
  color: #eee !important;
}
ol.FormattedList---richtext_numberlist.FormattedList---inLightBackground,
ul.FormattedList---richtext_bulletlist.FormattedList---inLightBackground {
  color: #222 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.FullOverlay---billboard_content {
  z-index: 2 !important;
  position: relative !important;
  width: 100% !important;
  max-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.FullOverlay---billboard_content.FullOverlay---hide_overflow_y {
  overflow-y: hidden !important;
}
.FullOverlay---has_auto_height_background {
  position: absolute !important;
}
.FullOverlay---billboard_content.FullOverlay---dark {
  background-color: rgba(0, 0, 0, 0.75) !important;
}
.FullOverlay---billboard_content.FullOverlay---light {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.FullOverlay---billboard_content.FullOverlay---semi_dark {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.FullOverlay---billboard_content.FullOverlay---semi_light {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.FullOverlay---billboard_content.FullOverlay---full_height {
  height: 100% !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.FullOverlay---billboard_content.FullOverlay---full_height.FullOverlay---content_align_start {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
          align-items: flex-start !important;
}
.FullOverlay---billboard_content.FullOverlay---full_height.FullOverlay---content_center {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.FullOverlay---billboard_content.FullOverlay---full_height.FullOverlay---content_align_end {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
          align-items: flex-end !important;
  overflow-y: hidden !important;
}
.FullOverlay---billboard_content.FullOverlay---width_narrow {
  width: 240px !important;
  max-width: 100% !important;
}
.FullOverlay---billboard_content.FullOverlay---width_medium {
  width: 400px !important;
  max-width: 100% !important;
}
.FullOverlay---billboard_content.FullOverlay---width_wide {
  width: 800px !important;
  max-width: 100% !important;
}
/* Needed so that live view placeholders in column overlay have correct width */
.FullOverlay---billboard_content.FullOverlay---full_height > div {
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
          flex-grow: 1 !important;
}

.GWTPlaceWidget---main {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  height: 100% !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
}
.GWTPlaceWidget---main .GWTPlaceWidget---gwt_task_report_sidebar {
  width: 220px !important;
  min-width: 220px !important;
  overflow: hidden !important;
}
.GWTPlaceWidget---main .GWTPlaceWidget---gwt_container * {
  box-sizing: initial !important;
}
.GWTPlaceWidget---main .GWTPlaceWidget---task_report_container {
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
          flex-grow: 1 !important;
  min-width: 740px !important;
  border-left: 1px solid #dfdfdf !important;
}

.appianNProgress---nprogress_custom_parent {
  overflow: hidden;
  position: relative;
}

.appianNProgress---nprogress_custom_parent .appianNProgress---nprogress_bar {
  position: absolute;
}

.nprogress_custom_parent {
  overflow: hidden;
  position: relative;
}

.nprogress_custom_parent .nprogress_bar {
  position: absolute;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* Make clicks pass-through */
.LoadingBar---nprogress {
  pointer-events: none !important;
}
/* If these styles change, also update preview styles in LoadingBarPreview.less */
.LoadingBar---loading_bar {
  background: #1d659c !important;
  position: fixed !important;
  z-index: 2000025 !important;
  top: 0px !important;
  left: 0 !important;
  width: 100% !important;
  height: 4px !important;
}
.LoadingBar---loading_bar.LoadingBar---subtle {
  background-color: #bbb !important;
}
.LoadingBar---bar_background {
  position: fixed !important;
  z-index: 2000025 !important;
  top: 0px !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.LoadingBar---bar_background.LoadingBar---subtle {
  background-color: #e7e7e7 !important;
}

.ScreenReaderWorkingIndicator---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .ScreenReaderWorkingIndicator---accessibilityhidden {
  font-size: 0 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
button.RecordActionModalWidget---modal_close_control {
  position: absolute !important;
  outline: none !important;
  border: none !important;
  color: #949494 !important;
  font-size: 1.5em !important;
  right: 0.2857em !important;
  border-radius: 1em !important;
  z-index: 2000022 !important;
  cursor: pointer !important;
  line-height: 1.4 !important;
  background: none !important;
}
button.RecordActionModalWidget---modal_close_control.RecordActionModalWidget---on_transparent_background {
  color: #666 !important;
}
button.RecordActionModalWidget---modal_close_control:focus i.RecordActionModalWidget---fa,
button.RecordActionModalWidget---modal_close_control:hover i.RecordActionModalWidget---fa {
  color: #444 !important;
}
button.RecordActionModalWidget---modal_close_control.RecordActionModalWidget---on_transparent_background:focus i.RecordActionModalWidget---fa,
button.RecordActionModalWidget---modal_close_control.RecordActionModalWidget---on_transparent_background:hover i.RecordActionModalWidget---fa {
  color: #333 !important;
}
.RecordActionModalWidget---full_height.RecordActionModalWidget---transparent_background {
  background-color: transparent !important;
}
.RecordActionModalWidget---full_height.RecordActionModalWidget---transparent_background appian-action-dialog,
.RecordActionModalWidget---full_height.RecordActionModalWidget---transparent_background appian-related-action-dialog {
  background-color: transparent !important;
}
.RecordActionModalWidget---full_height.RecordActionModalWidget---dark_mode {
  background-color: #212835 !important;
}
.RecordActionModalWidget---full_height {
  min-height: 100% !important;
  background-color: #fff !important;
}
@media print {
  button.RecordActionModalWidget---modal_close_control {
    display: none !important;
  }
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.MessageLayout---message {
  padding: 0.7143rem 0.8571rem !important;
  background-color: #f0f0f0 !important;
  border: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
  margin-bottom: 1rem !important;
}
.MessageLayout---message.MessageLayout---flush {
  margin-bottom: 0 !important;
}
.MessageLayout---message.MessageLayout---flush:not(.MessageLayout---dark_theme) {
  border: none !important;
}
.MessageLayout---message.MessageLayout---rtdPostUpdateBanner {
  min-height: 54px !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.MessageLayout---message.MessageLayout---inNewsEntryLayout:last-child {
  margin-bottom: 0 !important;
}
.MessageLayout---message.MessageLayout---info {
  background-color: #ecf4ff !important;
}
.MessageLayout---message.MessageLayout---warn {
  background-color: #feffd2 !important;
}
.MessageLayout---message.MessageLayout---success {
  background-color: #e0ffd7 !important;
}
.MessageLayout---message.MessageLayout---warn,
.MessageLayout---message.MessageLayout---success {
  border-color: #e1e1e1 !important;
}
.MessageLayout---message.MessageLayout---error {
  background-color: #ffefef !important;
  border-color: #ff92ad !important;
}
.MessageLayout---message.MessageLayout---dark_theme,
.MessageLayout---message.MessageLayout---dark_theme.MessageLayout---info,
.MessageLayout---message.MessageLayout---dark_theme.MessageLayout---success,
.MessageLayout---message.MessageLayout---dark_theme.MessageLayout---warn,
.MessageLayout---message.MessageLayout---dark_theme.MessageLayout---error {
  background-color: #38445a !important;
  color: var(--appian-text-color, #222) !important;
  border-color: transparent !important;
}
.MessageLayout---message.MessageLayout---dark_theme {
  border-radius: 4px !important;
}
.MessageLayout---message.MessageLayout---dark_theme.MessageLayout---info {
  border-left-color: #1d659c !important;
}
.MessageLayout---message.MessageLayout---dark_theme.MessageLayout---success {
  border-left-color: var(--appian-positive-color-on-dark-bg, #59f73f) !important;
}
.MessageLayout---message.MessageLayout---dark_theme.MessageLayout---warn {
  border-left-color: #fcb858 !important;
}
.MessageLayout---message.MessageLayout---dark_theme.MessageLayout---error {
  border-left-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.MessageLayout---message.MessageLayout---dark_theme.MessageLayout---has_decorative_bar {
  border-left-width: 6px !important;
}
.MessageLayout---message.MessageLayout---inBanner {
  display: inline-block !important;
  padding: 0.2857rem 0.8571rem !important;
  cursor: default !important;
  margin-bottom: 0 !important;
  pointer-events: auto !important;
  border-radius: 0rem !important;
}

.InPlaceDownloadLink---hidden {
  display: none !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
body.ModalDialogManager---has_modal {
  overflow: hidden !important;
}
.ModalDialogManager---modal_backdrop {
  background-color: rgba(0, 0, 0, 0.4) !important;
  position: fixed !important;
  z-index: 2000019 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}
.ModalDialogManager---modal_backdrop.ModalDialogManager---high_priority_z_index {
  z-index: 2000028 !important;
}
.ModalDialogManager---modal_dialog {
  background-color: var(--appian-modal-background-color, #fff) !important;
  border: 1px solid var(--appian-choice-border-color, #bbb) !important;
  z-index: 2000022 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: auto !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  max-width: 98% !important;
  max-height: 98% !important;
  overflow-y: auto !important;
}
.ModalDialogManager---modal_dialog:focus {
  outline: none !important;
}
.ModalDialogManager---modal_dialog.ModalDialogManager---width_fit {
  width: 96% !important;
}
.ModalDialogManager---modal_dialog.ModalDialogManager---width_narrow {
  width: 480px !important;
}
.ModalDialogManager---modal_dialog.ModalDialogManager---width_medium {
  width: 720px !important;
}
.ModalDialogManager---modal_dialog.ModalDialogManager---width_medium_plus {
  width: 960px !important;
}
.ModalDialogManager---modal_dialog.ModalDialogManager---width_wide {
  width: 1200px !important;
}
.ModalDialogManager---modal_dialog.ModalDialogManager---width_extra_wide {
  width: 98% !important;
  max-width: 2000px !important;
}
.ModalDialogManager---modal_dialog.ModalDialogManager---height_fit {
  height: 94% !important;
}
.ModalDialogManager---modal_dialog.ModalDialogManager---height_short {
  height: 340px !important;
}
.ModalDialogManager---modal_dialog.ModalDialogManager---height_medium {
  height: 480px !important;
}
.ModalDialogManager---modal_dialog.ModalDialogManager---height_tall {
  height: 640px !important;
}
.ModalDialogManager---modal_dialog.ModalDialogManager---height_extra_tall {
  height: 670px !important;
}
.ModalDialogManager---modal_dialog.ModalDialogManager---height_auto {
  margin-top: 0 !important;
  top: 90px !important;
  max-height: calc(100% - 110px) !important;
}
@media print {
  .ModalDialogManager---modal_backdrop {
    display: none !important;
  }
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.StandaloneMessageBox---sailcontents {
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
  box-sizing: border-box !important;
  direction: ltr !important;
}
.appian-context-os-ios .StandaloneMessageBox---sailcontents {
  font-family: -apple-system, "Appian Open Sans", Sans-Serif !important;
}
.appian-context-os-android .StandaloneMessageBox---sailcontents {
  font-family: "Roboto", "Appian Open Sans", Sans-Serif !important;
}
.StandaloneMessageBox---sailcontents *,
.StandaloneMessageBox---sailcontents *:before,
.StandaloneMessageBox---sailcontents *:after {
  box-sizing: inherit !important;
}
.StandaloneMessageBox---auto_focus {
  outline: none !important;
}
@media print {
  .StandaloneMessageBox---sailcontents {
    font-size: 9px !important;
  }
}
.StandaloneMessageBox---belowHeader {
  padding: 1.2857rem 1.714rem !important;
  padding-top: 0 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.GaugeWidget---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .GaugeWidget---accessibilityhidden {
  font-size: 0 !important;
}
.GaugeWidget---align_start {
  text-align: left !important;
}
.GaugeWidget---align_end {
  text-align: right !important;
}
.GaugeWidget---center {
  text-align: center !important;
}
.GaugeWidget---container_wrapper {
  overflow: hidden !important;
  font-size: 0 !important;
  /* needed to remove extra space below gauge */
}
.GaugeWidget---gauge_container {
  position: relative !important;
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: inline-flex !important;
}
.GaugeWidget---gauge_container.GaugeWidget---in_mobile_preview {
  max-width: 100% !important;
}
.GaugeWidget---gauge_container > svg {
  fill: transparent !important;
}
.GaugeWidget---gauge_container.GaugeWidget---small,
.GaugeWidget---gauge_container.GaugeWidget---small > svg {
  height: 100px !important;
  width: 100px !important;
}
.GaugeWidget---gauge_container.GaugeWidget---small .GaugeWidget---contents_wrapper {
  top: 10px !important;
  left: 10px !important;
}
.GaugeWidget---gauge_container.GaugeWidget---medium,
.GaugeWidget---gauge_container.GaugeWidget---medium > svg {
  height: 200px !important;
  width: 200px !important;
}
.GaugeWidget---gauge_container.GaugeWidget---medium .GaugeWidget---contents_wrapper {
  top: 20px !important;
  left: 20px !important;
}
.GaugeWidget---gauge_container.GaugeWidget---large,
.GaugeWidget---gauge_container.GaugeWidget---large > svg {
  height: 300px !important;
  width: 300px !important;
}
.GaugeWidget---gauge_container.GaugeWidget---large .GaugeWidget---contents_wrapper {
  top: 30px !important;
  left: 30px !important;
}
.GaugeWidget---gauge_container.GaugeWidget---accent > svg {
  stroke: #1d659c !important;
}
.GaugeWidget---gauge_container.GaugeWidget---accent.GaugeWidget---inAccentBackground > svg {
  stroke: #fff !important;
}
.GaugeWidget---gauge_container.GaugeWidget---positive > svg {
  stroke: #1cc101 !important;
}
.GaugeWidget---gauge_container.GaugeWidget---negative > svg {
  stroke: #de0037 !important;
}
.GaugeWidget---gauge_container.GaugeWidget---warn > svg {
  stroke: #ffa800 !important;
}
.GaugeWidget---gauge_container > svg circle {
  stroke-width: 3px !important;
}
.GaugeWidget---gauge_container > svg circle.GaugeWidget---backgroundCircle {
  stroke: var(--appian-progress-background-color, #ddd) !important;
}
.GaugeWidget---gauge_container.GaugeWidget---accent.GaugeWidget---inAccentBackground > svg circle.GaugeWidget---backgroundCircle {
  stroke: var(--appian-choice-border-color, #bbb) !important;
}
.GaugeWidget---gauge_container .GaugeWidget---contents_wrapper {
  border-radius: 100% !important;
  height: 80% !important;
  width: 80% !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
  position: absolute !important;
}
.GaugeWidget---gauge_container .GaugeWidget---contents_wrapper p {
  white-space: nowrap !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.GridHeaderCell---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .GridHeaderCell---accessibilityhidden {
  font-size: 0 !important;
}
.GridHeaderCell---help_tooltip_grid {
  cursor: help !important;
  margin: 0 0 0 0.2857rem !important;
  border: none !important;
}
.GridHeaderCell---help_tooltip_grid.GridHeaderCell---no_label {
  margin-left: 0 !important;
}
.GridHeaderCell---grid_header_text.GridHeaderCell---inAccentBackground {
  color: #fff !important;
}
.GridHeaderCell---grid_header_text.GridHeaderCell---inDarkBackground {
  color: #eee !important;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.8) !important;
}
.GridHeaderCell---grid_header_text.GridHeaderCell---inLightBackground {
  color: #222 !important;
}
.GridHeaderCell---label_with_context_menu {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 0% !important;
          flex: 1 1 0% !important;
  overflow: hidden !important;
  padding-right: 0.4286rem !important;
}
.GridHeaderCell---start_icon.GridHeaderCell---align_end + .GridHeaderCell---label_with_context_menu.GridHeaderCell---align_end {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 1 auto !important;
          flex: 0 1 auto !important;
}
.GridHeaderCell---context_menu {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 1 auto !important;
          flex: 0 1 auto !important;
  margin-top: -3px !important;
}
.appian-context-browser-safari .GridHeaderCell---context_menu {
  margin-top: -1px !important;
}
.GridHeaderCell---supports_start_icon_only.GridHeaderCell---contains_start_icon .GridHeaderCell---context_menu {
  margin-top: -1px !important;
}
.GridHeaderCell---start_icon {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 1 auto !important;
          flex: 0 1 auto !important;
  padding-right: 6px !important;
  height: 18px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.GridHeaderCell---start_icon.GridHeaderCell---align_end {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
          justify-content: flex-end !important;
}
.GridHeaderCell---end_icon {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 1 auto !important;
          flex: 0 1 auto !important;
  margin-top: -1px !important;
}
.GridHeaderCell---secondary_text {
  font-weight: 300 !important;
  color: var(--appian-secondary-text-color, #767676) !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.HeaderBodyLayout---pane_frame {
  position: absolute !important;
  top: calc(60px + 0px) !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  overflow: auto !important;
}
.HeaderBodyLayout---pane_frame.HeaderBodyLayout---has_vertical_header {
  top: 0px !important;
  left: 100px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.HeaderContentFooterLayout---HCF_layout {
  height: 100% !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
}
.appian-context-browser-safari .HeaderContentFooterLayout---HCF_layout.HeaderContentFooterLayout---inModalDialogLayoutWithAutoHeight {
  height: auto !important;
}
.HeaderContentFooterLayout---header {
  -webkit-box-flex: 0 !important;
  -webkit-flex: none !important;
          flex: none !important;
  border-bottom: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
  -webkit-transition: top 0.5s ease-in-out, box-shadow 0.4s linear !important;
  transition: top 0.5s ease-in-out, box-shadow 0.4s linear !important;
}
.HeaderContentFooterLayout---header.HeaderContentFooterLayout---hide_divider {
  border-bottom: none !important;
}
.HeaderContentFooterLayout---header.HeaderContentFooterLayout---shadow {
  box-shadow: 0 6px 5px -5px #808080 !important;
}
.HeaderContentFooterLayout---content,
.HeaderContentFooterLayout---scroll_wrapper {
  position: relative !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
  overflow: auto !important;
}
.HeaderContentFooterLayout---content_bgstandard {
  background-color: #fff !important;
}
.HeaderContentFooterLayout---pane_layout_content {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.HeaderContentFooterLayout---footer {
  -webkit-box-flex: 0 !important;
  -webkit-flex: none !important;
          flex: none !important;
  border-top: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
  position: relative !important;
  /* Chrome border overlap bug https://code.google.com/p/chromium/issues/detail?id=410323 */
  -webkit-transition: top 0.5s ease-in-out, box-shadow 0.4s linear !important;
  transition: top 0.5s ease-in-out, box-shadow 0.4s linear !important;
}
.HeaderContentFooterLayout---footer.HeaderContentFooterLayout---hide_divider {
  border-top: none !important;
}
.HeaderContentFooterLayout---footer.HeaderContentFooterLayout---shadow {
  box-shadow: 0 -6px 5px -5px #808080 !important;
}
.HeaderContentFooterLayout---wide {
  width: 1120px !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.HeaderContentFooterLayout---medium {
  width: 800px !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.HeaderContentFooterLayout---narrow {
  width: 560px !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.HeaderContentFooterLayout---extra_narrow {
  width: 400px !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.HeaderContentFooterLayout---full {
  min-width: 0 !important;
  max-width: none !important;
  width: 100% !important;
}
@media print {
  .HeaderContentFooterLayout---content {
    position: static !important;
    overflow: visible !important;
    display: block !important;
  }
  .HeaderContentFooterLayout---HCF_layout {
    display: block !important;
  }
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* if changes are made to this file, also update header styles in RichTextEditorWidget.less */
.HeaderText---align_start {
  text-align: left !important;
}
.HeaderText---align_end {
  text-align: right !important;
}
.HeaderText---center {
  text-align: center !important;
}
.HeaderText---nowrap {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.HeaderText---two_lines {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  display: -webkit-box !important;
  word-wrap: break-word !important;
}
h3.HeaderText---richtext_header,
h4.HeaderText---richtext_header,
h5.HeaderText---richtext_header {
  margin: 0 !important;
}
h3.HeaderText---richtext_header:not(.HeaderText---nowrap),
h4.HeaderText---richtext_header:not(.HeaderText---nowrap),
h5.HeaderText---richtext_header:not(.HeaderText---nowrap) {
  word-wrap: break-word !important;
  white-space: pre-wrap !important;
}
h3.HeaderText---richtext_header,
h3.HeaderText---richtext_header a {
  font-size: 2.14rem !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
}
h3.HeaderText---richtext_header {
  padding: 0 0 0.62rem !important;
  /* prevent margin collapse */
  color: #1d659c !important;
}
h3.HeaderText---richtext_header:not(:first-of-type) {
  padding-top: 1.3rem !important;
}
h4.HeaderText---richtext_header,
h4.HeaderText---richtext_header a {
  font-size: 1.5714rem !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
}
h4.HeaderText---richtext_header {
  padding: 0 0 12px !important;
  color: var(--appian-subtle-text-color, #666) !important;
}
h5.HeaderText---richtext_header,
h5.HeaderText---richtext_header a {
  font-size: 1.214rem !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}
h5.HeaderText---richtext_header {
  padding: 0 0 6px !important;
  color: var(--appian-subtle-text-color, #666) !important;
}
h3.HeaderText---richtext_header:last-child,
h4.HeaderText---richtext_header:last-child,
h5.HeaderText---richtext_header:last-child {
  padding-bottom: 0 !important;
}
h3.HeaderText---richtext_header.HeaderText---inAccentBackground,
h4.HeaderText---richtext_header.HeaderText---inAccentBackground,
h5.HeaderText---richtext_header.HeaderText---inAccentBackground {
  color: #fff !important;
}
h3.HeaderText---richtext_header.HeaderText---inDarkBackground {
  color: #eee !important;
}
h3.HeaderText---richtext_header.HeaderText---inLightBackground {
  color: #1d659c !important;
}
h4.HeaderText---richtext_header.HeaderText---inDarkBackground,
h5.HeaderText---richtext_header.HeaderText---inDarkBackground {
  color: #ddd !important;
}
h4.HeaderText---richtext_header.HeaderText---inLightBackground,
h5.HeaderText---richtext_header.HeaderText---inLightBackground {
  color: #666 !important;
}
h3.HeaderText---disabled {
  color: var(--appian-secondary-text-color, #767676) !important;
}
h3.HeaderText---richtext_header.HeaderText---basic_text,
h4.HeaderText---richtext_header.HeaderText---basic_text,
h5.HeaderText---richtext_header.HeaderText---basic_text {
  font-weight: normal !important;
  color: var(--appian-text-color, #222) !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* A prettier bug causes infinite semi colons to be added without this comment ( https://github.com/prettier/prettier/issues/11483 ) */
.Heading---default_font_style {
  word-wrap: break-word !important;
}
.Heading---heading_large_plus,
.Heading---heading_large_plus a.Heading---heading_link {
  font-size: 3.7143rem !important;
  line-height: 1.2 !important;
}
.Heading---heading_large,
.Heading---heading_large a.Heading---heading_link {
  font-size: 2.1429rem !important;
  line-height: 1.2 !important;
}
.Heading---heading_medium,
.Heading---heading_medium a.Heading---heading_link {
  font-size: 1.5714rem !important;
  line-height: 1.4 !important;
}
.Heading---heading_medium_plus,
.Heading---heading_medium_plus a.Heading---heading_link {
  font-size: 1.8571rem !important;
  line-height: 1.2 !important;
}
.Heading---heading_small,
.Heading---heading_small a.Heading---heading_link {
  font-size: 1.2143rem !important;
  line-height: 1.4 !important;
}
.Heading---heading_extra_small,
.Heading---heading_extra_small a.Heading---heading_link {
  font-size: 1rem !important;
  line-height: 1.4 !important;
}
.Heading---font_color_standard,
.Heading---font_color_standard a.Heading---heading_link {
  color: #222 !important;
}
.Heading---font_color_standard.Heading---inDarkBackground,
.Heading---font_color_standard.Heading---inDarkBackground a.Heading---heading_link {
  color: #eee !important;
}
.Heading---font_color_standard.Heading---inAccentBackground,
.Heading---font_color_standard.Heading---inAccentBackground a.Heading---heading_link {
  color: #fff !important;
}
.Heading---font_color_secondary,
.Heading---font_color_secondary a.Heading---heading_link {
  color: var(--appian-secondary-text-color, #767676) !important;
}
.Heading---font_color_secondary.Heading---inAccentBackground,
.Heading---font_color_secondary.Heading---inAccentBackground a.Heading---heading_link {
  color: #ddd !important;
}
.Heading---font_color_accent,
.Heading---font_color_accent a.Heading---heading_link {
  color: #1d659c !important;
}
.Heading---font_color_accent.Heading---inAccentBackground,
.Heading---font_color_accent.Heading---inAccentBackground a.Heading---heading_link {
  color: #fff !important;
}
.Heading---font_color_accent.Heading---inLightBackground,
.Heading---font_color_accent.Heading---inLightBackground a.Heading---heading_link {
  color: #1d659c !important;
}
.Heading---font_weight_light,
.Heading---font_weight_light a.Heading---heading_link {
  font-weight: 300 !important;
}
.Heading---font_weight_regular,
.Heading---font_weight_regular a.Heading---heading_link {
  font-weight: 400 !important;
}
.Heading---font_weight_semi_bold,
.Heading---font_weight_semi_bold a.Heading---heading_link {
  font-weight: 600 !important;
}
.Heading---font_weight_bold,
.Heading---font_weight_bold a.Heading---heading_link {
  font-weight: 700 !important;
}
.Heading---text_align_start,
.Heading---text_align_start a.Heading---heading_link {
  text-align: start !important;
}
.Heading---text_align_center,
.Heading---text_align_center a.Heading---heading_link {
  text-align: center !important;
}
.Heading---text_align_end,
.Heading---text_align_end a.Heading---heading_link {
  text-align: end !important;
}
a.Heading---heading_link:hover,
a.Heading---heading_link:focus:not(.appian-context-ux-mouse-focus) {
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 1px !important;
}
.Heading---margin_above_div {
  height: 0.05px !important;
}
.Heading---margin_above_none {
  margin-top: 0 !important;
}
.Heading---margin_above_standard {
  margin-top: 1rem !important;
}
.Heading---margin_above_less {
  margin-top: 0.5rem !important;
}
.Heading---margin_above_even_less {
  margin-top: 0.2857rem !important;
}
.Heading---margin_above_more {
  margin-top: 2rem !important;
}
.Heading---margin_above_even_more {
  margin-top: 4rem !important;
}
.Heading---margin_below_none {
  margin-bottom: 0 !important;
}
.Heading---margin_below_standard {
  margin-bottom: 1rem !important;
}
.Heading---margin_below_less {
  margin-bottom: 0.5rem !important;
}
.Heading---margin_below_even_less {
  margin-bottom: 0.2857rem !important;
}
.Heading---margin_below_more {
  margin-bottom: 2rem !important;
}
.Heading---margin_below_even_more {
  margin-bottom: 4rem !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.HierarchicalGridCell---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .HierarchicalGridCell---accessibilityhidden {
  font-size: 0 !important;
}
.HierarchicalGridCell---nowrap {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.HierarchicalGridCell---grid_cell {
  cursor: default !important;
}
.HierarchicalGridCell---grid_cell > img {
  margin-right: 4px !important;
}
a.HierarchicalGridCell---label_link:hover,
a.HierarchicalGridCell---label_link:focus {
  border-bottom: none !important;
  text-decoration: underline !important;
}
div.HierarchicalGridCell---label_text {
  display: inline !important;
}
p.HierarchicalGridCell---label_tooltip {
  white-space: pre-wrap !important;
}
a.HierarchicalGridCell---icon_link {
  border-bottom: none !important;
}
i.HierarchicalGridCell---icon {
  vertical-align: middle !important;
  width: 17px !important;
  color: #c5cbd4 !important;
  text-align: center !important;
  margin-right: 4px !important;
  font-size: 17px !important;
}
i.HierarchicalGridCell---icon.HierarchicalGridCell---icon_collapsed,
i.HierarchicalGridCell---icon.HierarchicalGridCell---icon_expanded {
  color: #343380 !important;
}
i.HierarchicalGridCell---icon_dense {
  font-size: 14px !important;
}
i.HierarchicalGridCell---icon_collapsed:before {
  content: "\F196" !important;
}
a:hover > i.HierarchicalGridCell---icon_collapsed:before,
a:focus:not(.appian-context-ux-mouse-focus) > i.HierarchicalGridCell---icon_collapsed:before {
  content: "\F0FE" !important;
}
i.HierarchicalGridCell---icon_expanded:before {
  content: "\F147" !important;
}
a:hover > i.HierarchicalGridCell---icon_expanded:before,
a:focus:not(.appian-context-ux-mouse-focus) > i.HierarchicalGridCell---icon_expanded:before {
  content: "\F146" !important;
}
i.HierarchicalGridCell---icon_circle {
  font-size: 14px !important;
}
i.HierarchicalGridCell---icon_circle.HierarchicalGridCell---icon_dense {
  font-size: 10px !important;
}
i.HierarchicalGridCell---icon_exchange {
  color: #fcb858 !important;
  font-size: 14px !important;
}
i.HierarchicalGridCell---icon_exchange.HierarchicalGridCell---icon_dense {
  color: #fcb858 !important;
  font-size: 10px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.HierarchyFieldNode---miller_column {
  display: inline-block !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 20rem !important;
  height: 100% !important;
  overflow-y: scroll !important;
  border-right: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
}
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inDarkBackground {
  border-right-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inDarkBackground > li {
  border-bottom-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
.HierarchyFieldNode---miller_column > li {
  display: block !important;
  margin: 0 !important;
  padding: 0.5rem 1.5714rem 0.5rem 0.5rem !important;
  border-bottom: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
  position: relative !important;
  font-size: 1rem !important;
}
.HierarchyFieldNode---miller_column > li:focus {
  outline: none !important;
}
.HierarchyFieldNode---miller_column > li > * {
  overflow: hidden !important;
}
.HierarchyFieldNode---miller_column li p {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inAccentBackground li p {
  color: #fff !important;
}
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inDarkBackground li p {
  color: #eee !important;
}
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inLightBackground li p {
  color: #222 !important;
}
.HierarchyFieldNode---miller_column li p a {
  border-bottom: none !important;
}
.HierarchyFieldNode---miller_column li p a:hover,
.HierarchyFieldNode---miller_column li p a:focus:not(.appian-context-ux-mouse-focus) {
  border-bottom: none !important;
  text-decoration: underline !important;
}
.HierarchyFieldNode---miller_column li.HierarchyFieldNode---selectable,
.HierarchyFieldNode---miller_column li.HierarchyFieldNode---parent {
  cursor: pointer !important;
}
.HierarchyFieldNode---miller_column li.HierarchyFieldNode---selectable:hover,
.HierarchyFieldNode---miller_column li.HierarchyFieldNode---selectable:focus,
.HierarchyFieldNode---miller_column li.HierarchyFieldNode---parent:hover,
.HierarchyFieldNode---miller_column li.HierarchyFieldNode---parent:focus,
.HierarchyFieldNode---miller_column li.HierarchyFieldNode---ancestor {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
}
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inAccentBackground li.HierarchyFieldNode---selectable:hover,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inAccentBackground li.HierarchyFieldNode---selectable:focus,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inAccentBackground li.HierarchyFieldNode---parent:hover,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inAccentBackground li.HierarchyFieldNode---parent:focus,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inAccentBackground li.HierarchyFieldNode---ancestor,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inDarkBackground li.HierarchyFieldNode---selectable:not(.HierarchyFieldNode---selected):hover,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inDarkBackground li.HierarchyFieldNode---selectable:not(.HierarchyFieldNode---selected):focus,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inDarkBackground li.HierarchyFieldNode---parent:not(.HierarchyFieldNode---selected):hover,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inDarkBackground li.HierarchyFieldNode---parent:not(.HierarchyFieldNode---selected):focus,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inDarkBackground li.HierarchyFieldNode---ancestor:not(.HierarchyFieldNode---selected) {
  background-color: #edf3f7 !important;
}
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inAccentBackground li.HierarchyFieldNode---selectable:hover a,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inAccentBackground li.HierarchyFieldNode---selectable:focus a,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inAccentBackground li.HierarchyFieldNode---parent:hover a,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inAccentBackground li.HierarchyFieldNode---parent:focus a,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inAccentBackground li.HierarchyFieldNode---ancestor a,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inDarkBackground li.HierarchyFieldNode---selectable:not(.HierarchyFieldNode---selected):hover a,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inDarkBackground li.HierarchyFieldNode---selectable:not(.HierarchyFieldNode---selected):focus a,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inDarkBackground li.HierarchyFieldNode---parent:not(.HierarchyFieldNode---selected):hover a,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inDarkBackground li.HierarchyFieldNode---parent:not(.HierarchyFieldNode---selected):focus a,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inDarkBackground li.HierarchyFieldNode---ancestor:not(.HierarchyFieldNode---selected) a {
  color: #1d659c !important;
}
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inAccentBackground li.HierarchyFieldNode---selectable:not(.HierarchyFieldNode---selected):hover p,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inAccentBackground li.HierarchyFieldNode---selectable:not(.HierarchyFieldNode---selected):focus p,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inAccentBackground li.HierarchyFieldNode---parent:not(.HierarchyFieldNode---selected):hover p,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inAccentBackground li.HierarchyFieldNode---parent:not(.HierarchyFieldNode---selected):focus p,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inAccentBackground li.HierarchyFieldNode---ancestor:not(.HierarchyFieldNode---selected) p,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inDarkBackground li.HierarchyFieldNode---selectable:not(.HierarchyFieldNode---selected):hover p,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inDarkBackground li.HierarchyFieldNode---selectable:not(.HierarchyFieldNode---selected):focus p,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inDarkBackground li.HierarchyFieldNode---parent:not(.HierarchyFieldNode---selected):hover p,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inDarkBackground li.HierarchyFieldNode---parent:not(.HierarchyFieldNode---selected):focus p,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inDarkBackground li.HierarchyFieldNode---ancestor:not(.HierarchyFieldNode---selected) p {
  color: #222 !important;
}
.HierarchyFieldNode---miller_column li.HierarchyFieldNode---parent:after {
  content: "" !important;
  display: inline-block !important;
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22var%28--appian-disabled-text-color,%20%23777%29%22%3E%3Cpath%20d%3D%22M1363%20877l-742%20742q-19%2019-45%2019t-45-19l-166-166q-19-19-19-45t19-45l531-531-531-531q-19-19-19-45t19-45l166-166q19-19%2045-19t45%2019l742%20742q19%2019%2019%2045t-19%2045z%22/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 1rem 1rem !important;
  width: 1rem !important;
  height: 1rem !important;
  position: absolute !important;
  right: 0.1429rem !important;
  top: 0.7143rem !important;
  /*rtl:raw:
  transform: rotate(180deg);*/
}
.HierarchyFieldNode---miller_column li.HierarchyFieldNode---selectable:hover:after,
.HierarchyFieldNode---miller_column li.HierarchyFieldNode---selectable:focus:after,
.HierarchyFieldNode---miller_column li.HierarchyFieldNode---selected:after {
  content: "" !important;
  display: inline-block !important;
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22var%28--appian-disabled-text-color,%20%23777%29%22%3E%3Cpath%20d%3D%22M1671%20566q0%2040-28%2068l-724%20724-136%20136q-28%2028-68%2028t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20295%20656-657q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 1rem 1rem !important;
  width: 1rem !important;
  height: 1rem !important;
  position: absolute !important;
  right: 0.2857rem !important;
  top: 0.7143rem !important;
  -webkit-transform: none !important;
          transform: none !important;
}
.HierarchyFieldNode---miller_column li.HierarchyFieldNode---selected,
.HierarchyFieldNode---miller_column li.HierarchyFieldNode---selected:hover,
.HierarchyFieldNode---miller_column li.HierarchyFieldNode---selected:focus {
  background-color: #1d659c !important;
}
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inAccentBackground li.HierarchyFieldNode---selected,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inAccentBackground li.HierarchyFieldNode---selected:hover,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inAccentBackground li.HierarchyFieldNode---selected:focus {
  background-color: #fff !important;
}
.HierarchyFieldNode---miller_column li.HierarchyFieldNode---selected p,
.HierarchyFieldNode---miller_column li.HierarchyFieldNode---selected p a {
  color: #fff !important;
}
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inAccentBackground li.HierarchyFieldNode---selected p,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inAccentBackground li.HierarchyFieldNode---selected p a {
  color: #1d659c !important;
}
.HierarchyFieldNode---miller_column li.HierarchyFieldNode---selected:after,
.HierarchyFieldNode---miller_column li.HierarchyFieldNode---selected:hover:after,
.HierarchyFieldNode---miller_column li.HierarchyFieldNode---selected:focus:after {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M1671%20566q0%2040-28%2068l-724%20724-136%20136q-28%2028-68%2028t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20295%20656-657q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 1rem 1rem !important;
  width: 1rem !important;
  height: 1rem !important;
  position: absolute !important;
  right: 0.2857rem !important;
  top: 0.7143rem !important;
}
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inAccentBackground li.HierarchyFieldNode---selected:after,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inAccentBackground li.HierarchyFieldNode---selected:hover:after,
.HierarchyFieldNode---miller_column.HierarchyFieldNode---inAccentBackground li.HierarchyFieldNode---selected:focus:after {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1671%20566q0%2040-28%2068l-724%20724-136%20136q-28%2028-68%2028t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20295%20656-657q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
}
.HierarchyFieldNode---hierarchy_tree_level {
  margin-bottom: 14px !important;
  clear: both !important;
  float: left !important;
  white-space: nowrap !important;
  padding: 6px !important;
  position: relative !important;
}
.HierarchyFieldNode---hierarchy_tree_level.HierarchyFieldNode---is_child:not(:first-child) {
  border-top: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
  position: relative !important;
}
.HierarchyFieldNode---hierarchy_tree_level.HierarchyFieldNode---is_child:not(:first-child):before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 20px !important;
  border-left: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
}
.HierarchyFieldNode---hierarchy_tree_level.HierarchyFieldNode---is_child:not(:first-child):after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  height: 20px !important;
  border-left: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
}
.HierarchyFieldNode---hierarchy_tree_level.HierarchyFieldNode---is_child.HierarchyFieldNode---inDarkBackground:not(:first-child) {
  border-top-color: var(--appian-container-border-color, #d4d4d4) !important;
}
.HierarchyFieldNode---hierarchy_tree_level.HierarchyFieldNode---is_child.HierarchyFieldNode---inDarkBackground:not(:first-child):before {
  border-left-color: var(--appian-container-border-color, #d4d4d4) !important;
}
.HierarchyFieldNode---hierarchy_tree_level.HierarchyFieldNode---is_child.HierarchyFieldNode---inDarkBackground:not(:first-child):after {
  border-left-color: var(--appian-container-border-color, #d4d4d4) !important;
}
.HierarchyFieldNode---hierarchy_tree_item {
  width: 12.9286rem !important;
  /* odd-number px width at base font size allows 1px connector line to be perfectly centered */
  display: inline-block !important;
  border: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
  background-color: #fff !important;
  padding: 8px 5px 12px 5px !important;
  cursor: default !important;
  position: relative !important;
  z-index: 2 !important;
  vertical-align: top !important;
}
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---inDarkBackground {
  border-color: var(--appian-container-border-color, #d4d4d4) !important;
}
.HierarchyFieldNode---hierarchy_tree_item:focus {
  outline: none !important;
}
.HierarchyFieldNode---hierarchy_tree_item:not(:last-child) {
  margin-right: 6px !important;
}
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---ancestor {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
}
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---ancestor.HierarchyFieldNode---inAccentBackground,
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---ancestor.HierarchyFieldNode---inDarkBackground {
  background-color: #edf3f7 !important;
}
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---selected {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
  border-color: #1d659c !important;
}
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---selected.HierarchyFieldNode---inAccentBackground {
  background-color: #edf3f7 !important;
  border-color: #fff !important;
}
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---selected:after,
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---leaf:after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  outline: 3px solid #1d659c !important;
  z-index: -1 !important;
}
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---selected.HierarchyFieldNode---inAccentBackground:after,
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---leaf.HierarchyFieldNode---inAccentBackground:after {
  outline: 3px solid #fff !important;
}
.HierarchyFieldNode---hierarchy_tree_item:hover,
.HierarchyFieldNode---hierarchy_tree_item:focus {
  border-color: #1d659c !important;
}
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---inAccentBackground:hover,
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---inAccentBackground:focus {
  border-color: #fff !important;
}
.HierarchyFieldNode---hierarchy_tree_item .HierarchyFieldNode---image_container {
  height: 86px !important;
}
.HierarchyFieldNode---hierarchy_tree_item .HierarchyFieldNode---image_container.HierarchyFieldNode---image_container img {
  max-height: 75px !important;
  max-width: 150px !important;
}
.HierarchyFieldNode---hierarchy_tree_item .HierarchyFieldNode---image_container > * {
  position: relative !important;
  -webkit-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
  top: 50% !important;
}
.HierarchyFieldNode---hierarchy_tree_item .HierarchyFieldNode---properties {
  height: 4.0715rem !important;
}
.HierarchyFieldNode---hierarchy_tree_item .HierarchyFieldNode---properties > div {
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.HierarchyFieldNode---hierarchy_tree_item .HierarchyFieldNode---properties .HierarchyFieldNode---primary {
  font-size: 1rem !important;
  line-height: 1.357rem !important;
  color: var(--appian-text-color, #222) !important;
  font-weight: 600 !important;
}
.HierarchyFieldNode---hierarchy_tree_item .HierarchyFieldNode---properties .HierarchyFieldNode---primary.HierarchyFieldNode---inAccentBackground a,
.HierarchyFieldNode---hierarchy_tree_item .HierarchyFieldNode---properties .HierarchyFieldNode---primary.HierarchyFieldNode---inDarkBackground a {
  color: #1d659c !important;
}
.HierarchyFieldNode---hierarchy_tree_item .HierarchyFieldNode---properties .HierarchyFieldNode---primary a:hover,
.HierarchyFieldNode---hierarchy_tree_item .HierarchyFieldNode---properties .HierarchyFieldNode---primary a:focus:not(.appian-context-ux-mouse-focus) {
  text-decoration: underline !important;
  cursor: pointer !important;
  border-bottom: none !important;
}
.HierarchyFieldNode---hierarchy_tree_item .HierarchyFieldNode---properties .HierarchyFieldNode---secondary {
  font-size: 0.8571rem !important;
  line-height: 1.357rem !important;
  color: var(--appian-text-color, #222) !important;
}
.HierarchyFieldNode---hierarchy_tree_item .HierarchyFieldNode---properties .HierarchyFieldNode---tertiary {
  font-size: 0.8571rem !important;
  line-height: 1.357rem !important;
  color: var(--appian-subtle-text-color, #666) !important;
  font-style: italic !important;
}
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---ancestor.HierarchyFieldNode---inAccentBackground .HierarchyFieldNode---properties .HierarchyFieldNode---primary,
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---ancestor.HierarchyFieldNode---inAccentBackground .HierarchyFieldNode---properties .HierarchyFieldNode---secondary,
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---ancestor.HierarchyFieldNode---inAccentBackground .HierarchyFieldNode---properties .HierarchyFieldNode---tertiary,
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---ancestor.HierarchyFieldNode---inDarkBackground .HierarchyFieldNode---properties .HierarchyFieldNode---primary,
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---ancestor.HierarchyFieldNode---inDarkBackground .HierarchyFieldNode---properties .HierarchyFieldNode---secondary,
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---ancestor.HierarchyFieldNode---inDarkBackground .HierarchyFieldNode---properties .HierarchyFieldNode---tertiary,
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---ancestor.HierarchyFieldNode---inLightBackground .HierarchyFieldNode---properties .HierarchyFieldNode---primary,
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---ancestor.HierarchyFieldNode---inLightBackground .HierarchyFieldNode---properties .HierarchyFieldNode---secondary,
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---ancestor.HierarchyFieldNode---inLightBackground .HierarchyFieldNode---properties .HierarchyFieldNode---tertiary {
  color: #222 !important;
}
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---ancestor:before,
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---selected:before {
  content: "" !important;
  position: absolute !important;
  bottom: -21px !important;
  left: 50% !important;
  height: 20px !important;
  width: 0 !important;
  border-left: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
  z-index: -1 !important;
}
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---ancestor.HierarchyFieldNode---leaf:before {
  border-left: 0 !important;
}
.HierarchyFieldNode---hierarchy_tree_item .HierarchyFieldNode---badge_container {
  /* using px instead of rem to ease alignment */
  position: absolute !important;
  bottom: -9px !important;
  width: 100% !important;
  margin-left: -5px !important;
  text-align: center !important;
}
.HierarchyFieldNode---hierarchy_tree_item .HierarchyFieldNode---badge {
  display: inline-block !important;
  height: 18px !important;
  min-width: 18px !important;
  font-size: 11px !important;
  line-height: 15px !important;
  padding: 0 2px !important;
  color: var(--appian-text-color, #222) !important;
  background-color: #fff !important;
  border: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
}
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---ancestor .HierarchyFieldNode---badge,
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---selected .HierarchyFieldNode---badge,
.HierarchyFieldNode---hierarchy_tree_item:hover .HierarchyFieldNode---badge,
.HierarchyFieldNode---hierarchy_tree_item:focus .HierarchyFieldNode---badge {
  background-color: #1d659c !important;
  border-color: #1d659c !important;
  color: #fff !important;
}
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---ancestor .HierarchyFieldNode---badge.HierarchyFieldNode---inAccentBackground,
.HierarchyFieldNode---hierarchy_tree_item.HierarchyFieldNode---selected .HierarchyFieldNode---badge.HierarchyFieldNode---inAccentBackground,
.HierarchyFieldNode---hierarchy_tree_item:hover .HierarchyFieldNode---badge.HierarchyFieldNode---inAccentBackground,
.HierarchyFieldNode---hierarchy_tree_item:focus .HierarchyFieldNode---badge.HierarchyFieldNode---inAccentBackground {
  border-color: #fff !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.VirtualHierarchyNavigator---navigator_popup_wrapper {
  z-index: 2000020 !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup {
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  width: 378px !important;
  background-color: #fff !important;
  margin-left: -1px !important;
  box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16) !important;
  position: relative !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---loading_image {
  position: absolute !important;
  top: calc(50% - 11px) !important;
  left: calc(50% - 11px) !important;
  height: 22px !important;
  width: 22px !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---title_wrapper {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  padding: 0.0714rem 0 0.1429rem 0.3571rem !important;
  /* padding needed so back button focus outline isn't cut off */
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---navigator_title {
  background-color: #f4f4f4 !important;
  font-weight: 700 !important;
  border-bottom: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  padding: 0.7857rem 1.8571rem 0.8571rem 0.5rem !important;
  position: relative !important;
  height: 44px !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---navigator_title button.VirtualHierarchyNavigator---back_btn {
  border: none !important;
  padding: 0 !important;
  background-color: transparent !important;
  margin-right: 7px !important;
  margin-left: -2px !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---navigator_title button.VirtualHierarchyNavigator---back_btn:focus {
  outline: none !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---navigator_title button.VirtualHierarchyNavigator---back_btn:focus:not(.appian-context-ux-mouse-focus) {
  outline: 1px solid #1d659c !important;
  outline-offset: 2px !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---navigator_title button.VirtualHierarchyNavigator---back_btn svg.VirtualHierarchyNavigator---back_chevron {
  fill: #222 !important;
  width: 1rem !important;
  height: 1rem !important;
  margin-bottom: -2px !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---navigator_title svg.VirtualHierarchyNavigator---close_icon {
  fill: var(--appian-subtle-text-color, #666) !important;
  width: 1rem !important;
  height: 1rem !important;
  position: absolute !important;
  top: 0.8571rem !important;
  right: 0.8571rem !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---navigator_body {
  height: 230px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 0.4286rem !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---navigator_body.VirtualHierarchyNavigator---empty_body {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -ms-flex-align: center !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---navigator_body.VirtualHierarchyNavigator---empty_body .VirtualHierarchyNavigator---empty_contents_wrapper {
  margin: auto !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---navigator_body.VirtualHierarchyNavigator---empty_body .VirtualHierarchyNavigator---empty_contents_wrapper .VirtualHierarchyNavigator---empty_contents_icon_wrapper {
  height: 70px !important;
  width: 70px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 50% !important;
  background-color: #efefef !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---navigator_body.VirtualHierarchyNavigator---empty_body .VirtualHierarchyNavigator---empty_contents_wrapper svg.VirtualHierarchyNavigator---empty_icon {
  width: 36px !important;
  height: 36px !important;
  fill: #999999 !important;
  display: block !important;
  margin: 0 auto !important;
  /*rtl:raw:
            transform: scaleX(-1);
            */
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---navigator_body.VirtualHierarchyNavigator---empty_body .VirtualHierarchyNavigator---empty_contents_wrapper .VirtualHierarchyNavigator---empty_text {
  color: black !important;
  margin-top: 1rem !important;
  text-align: center !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---navigator_body ul.VirtualHierarchyNavigator---item_list {
  list-style-type: none !important;
  -webkit-padding-start: 0 !important;
          padding-inline-start: 0 !important;
  -webkit-padding-end: 0 !important;
          padding-inline-end: 0 !important;
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
  -webkit-margin-after: 0 !important;
          margin-block-end: 0 !important;
  -webkit-margin-start: 0 !important;
          margin-inline-start: 0 !important;
  -webkit-margin-end: 0 !important;
          margin-inline-end: 0 !important;
  padding-left: 0 !important;
  margin-top: 0 !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---navigator_body ul.VirtualHierarchyNavigator---item_list li.VirtualHierarchyNavigator---item {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  position: relative !important;
  padding: 0.2856rem 3.571rem 0.2856rem 0.4286rem !important;
  border: 1px solid transparent !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  min-width: 0 !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---navigator_body ul.VirtualHierarchyNavigator---item_list li.VirtualHierarchyNavigator---item button.VirtualHierarchyNavigator---drilldown_btn {
  padding: 0 !important;
  margin: 0 !important;
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.5714rem !important;
  border: none !important;
  background-color: transparent !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---navigator_body ul.VirtualHierarchyNavigator---item_list li.VirtualHierarchyNavigator---item button.VirtualHierarchyNavigator---drilldown_btn svg.VirtualHierarchyNavigator---drilldown_icon {
  fill: #222 !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---navigator_body ul.VirtualHierarchyNavigator---item_list li.VirtualHierarchyNavigator---item button.VirtualHierarchyNavigator---drilldown_btn:focus {
  outline: none !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---navigator_body ul.VirtualHierarchyNavigator---item_list li.VirtualHierarchyNavigator---item .VirtualHierarchyNavigator---item_outline {
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  border: 1px solid transparent !important;
  left: 0 !important;
  top: 0 !important;
  pointer-events: none !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---navigator_body ul.VirtualHierarchyNavigator---item_list li.VirtualHierarchyNavigator---item:not(.VirtualHierarchyNavigator---disable_selection):hover .VirtualHierarchyNavigator---item_outline,
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---navigator_body ul.VirtualHierarchyNavigator---item_list li.VirtualHierarchyNavigator---item:not(.VirtualHierarchyNavigator---disable_selection) button.VirtualHierarchyNavigator---drilldown_btn:focus:not([data-appian-ux-mouse-focus]) + .VirtualHierarchyNavigator---item_outline {
  border-color: #1d659c !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---navigator_body ul.VirtualHierarchyNavigator---item_list li.VirtualHierarchyNavigator---item:not(:first-of-type) {
  margin: 3px 0 !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---navigator_body ul.VirtualHierarchyNavigator---item_list li.VirtualHierarchyNavigator---item .VirtualHierarchyNavigator---item_label {
  display: inline-block !important;
  max-width: 285px !important;
  height: 21px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  vertical-align: middle !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---navigator_body ul.VirtualHierarchyNavigator---item_list li.VirtualHierarchyNavigator---item .VirtualHierarchyNavigator---item_label.VirtualHierarchyNavigator---disable_label {
  color: #a8a8a8 !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---navigator_body ul.VirtualHierarchyNavigator---item_list li.VirtualHierarchyNavigator---item .VirtualHierarchyNavigator---item_count {
  color: var(--appian-secondary-text-color, #767676) !important;
  font-weight: 300 !important;
  -webkit-flex-shrink: 0 !important;
          flex-shrink: 0 !important;
  padding-left: 0.357rem !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---item_object_image {
  height: 20px !important;
  width: 20px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin-right: 9px !important;
  margin-bottom: 2px !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---category_icon,
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---drilldown_icon {
  -webkit-flex-shrink: 0 !important;
          flex-shrink: 0 !important;
  height: 1rem !important;
  width: 1rem !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---category_icon {
  vertical-align: -0.1429rem !important;
  margin-left: 3px !important;
  margin-right: 8px !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---category_icon.VirtualHierarchyNavigator---disable_icon {
  fill: #a8a8a8 !important;
}
.VirtualHierarchyNavigator---navigator_popup_wrapper .VirtualHierarchyNavigator---navigator_popup .VirtualHierarchyNavigator---clickable_cursor {
  cursor: pointer !important;
}
.VirtualHierarchyNavigator---navigator_loading {
  opacity: 0.5 !important;
  pointer-events: none !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.HierarchyWidget---miller_columns {
  border: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
  overflow-x: auto !important;
  height: 26.2rem !important;
  font-size: 0 !important;
  white-space: nowrap !important;
}
.HierarchyWidget---miller_columns.HierarchyWidget---inDarkBackground {
  border-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
.HierarchyWidget---miller_columns.HierarchyWidget---short {
  height: 13.8rem !important;
}
.HierarchyWidget---miller_columns.HierarchyWidget---tall {
  height: 51.8rem !important;
}
.HierarchyWidget---hierarchy_tree_container {
  font-size: 0 !important;
  position: relative !important;
}
.HierarchyWidget---hierarchy_tree_scroll_container {
  overflow-x: auto !important;
}
.HierarchyWidget---hierarchy_tree_scroll_container_compressed {
  overflow: hidden !important;
}
.HierarchyWidget---hierarchy_tree_contents {
  /* the actual, full-width contents of the hieararchy tree */
  display: inline-block !important;
}
.HierarchyWidget---zoom_button_container {
  position: absolute !important;
  right: 0 !important;
  top: 10px !important;
  z-index: 3 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
mark.HighlightText---warn {
  background-color: #feffd2 !important;
}
mark.HighlightText---positive {
  background-color: #e0ffd7 !important;
}
mark.HighlightText---negative {
  background-color: #ffefef !important;
}
mark.HighlightText---positive.HighlightText---inDiff {
  background-color: #adebad !important;
}
mark.HighlightText---negative.HighlightText---inDiff {
  background-color: #ffb3b3 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* A prettier bug causes infinite semi colons to be added without this comment ( https://github.com/prettier/prettier/issues/11483 ) */
.VirtualHorizontalLine---margin_above_div {
  height: 0.05px !important;
}
.VirtualHorizontalLine---horizontal_line {
  /* Defining the properties separately due to a bug in Portal designer where properties using variables 
   * are elevated in specificity, which caused the border width to be overridden */
  border-bottom-width: 1px !important;
  border-bottom-style: solid !important;
  border-color: #d4d4d4 !important;
}
.VirtualHorizontalLine---horizontal_line.VirtualHorizontalLine---inDarkBackground {
  border-color: var(--appian-divider-color-subtle-in-dark-bg, #555) !important;
}
.VirtualHorizontalLine---horizontal_line.VirtualHorizontalLine---medium {
  border-bottom-width: 3px !important;
}
.VirtualHorizontalLine---horizontal_line.VirtualHorizontalLine---thick {
  border-bottom-width: 5px !important;
}
.VirtualHorizontalLine---horizontal_line.VirtualHorizontalLine---accent {
  border-color: #1d659c !important;
}
.VirtualHorizontalLine---horizontal_line.VirtualHorizontalLine---accent.VirtualHorizontalLine---inAccentBackground {
  border-color: #fff !important;
}
.VirtualHorizontalLine---horizontal_line.VirtualHorizontalLine---accent.VirtualHorizontalLine---inDarkBackground {
  border-color: #eee !important;
}
.VirtualHorizontalLine---horizontal_line.VirtualHorizontalLine---accent.VirtualHorizontalLine---inLightBackground {
  border-color: #1d659c !important;
}
.VirtualHorizontalLine---horizontal_line.VirtualHorizontalLine---standard {
  border-color: var(--appian-text-color, #222) !important;
}
.VirtualHorizontalLine---horizontal_line.VirtualHorizontalLine---standard.VirtualHorizontalLine---inDarkBackground {
  border-color: #eee !important;
}
.VirtualHorizontalLine---horizontal_line.VirtualHorizontalLine---dotted {
  border-bottom-style: dotted !important;
}
.VirtualHorizontalLine---horizontal_line.VirtualHorizontalLine---dashed {
  border-bottom-style: dashed !important;
}
.VirtualHorizontalLine---horizontal_line.VirtualHorizontalLine---margin_above_none {
  margin-top: 0 !important;
}
.VirtualHorizontalLine---horizontal_line.VirtualHorizontalLine---margin_above_standard {
  margin-top: 1rem !important;
}
.VirtualHorizontalLine---horizontal_line.VirtualHorizontalLine---margin_above_less {
  margin-top: 0.5rem !important;
}
.VirtualHorizontalLine---horizontal_line.VirtualHorizontalLine---margin_above_even_less {
  margin-top: 0.2857rem !important;
}
.VirtualHorizontalLine---horizontal_line.VirtualHorizontalLine---margin_above_more {
  margin-top: 2rem !important;
}
.VirtualHorizontalLine---horizontal_line.VirtualHorizontalLine---margin_above_even_more {
  margin-top: 4rem !important;
}
.VirtualHorizontalLine---horizontal_line.VirtualHorizontalLine---margin_below_none {
  margin-bottom: 0 !important;
}
.VirtualHorizontalLine---horizontal_line.VirtualHorizontalLine---margin_below_standard {
  margin-bottom: 1rem !important;
}
.VirtualHorizontalLine---horizontal_line.VirtualHorizontalLine---margin_below_less {
  margin-bottom: 0.5rem !important;
}
.VirtualHorizontalLine---horizontal_line.VirtualHorizontalLine---margin_below_even_less {
  margin-bottom: 0.2857rem !important;
}
.VirtualHorizontalLine---horizontal_line.VirtualHorizontalLine---margin_below_more {
  margin-bottom: 2rem !important;
}
.VirtualHorizontalLine---horizontal_line.VirtualHorizontalLine---margin_below_even_more {
  margin-bottom: 4rem !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.IconWidget---svg {
  height: 1em !important;
  width: 1em !important;
  vertical-align: -0.15em !important;
  fill: currentColor !important;
}
svg:focus {
  outline: none !important;
}
.IconWidget---color_positive {
  color: #1cc101 !important;
}
.IconWidget---color_positive.IconWidget---inDarkBackground {
  color: var(--appian-positive-color-on-dark-bg, #59f73f) !important;
}
.IconWidget---color_negative {
  color: #de0037 !important;
}
.IconWidget---color_negative.IconWidget---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.IconWidget---color_secondary {
  color: var(--appian-secondary-text-color, #767676) !important;
}
.IconWidget---color_accent {
  color: #1d659c !important;
}
.IconWidget---color_accent.IconWidget---inAccentBackground {
  color: #fff !important;
}
.IconWidget---color_accent.IconWidget---inDarkBackground.IconWidget---inSectionLayout2Label {
  color: #eee !important;
}
.IconWidget---color_accent.IconWidget---inLightBackground.IconWidget---inSectionLayout2Label {
  color: #1d659c !important;
}
.IconWidget---color_secondary.IconWidget---inAccentBackground {
  color: #ddd !important;
}
.IconWidget---color_warn_gauge {
  color: #ffa800 !important;
}
.IconWidget---standard {
  font-size: 1rem !important;
}
.IconWidget---small {
  font-size: 0.8571rem !important;
}
.IconWidget---medium {
  font-size: 1.2143rem !important;
}
.IconWidget---medium_plus {
  font-size: 1.7143rem !important;
  line-height: 1.3 !important;
}
.IconWidget---large {
  font-size: 2.2857rem !important;
  line-height: 1.2 !important;
}
.IconWidget---large_plus {
  font-size: 3.7143rem !important;
  line-height: 1.15 !important;
}
.IconWidget---extra_large {
  font-size: 5.1429rem !important;
  line-height: 1.1 !important;
}
.IconWidget---loading_spinner {
  text-align: center !important;
}
.IconWidget---loading_spinner_icon {
  width: 24px !important;
  height: 24px !important;
  fill: var(--appian-secondary-text-color, #767676) !important;
  -webkit-animation: IconWidget---circle-spin linear infinite 0.75s !important;
          animation: IconWidget---circle-spin linear infinite 0.75s !important;
}
.IconWidget---loading_spinner_icon.IconWidget---small {
  width: 18px !important;
  height: 18px !important;
}
.IconWidget---loading_spinner_icon_more {
  margin-top: 6px !important;
}
@-webkit-keyframes IconWidget---circle-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes IconWidget---circle-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.IconWidget---inStampWidgetWithIconAndText {
  position: relative !important;
  top: 0.2143rem !important;
}
.IconWidget---inStampWidgetWithIconAndText.IconWidget---medium {
  top: 0.1429rem !important;
}
.IconWidget---inStampWidgetWithIconAndText.IconWidget---medium_plus {
  top: 0 !important;
}
.IconWidget---inStampWidgetWithIconAndText.IconWidget---large {
  top: 0.0714rem !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ImageButtonSectionLayout---id_palette_layout {
  margin-bottom: 0.7143rem !important;
}
.ImageButtonSectionLayout---id_palette_layout:last-child {
  margin-bottom: 0 !important;
}
.ImageButtonSectionLayout---id_palette_title {
  margin-bottom: 8px !important;
  margin-left: 4px !important;
}
.ImageButtonSectionLayout---id_palette_title > p {
  font-size: 0.9286rem !important;
  color: #6d7278 !important;
}
.ImageButtonSectionLayout---id_palette {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
}
.ImageButtonSectionLayout---id_palette > div,
.ImageButtonSectionLayout---id_palette > a {
  margin: 0 4px 8px 4px !important;
  vertical-align: middle !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ImageButtonWidget---id_palette_item {
  display: inline-table !important;
  width: 80px !important;
  background-color: #fff !important;
  border: 1px solid #e4e4ec !important;
  cursor: default !important;
  padding: 2px 2px !important;
  white-space: pre-wrap !important;
}
.ImageButtonWidget---id_palette_item > div {
  display: table-row !important;
  height: 36px !important;
}
.ImageButtonWidget---id_palette_item > div > div {
  display: block !important;
  vertical-align: middle !important;
  text-align: center !important;
  max-width: 74px !important;
  min-height: 29px !important;
  overflow: hidden !important;
  overflow-wrap: break-word !important;
}
.ImageButtonWidget---id_palette_item_icon {
  font-size: 20px !important;
  color: #6d7278 !important;
  fill: #6d7278 !important;
  padding-top: 8px !important;
  max-height: 36px !important;
}
.ImageButtonWidget---id_palette_item > div:only-child {
  height: 72px !important;
  line-height: 72px !important;
}
.ImageButtonWidget---id_palette_item > div:only-child .ImageButtonWidget---id_palette_item_icon {
  padding-top: 0 !important;
  max-height: 74px !important;
  font-size: unset !important;
}
.ImageButtonWidget---id_palette_item > div:only-child .ImageButtonWidget---id_palette_item_icon svg,
.ImageButtonWidget---id_palette_item > div:only-child .ImageButtonWidget---id_palette_item_icon img {
  max-height: 52px !important;
  max-width: 72px !important;
}
.ImageButtonWidget---id_palette_item_icon img,
.ImageButtonWidget---id_palette_item_icon i,
.ImageButtonWidget---id_palette_item_icon svg {
  max-height: 20px !important;
  vertical-align: middle !important;
}
.ImageButtonWidget---id_palette_item_icon svg {
  max-width: 100% !important;
}
.ImageButtonWidget---id_palette_item_label {
  font-size: 10px !important;
  line-height: 12px !important;
  text-transform: uppercase !important;
  padding: 0 2px !important;
  height: 36px !important;
}
.ImageButtonWidget---id_palette_item_label p {
  position: relative !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%) translateY(-50%) !important;
          transform: translateX(-50%) translateY(-50%) !important;
  text-align: center !important;
  line-height: 12px !important;
  font-size: 10px !important;
  min-height: 0 !important;
  max-height: 100% !important;
  max-width: 100% !important;
  color: #333 !important;
}
a.ImageButtonWidget---id_palette_item:active,
a.ImageButtonWidget---id_palette_item:focus:not(.appian-context-ux-mouse-focus),
a.ImageButtonWidget---id_palette_item:hover {
  border-color: #1d659c !important;
  box-shadow: 0 0px 3px #2173b2 !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

.croppie-container {
    width: 100%;
    height: 100%;
}
.croppie-container .cr-image {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	transform-origin: 0 0;
    max-width: none;
}
.croppie-container .cr-boundary {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	z-index: 1;
    width: 100%;
    height: 100%;
}
.croppie-container .cr-viewport {
	position: absolute;
	border: 2px solid #fff;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
	z-index: 0;
}
.croppie-container .cr-original-image {
    display: none;
}
.croppie-container .cr-vp-circle {
	border-radius: 50%;
}
.croppie-container .cr-overlay {
	z-index: 1;
	position: absolute;
	cursor: move;
}
.croppie-container .cr-slider-wrap {
	width: 75%;
	margin: 15px auto;
	text-align: center;
}
.croppie-result {
	position: relative; 
	overflow: hidden;
}
.croppie-result img {
	position: absolute;
}
.croppie-container .cr-image,
.croppie-container .cr-overlay, 
.croppie-container .cr-viewport {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/

.cr-slider {
    -webkit-appearance: none;/*removes default webkit styles*/
    /*border: 1px solid white; *//*fix for FF unable to apply focus style bug */
    width: 300px;/*required for proper track sizing in FF*/
    max-width: 100%;
}
.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}
.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}
.cr-slider:focus {
    outline: none;
}
/*
.cr-slider:focus::-webkit-slider-runnable-track {
    background: #ccc;
}
*/

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}
.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

.cr-slider::-ms-track {
    width: 300px;
    height: 5px;
    background: transparent;/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */
    border-width: 6px 0;
    color: transparent;/*remove default tick marks*/
}
.cr-slider::-ms-fill-lower {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}
.cr-slider::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top:1px;
}
.cr-slider:focus::-ms-fill-lower {
    background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
    background: rgba(0, 0, 0, 0.5);
}
/*******************************************/

/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 1;
}
.cr-rotate-controls button {
    border: 0;
    background: none;
}
.cr-rotate-controls i:before {
    display: inline-block;
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
}
.cr-rotate-l i:before {
    content: '↺';
}
.cr-rotate-r i:before {
    content: '↻';
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ImageCropWidget---slider {
  position: relative !important;
}
.ImageCropWidget---slider input[type="range"] {
  -webkit-appearance: none !important;
  display: inline-block !important;
  width: 300px !important;
  max-width: 100% !important;
  position: relative !important;
  margin: 12px 6px !important;
  outline: none !important;
  vertical-align: middle !important;
}
/* Can't set the height on the component because IE/Edge will interpret it incorrectly*/
.appian-context-browser-chrome .ImageCropWidget---slider input[type="range"],
.appian-context-browser-firefox .ImageCropWidget---slider input[type="range"],
.appian-context-browser-safari .ImageCropWidget---slider input[type="range"] {
  height: 4px !important;
  background-color: var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.ImageCropWidget---slider input[type="range"]::-moz-focus-outer {
  border: 0 !important;
}
.ImageCropWidget---slider input[type="range"]:not(.appian-context-ux-mouse-focus):focus::-webkit-slider-thumb,
.ImageCropWidget---slider input[type="range"]:hover::-webkit-slider-thumb {
  background-color: #1d659c !important;
}
.ImageCropWidget---slider input[type="range"]::-ms-track {
  width: 300px !important;
  height: 4px !important;
  /*remove bg color from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent !important;
  /*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent !important;
  border-width: 6px 0 !important;
  /*remove default tick marks*/
  color: transparent !important;
}
/* IE/Edge: "lower" and "upper" are the parts of the range track below and above the current thumb position */
.ImageCropWidget---slider input[type="range"]:focus::-ms-fill-lower {
  background: var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.ImageCropWidget---slider input[type="range"]:focus::-ms-fill-upper {
  background: var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
/* IE/Edge: Disable the tooltip that shows up whenever you change the value */
.ImageCropWidget---slider input[type="range"]:focus::-ms-tooltip {
  display: none !important;
}
.ImageCropWidget---slider input[type="range"]::-moz-range-track {
  -webkit-appearance: none !important;
  display: inline-block !important;
  width: 100% !important;
  height: 4px !important;
  background-color: var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  position: relative !important;
  margin: 24px 0 4px !important;
  outline: none !important;
}
.ImageCropWidget---slider input[type="range"]::-moz-range-thumb {
  -webkit-appearance: none !important;
  background-color: #fff !important;
  width: 10px !important;
  height: 10px !important;
  border: 2px solid #1d659c !important;
  border-radius: 10px !important;
  cursor: pointer !important;
}
.ImageCropWidget---slider input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  background-color: #fff !important;
  width: 10px !important;
  height: 10px !important;
  border: 2px solid #1d659c !important;
  border-radius: 10px !important;
  cursor: pointer !important;
}
.ImageCropWidget---slider input[type="range"]:not(.appian-context-ux-mouse-focus):focus::-moz-range-thumb,
.ImageCropWidget---slider input[type="range"]:hover::-moz-range-thumb {
  background-color: #1d659c !important;
}
.ImageCropWidget---slider input[type="range"]::-ms-fill-lower {
  background: var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 10px !important;
}
.ImageCropWidget---slider input[type="range"]::-ms-fill-upper {
  background: var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 10px !important;
}
.ImageCropWidget---slider input[type="range"]::-ms-thumb {
  background-color: #fff !important;
  width: 10px !important;
  height: 10px !important;
  border: 2px solid #1d659c !important;
  border-radius: 10px !important;
  cursor: pointer !important;
}
.ImageCropWidget---slider input[type="range"]:focus::-ms-thumb {
  background-color: #1d659c !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ImageGroup---default_direction.ImageGroup---align_start {
  text-align: left !important;
}
.ImageGroup---default_direction.ImageGroup---align_end {
  text-align: right !important;
}
.ImageGroup---default_direction.ImageGroup---center {
  text-align: center !important;
}
.ImageGroup---default_direction.ImageGroup---image_gallery {
  font-size: 0 !important;
  overflow: hidden !important;
}
.ImageGroup---default_direction.ImageGroup---image_gallery img,
.ImageGroup---default_direction.ImageGroup---image_gallery a {
  vertical-align: middle !important;
}
.ImageGroup---default_direction.ImageGroup---image_gallery.ImageGroup---align_start > img,
.ImageGroup---default_direction.ImageGroup---image_gallery.ImageGroup---align_start > a {
  margin: 0 4px 4px 0 !important;
}
.ImageGroup---default_direction.ImageGroup---image_gallery.ImageGroup---align_end > img,
.ImageGroup---default_direction.ImageGroup---image_gallery.ImageGroup---align_end > a {
  margin: 0 0 4px 4px !important;
}
.ImageGroup---default_direction.ImageGroup---image_gallery.ImageGroup---center > img,
.ImageGroup---default_direction.ImageGroup---image_gallery.ImageGroup---center > a {
  margin: 0 2px 4px 2px !important;
}
.ImageGroup---default_direction.ImageGroup---image_gallery.ImageGroup---noMarginBelow > a,
.ImageGroup---default_direction.ImageGroup---image_gallery.ImageGroup---noMarginBelow > img {
  margin: 0 2px 0 2px !important;
}
.ImageGroup---default_direction.ImageGroup---image_gallery > img:only-child,
.ImageGroup---default_direction.ImageGroup---image_gallery > a:only-child {
  margin: 0 !important;
}
/* rtl:begin:ignore */
.ImageGroup---force_ltr {
  direction: ltr !important;
}
.ImageGroup---force_ltr.ImageGroup---align_start {
  text-align: left !important;
}
.ImageGroup---force_ltr.ImageGroup---align_end {
  text-align: right !important;
}
.ImageGroup---force_ltr.ImageGroup---center {
  text-align: center !important;
}
.ImageGroup---force_ltr.ImageGroup---image_gallery {
  font-size: 0 !important;
  overflow: hidden !important;
}
.ImageGroup---force_ltr.ImageGroup---image_gallery img,
.ImageGroup---force_ltr.ImageGroup---image_gallery a {
  vertical-align: middle !important;
}
.ImageGroup---force_ltr.ImageGroup---image_gallery.ImageGroup---align_start > img,
.ImageGroup---force_ltr.ImageGroup---image_gallery.ImageGroup---align_start > a {
  margin: 0 4px 4px 0 !important;
}
.ImageGroup---force_ltr.ImageGroup---image_gallery.ImageGroup---align_end > img,
.ImageGroup---force_ltr.ImageGroup---image_gallery.ImageGroup---align_end > a {
  margin: 0 0 4px 4px !important;
}
.ImageGroup---force_ltr.ImageGroup---image_gallery.ImageGroup---center > img,
.ImageGroup---force_ltr.ImageGroup---image_gallery.ImageGroup---center > a {
  margin: 0 2px 4px 2px !important;
}
.ImageGroup---force_ltr.ImageGroup---image_gallery.ImageGroup---noMarginBelow > a,
.ImageGroup---force_ltr.ImageGroup---image_gallery.ImageGroup---noMarginBelow > img {
  margin: 0 2px 0 2px !important;
}
.ImageGroup---force_ltr.ImageGroup---image_gallery > img:only-child,
.ImageGroup---force_ltr.ImageGroup---image_gallery > a:only-child {
  margin: 0 !important;
}
/* rtl:end:ignore */

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* !
 * This is based off of baguetteBox.js version 1.8.1
 * @author  feimosi
 * @url https://github.com/feimosi/baguetteBox.js
 * baguetteBox is released under the MIT license
 * @url https://github.com/feimosi/baguetteBox.js/blob/dev/README.md#license
 */
#appian-baguetteBox-overlay {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000026;
  background-color: #222;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  direction: ltr;
}
#appian-baguetteBox-overlay.visible {
  opacity: 1;
}
#appian-baguetteBox-overlay .full-image {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}
#appian-baguetteBox-overlay .full-image figure {
  display: inline;
  margin: 0;
  height: 100%;
}
#appian-baguetteBox-overlay .full-image img {
  display: inline-block;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
#appian-baguetteBox-overlay .full-image figcaption {
  padding: 10px 20px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 1.4rem;
  white-space: normal;
  color: #ccc;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  font-family: inherit;
}
#appian-baguetteBox-overlay .full-image:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
#appian-baguetteBox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  -webkit-transition: left 0.4s ease, -webkit-transform 0.4s ease;
  transition: left 0.4s ease, -webkit-transform 0.4s ease;
  transition: left 0.4s ease, transform 0.4s ease;
  transition: left 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
}
#appian-baguetteBox-slider.bounce-from-end {
  -webkit-animation: bounceFromEnd 0.4s ease-out;
  animation: bounceFromEnd 0.4s ease-out;
}
#appian-baguetteBox-slider.bounce-from-start {
  -webkit-animation: bounceFromStart 0.4s ease-out;
  animation: bounceFromStart 0.4s ease-out;
}
@-webkit-keyframes bounceFromEnd {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -30px;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes bounceFromEnd {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -30px;
  }
  100% {
    margin-left: 0;
  }
}
@-webkit-keyframes bounceFromStart {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 30px;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes bounceFromStart {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 30px;
  }
  100% {
    margin-left: 0;
  }
}
.appian-baguetteBox-button#right-button,
.appian-baguetteBox-button#left-button {
  top: 50%;
  top: calc(50% - 30px);
  width: 44px;
  height: 60px;
}
.appian-baguetteBox-button {
  position: absolute;
  cursor: pointer;
  outline: none;
  z-index: 2000027;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
  color: #ddd;
  font: 1.6em sans-serif;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}
.appian-baguetteBox-button:focus,
.appian-baguetteBox-button:hover {
  background-color: rgba(50, 50, 50, 0.7);
}
/* rtl:begin:ignore */
.appian-baguetteBox-button#right-button {
  right: 2%;
}
.appian-baguetteBox-button#left-button {
  left: 2%;
}
/* rtl:end:ignore */
.appian-baguetteBox-button#close-button {
  top: 20px;
  right: 2%;
  right: calc(2% + 6px);
  width: 30px;
  height: 30px;
}
.appian-baguetteBox-button svg {
  position: absolute;
  left: 0;
  top: 0;
}
/*
    Preloader
    Borrowed from http://tobiasahlin.com/spinkit/
*/
.appian-baguetteBox-spinner {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}
.appian-baguetteBox-double-bounce1,
.appian-baguetteBox-double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
  animation: bounce 2s infinite ease-in-out;
}
.appian-baguetteBox-double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.appian-baguetteBox-image-caption,
.appian-baguetteBox-image-count {
  font-size: 1rem;
  word-wrap: break-word;
}
.appian-baguetteBox-image-caption:first-child {
  display: block;
}
.appian-baguetteBox-download-link {
  font-size: 1.2rem;
  color: #ddd;
  word-wrap: break-word;
  text-decoration: none;
  float: right;
  display: none;
  z-index: 1000001;
  /* 1 more than the overlay */
}
.appian-baguetteBox-download-link:visited {
  color: #ddd;
  border-color: #ddd;
}
.appian-baguetteBox-download-link:focus {
  color: #ddd;
  outline: 1px dotted #ddd;
}
.appian-baguetteBox-download-link:active {
  color: #ddd;
  border-color: #ddd;
}
@-webkit-keyframes bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
p.InstructionsText---page_instructions {
  font-size: 0.9286rem !important;
  line-height: 1.2307rem !important;
  color: var(--appian-subtle-text-color, #666) !important;
  white-space: normal !important;
}
p.InstructionsText---page_instructions:not(:first-child) {
  margin-top: 0.5714rem !important;
}
p.InstructionsText---inLightBackground {
  color: #222 !important;
}
p.InstructionsText---inDarkBackground {
  color: #eee !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.PerformantDragLayer---dragBlocker {
  width: 100% !important;
  height: 100% !important;
  z-index: 2000028 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
}
.PerformantDragLayer---grabbingCursor {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}
.PerformantDragLayer---wrapper {
  position: fixed !important;
  pointer-events: none !important;
  left: 0 !important;
  top: 0 !important;
  z-index: 2000032 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.LiveViewDragLayer---idDragLayerBorder,
.LiveViewDragLayer---gridDragLayerBorder,
.LiveViewDragLayer---genericDragLayerBorder {
  position: relative !important;
  z-index: 2000032 !important;
  pointer-events: none !important;
}
.LiveViewDragLayer---gridDragLayerBorder,
.LiveViewDragLayer---genericDragLayerBorder {
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.2) !important;
}
.LiveViewDragLayer---idDragLayerBorder {
  border: 2px solid #ff2285 !important;
}
.LiveViewDragLayer---gridDragLayerBorder {
  border: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
}
.LiveViewDragLayer---genericDragLayerBorder {
  border: none !important;
}
.LiveViewDragLayer---idDragLayerContents,
.LiveViewDragLayer---gridDragLayerContents,
.LiveViewDragLayer---genericDragLayerContents {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
}
.LiveViewDragLayer---idDragLayerContents {
  opacity: 0.8 !important;
}
.LiveViewDragLayer---gridDragLayerContents,
.LiveViewDragLayer---genericDragLayerContents {
  opacity: 1 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.InterfacePreviewLayout---interface_preview_layout {
  height: 100% !important;
}
.InterfacePreviewLayout---preview_interface_locale_dropdown {
  position: absolute !important;
  right: 13.125rem !important;
  top: 0 !important;
  background-color: #fcfcfc !important;
  width: 9.375rem !important;
}

.InterfacePreviewLink---hovercard {
  overflow: hidden !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.InterfacePreviewCard---interface_preview {
  position: relative !important;
}
.InterfacePreviewCard---interface_preview.InterfacePreviewCard---hover_card_preview {
  -webkit-transform: scale(0.25) !important;
          transform: scale(0.25) !important;
  -webkit-transform-origin: 0 0 !important;
          transform-origin: 0 0 !important;
  width: 400% !important;
}
.InterfacePreviewCard---interface_preview:focus {
  outline: none !important;
}
.InterfacePreviewCard---loading_icon {
  position: absolute !important;
  width: 1.5714rem !important;
  height: 1.5714rem !important;
  top: calc(50% - .5rem) !important;
  left: calc(50% - .5rem) !important;
  -webkit-animation: InterfacePreviewCard---spin linear infinite 2s !important;
          animation: InterfacePreviewCard---spin linear infinite 2s !important;
  fill: #999 !important;
}
@-webkit-keyframes InterfacePreviewCard---spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes InterfacePreviewCard---spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.InterfacePreviewCard---error_display {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  min-height: 100% !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.InterfacePreviewCard---preview_background {
  min-height: 100% !important;
  background-color: #fff !important;
  width: 100% !important;
  padding-bottom: 1px !important;
}
.InterfacePreviewCard---preview_background.InterfacePreviewCard---height_short_plus {
  height: 180px !important;
  overflow: hidden !important;
}

iframe.LegacyFormComponent---container {
  margin: 30px !important;
  width: calc(100% - 2 * 30px) !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.LineChart2---container {
  /*rtl:ignore*/
  direction: ltr !important;
  width: 100% !important;
  /**
   * We need to add an .inDarkBackground case that doesn't use the -hc LESS
   * variables because themingManager overrides the dark theme high contrast
   * values set in backgroundColorVariableOverrides
   */
}
.LineChart2---container:not(.LineChart2---inDarkBackground) svg path[stroke="rgba(200, 200, 200, 1)"] {
  stroke: var(--appian-chart-axis-line-color, rgba(200, 200, 200)) !important;
}
.LineChart2---container:not(.LineChart2---inDarkBackground) svg path[stroke="rgba(200, 200, 200, 0.5)"] {
  stroke: var(--appian-chart-grid-line-color, rgba(200, 200, 200, 0.5)) !important;
}
.LineChart2---container.LineChart2---inDarkBackground svg path[stroke="rgba(136, 136, 136, 1)"] {
  stroke: var(--appian-chart-axis-line-color-on-dark-bg, rgba(136, 136, 136)) !important;
}
.LineChart2---container.LineChart2---inDarkBackground svg path[stroke="rgba(136, 136, 136, 0.5)"] {
  stroke: var(--appian-chart-grid-line-color-on-dark-bg, rgba(136, 136, 136, 0.5)) !important;
}
.LineChart2---chart_height_micro {
  height: 80px !important;
}
.LineChart2---chart_height_short {
  height: 200px !important;
}
.LineChart2---chart_height_medium {
  height: 400px !important;
}
.LineChart2---chart_height_tall {
  height: 600px !important;
}
.LineChart2---chart_height_auto {
  min-height: 400px !important;
}
.LineChart2---scroll_horizontal {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}
.LineChart2---no_scroll {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

.LinkGroup---align_start {
  text-align: left !important;
}
.LinkGroup---align_end {
  text-align: right !important;
}
.LinkGroup---center {
  text-align: center !important;
}
p.LinkGroup---link_group {
  white-space: pre-wrap !important;
}
p.LinkGroup---link_group.LinkGroup---nowrap {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
p.LinkGroup---link_group a {
  border-bottom: none !important;
}
p.LinkGroup---link_group a:hover,
p.LinkGroup---link_group a:focus:not(.appian-context-ux-mouse-focus) {
  border-bottom: none !important;
  text-decoration: underline !important;
}
p.LinkGroup---italic {
  font-style: italic !important;
}
p.LinkGroup---link_group.LinkGroup---inEditLinkLayout.LinkGroup---nowrap {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.LinkedItem---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .LinkedItem---accessibilityhidden {
  font-size: 0 !important;
}
/* these styles match link styles defined in messages.less */
a.LinkedItem---richtext_link {
  border-bottom: 1px dotted var(--appian-disabled-text-color, #777) !important;
}
/* Needed to override default Tempo styles. All anchors have font-weight: normal in Tempo. In order to
   render bold links, we need to explicitly set the font-weight on the anchor inside the strong tag. */
a.LinkedItem---richtext_link.LinkedItem---inStrongText,
a.LinkedItem---standalone_richtext_link.LinkedItem---inStrongText {
  font-weight: 700 !important;
}
/* Needed to override default Tempo styles. All anchors have font-style: normal in Tempo. In order to
   render italicized links, we need to explicitly set the font-style on the anchor inside the em tag. */
a.LinkedItem---richtext_link.LinkedItem---inEmphasisText,
a.LinkedItem---standalone_richtext_link.LinkedItem---inEmphasisText {
  font-style: italic !important;
}
a.LinkedItem---richtext_link.LinkedItem---inAccentBackground {
  border-bottom: 1px dotted #fff !important;
}
a.LinkedItem---richtext_link:hover,
a.LinkedItem---richtext_link:focus:not(.appian-context-ux-mouse-focus) {
  border-bottom: 1px solid #1d659c !important;
  text-decoration: none !important;
}
/* end of matching styles */
a.LinkedItem---richtext_link.LinkedItem---inAccentBackground:hover,
a.LinkedItem---richtext_link.LinkedItem---inAccentBackground:focus:not(.appian-context-ux-mouse-focus) {
  border-bottom: 1px solid #fff !important;
  text-decoration: none !important;
}
a.LinkedItem---richtext_link:active,
a.LinkedItem---richtext_link:focus:active {
  border-bottom: 1px solid #154971 !important;
}
a.LinkedItem---richtext_link.LinkedItem---inRecordActionWidget {
  display: inline-block !important;
  max-width: 26em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
a.LinkedItem---richtext_link.LinkedItem---inAccentBackground:active,
a.LinkedItem---richtext_link.LinkedItem---inAccentBackground:focus:active {
  border-bottom: 1px solid #fff !important;
}
a.LinkedItem---richtext_link.LinkedItem---inDarkBackground {
  text-shadow: none !important;
}
a.LinkedItem---richtext_link.LinkedItem---inDarkBackground:hover,
a.LinkedItem---richtext_link.LinkedItem---inDarkBackground:focus:not(.appian-context-ux-mouse-focus) {
  border-bottom: 1px solid #eee !important;
  text-decoration: none !important;
}
a.LinkedItem---richtext_link.LinkedItem---inDarkBackground:active,
a.LinkedItem---richtext_link.LinkedItem---inDarkBackground:focus:active {
  border-bottom: 1px solid #eee !important;
}
a.LinkedItem---richtext_link.LinkedItem---inLightBackground:hover,
a.LinkedItem---richtext_link.LinkedItem---inLightBackground:focus:not(.appian-context-ux-mouse-focus) {
  border-bottom: 1px solid #1d659c !important;
  text-decoration: none !important;
}
a.LinkedItem---richtext_link.LinkedItem---inLightBackground:active,
a.LinkedItem---richtext_link.LinkedItem---inLightBackground:focus:active {
  border-bottom: 1px solid #154971 !important;
}
a.LinkedItem---richtext_link.LinkedItem---inColorStyledText:active,
a.LinkedItem---richtext_link.LinkedItem---inColorStyledText:focus:active,
a.LinkedItem---richtext_link.LinkedItem---inColorStyledText:focus:not(.appian-context-ux-mouse-focus),
a.LinkedItem---richtext_link.LinkedItem---inColorStyledText:hover,
a.LinkedItem---richtext_link.LinkedItem---inDarkBackground.LinkedItem---inColorStyledText:active,
a.LinkedItem---richtext_link.LinkedItem---inDarkBackground.LinkedItem---inColorStyledText:focus:active,
a.LinkedItem---richtext_link.LinkedItem---inDarkBackground.LinkedItem---inColorStyledText:focus:not(.appian-context-ux-mouse-focus),
a.LinkedItem---richtext_link.LinkedItem---inDarkBackground.LinkedItem---inColorStyledText:hover,
a.LinkedItem---richtext_link.LinkedItem---inLightBackground.LinkedItem---inColorStyledText:active,
a.LinkedItem---richtext_link.LinkedItem---inLightBackground.LinkedItem---inColorStyledText:focus:active,
a.LinkedItem---richtext_link.LinkedItem---inLightBackground.LinkedItem---inColorStyledText:focus:not(.appian-context-ux-mouse-focus),
a.LinkedItem---richtext_link.LinkedItem---inLightBackground.LinkedItem---inColorStyledText:hover,
a.LinkedItem---richtext_link.LinkedItem---inAccentBackground.LinkedItem---inColorStyledText:active,
a.LinkedItem---richtext_link.LinkedItem---inAccentBackground.LinkedItem---inColorStyledText:focus:active,
a.LinkedItem---richtext_link.LinkedItem---inAccentBackground.LinkedItem---inColorStyledText:focus:not(.appian-context-ux-mouse-focus),
a.LinkedItem---richtext_link.LinkedItem---inAccentBackground.LinkedItem---inColorStyledText:hover {
  border-bottom-color: inherit !important;
}
a.LinkedItem---richtext_link.LinkedItem---inColorStyledText,
a.LinkedItem---standalone_richtext_link.LinkedItem---inColorStyledText,
a.LinkedItem---standalone_richtext_link.LinkedItem---inColorStyledText.LinkedItem---inDarkBackground,
a.LinkedItem---standalone_richtext_link.LinkedItem---inColorStyledText.LinkedItem---inLightBackground,
a.LinkedItem---standalone_richtext_link.LinkedItem---inColorStyledText:active,
a.LinkedItem---standalone_richtext_link.LinkedItem---inColorStyledText:focus:active,
a.LinkedItem---standalone_richtext_link.LinkedItem---inColorStyledText:focus:not(.appian-context-ux-mouse-focus),
a.LinkedItem---standalone_richtext_link.LinkedItem---inColorStyledText:hover {
  color: inherit !important;
}
a.LinkedItem---standalone_richtext_link:focus:not(.appian-context-ux-mouse-focus) span > svg {
  outline: 1px dashed currentColor !important;
}
.appian-context-browser-safari a.LinkedItem---standalone_richtext_link:focus:not(.appian-context-ux-mouse-focus) span > svg {
  outline: none !important;
  box-shadow: inset 0px 0px 0px 1px currentColor !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.LiveViewContents---hidden {
  /* position offscreen so that user can tab to the invisible element */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
}
.LiveViewContents---fill_height {
  height: 100% !important;
  overflow: auto !important;
  background-color: #fcfcfc !important;
}
.LiveViewContents---phone,
.LiveViewContents---tablet {
  display: table !important;
  margin: 0 auto !important;
}
.LiveViewContents---live_view_contents {
  height: 100% !important;
  min-height: 484px !important;
  width: 100% !important;
  overflow: auto !important;
}
.LiveViewContents---responsive_frame {
  height: 100% !important;
  padding: 22px 0 !important;
}
.LiveViewContents---wide .LiveViewContents---responsive_frame,
.LiveViewContents---full .LiveViewContents---responsive_frame {
  padding: 0 !important;
}
.LiveViewContents---phone .LiveViewContents---live_view_contents,
.LiveViewContents---tablet .LiveViewContents---live_view_contents {
  display: table-cell !important;
  vertical-align: middle !important;
  padding: 4px !important;
}
.LiveViewContents---phone .LiveViewContents---responsive_frame,
.LiveViewContents---tablet .LiveViewContents---responsive_frame {
  position: relative !important;
  background-repeat: no-repeat !important;
  pointer-events: none !important;
}
.LiveViewContents---phone .LiveViewContents---responsive_frame {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20468%20808%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22a%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23323232%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-opacity%3D%22.96047%22%2F%3E%3C%2FlinearGradient%3E%0A%20%20%20%20%3Cfilter%20id%3D%22e%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeGaussianBlur%20stdDeviation%3D%221.5%201.5%22%20result%3D%22blur%22%2F%3E%3C%2Ffilter%3E%0A%20%20%20%20%3Cfilter%20id%3D%22c%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeGaussianBlur%20stdDeviation%3D%220.5%200.5%22%20result%3D%22blur%22%2F%3E%3C%2Ffilter%3E%0A%20%20%20%20%3CradialGradient%20xlink%3Ahref%3D%22%23a%22%20id%3D%22d%22%20cx%3D%22628.41638%22%20cy%3D%22246.09644%22%20fx%3D%22628.41638%22%20fy%3D%22246.09644%22%20r%3D%22226.43204%22%20gradientTransform%3D%22matrix(1.21194%20.00903%20-.01714%202.2567%20-128.966%20-314.94)%22%20gradientUnits%3D%22userSpaceOnUse%22%2F%3E%0A%20%20%20%20%3Cfilter%20id%3D%22b%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeGaussianBlur%20stdDeviation%3D%220.5%200.5%22%20result%3D%22blur%22%2F%3E%3C%2Ffilter%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20color%3D%22%23000%22%20font-family%3D%22sans-serif%22%20white-space%3D%22normal%22%20transform%3D%22translate(1.9873458%2C135.99852)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22m%2032.56055%2C-135.54883%20c%20-17.8128%2C0.001%20-32.2526%2C14.4411%20-32.2539%2C32.2539%20v%20742.58985%20c%200.001%2C17.8128%2014.4411%2C32.2526%2032.2539%2C32.2539%20H%20431.4414%20c%2017.81204%2C-0.002%2032.25064%2C-14.44187%2032.25196%2C-32.2539%20v%20-742.58985%20c%20-10e-4%2C-17.81203%20-14.43992%2C-32.2515%20-32.25195%2C-32.2539%20z%20M%2016.8125%2C631.041%20c%20-11.20834%2C27.306%20-5.60417%2C13.653%200%2C0%20z%22%20overflow%3D%22visible%22%20solid-color%3D%22%23000000%22%20fill%3D%22%231e1e1e%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22m%2033.76508%2C-132.9652%20c%20-19.71358%2C-1.00915%20-33.0232%2C14.32993%20-32.00555%2C32.00557%20V%20636.9596%20c%2010e-4%2C18.18072%2011.273%2C32.00424%2032.00555%2C32.00555%20h%20397.22216%20c%2017.67488%2C1.00815%2033.53076%2C-13.32053%2032.0036%2C-32.00556%20v%20-737.91925%20c%20-9.7e-4%2C-20.20024%20-15.36815%2C-32.00316%20-29.98613%2C-32.00554%20z%20m%20-15.6268%2C761.73443%20c%20-11.12202%2C27.09574%20-5.561%2C13.54788%200%2C0%20z%22%20transform%3D%22matrix(0.99135%2C0%2C0%2C1%2C1.612%2C0)%22%20overflow%3D%22visible%22%20solid-color%3D%22%23000000%22%20fill%3D%22none%22%20stroke%3D%22%23646464%22%20stroke-width%3D%221.89799%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%20filter%3D%22url(%23b)%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22m%2033.76508%2C-132.9652%20c%20-19.71358%2C-1.00915%20-33.0232%2C14.32993%20-32.00555%2C32.00557%20V%20636.9596%20c%2010e-4%2C18.18072%2011.273%2C32.00424%2032.00555%2C32.00555%20h%20397.22216%20c%2017.67488%2C1.00815%2033.53076%2C-13.32053%2032.0036%2C-32.00556%20v%20-737.91925%20c%20-9.7e-4%2C-20.20024%20-15.36815%2C-32.00316%20-29.98613%2C-32.00554%20z%20m%20-15.6268%2C761.73443%20c%20-11.12202%2C27.09574%20-5.561%2C13.54788%200%2C0%20z%22%20transform%3D%22matrix(0.99135%2C0%2C0%2C1%2C1.636%2C0)%22%20overflow%3D%22visible%22%20solid-color%3D%22%23000000%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.1388%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%22.99531%22%20filter%3D%22url(%23c)%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22m%20471.9769%2C-227.05965%20c%20-20.39284%2C6.6446%20-28.1245%2C14.4411%20-32.2539%2C32.2539%20v%20744.19709%20c%203.09707%2C19.34594%2012.37707%2C25.09794%2032.2539%2C32.2539%20h%20400.74356%20c%2016.264%2C-5.11245%2030.1866%2C-13.41978%2032.25195%2C-32.2539%20v%20-744.19709%20c%20-4.6451%2C-17.81204%20-16.50396%2C-27.14105%20-32.25195%2C-32.2539%20z%20m%20-15.74804%2C768.19708%20c%20-11.20834%2C27.306%20-5.60417%2C13.653%200%2C0%20z%22%20transform%3D%22matrix(0.9788%2C0%2C0%2C0.98832%2C-426.1%2C92.778)%22%20overflow%3D%22visible%22%20solid-color%3D%22%23000000%22%20fill%3D%22url(%23d)%22%20filter%3D%22url(%23e)%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22m%2037.68945%2C-128.83398%20c%20-17.22874%2C0.001%20-31.19508%2C12.2382%20-31.19636%2C29.8007%20v%20734.06665%20c%209.5e-4%2C17.5625%2013.9676%2C29.7994%2031.19634%2C29.8007%20H%20426.3116%20c%2017.22803%2C-0.002%2031.1932%2C-12.23895%2031.19447%2C-29.8007%20V%20-99.03327%20c%20-9.5e-4%2C-17.56176%20-13.96644%2C-29.79834%20-31.19446%2C-29.8007%20z%20m%20-15.2317%2C755.7294%20c%20-10.84083%2C26.92233%20-5.4204%2C13.46118%200%2C0%20z%22%20overflow%3D%22visible%22%20solid-color%3D%22%23000000%22%20fill%3D%22%23141414%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cpath%20d%3D%22M%2025.000001%2C28.000001%20H%20443%20V%20768%20H%2025.000001%20Z%22%2F%3E%0A%3C%2Fsvg%3E") !important;
  background-size: 468px 808px !important;
  width: 468px !important;
  height: 808px !important;
  padding: 30px 27px 42px 27px !important;
}
.appian-context-browser-edge .LiveViewContents---phone .LiveViewContents---responsive_frame {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAdQAAAMoCAYAAAB26BEnAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAACAASURBVHic7d1rkJWHeeD55z2n+3TTDTTiIgkD3aALsmQJRZGRZEVXpGQde1S2o9ryjKcSx6mk4nyb3drKp6mtmpq9ZHZrZj/sfsvNNZY3sZ1d7WrGa1vJyo5Wlic2nopKIIFkgbq5ChpE3+jLubz7IT4njYCmEQ/QiN+vqgsE7znn7Qvnr+e9FnHlFVu2bBlsNptbi6IYiohVZVn2R8Syq7AuAFz7pouimIyIsbIs3+3q6npr3759ByKivJIrUVzuF7j//vu7jx079qmiKHZUKpUdEfHJrq6uZdVqNbq7u6NSqUS1Wu0sX5ZX9PMH4BpVFEWUZRmtVivKsoxGoxH1ej0ajUaUZXk6In5aluVLEfHSyMjIf4qIxmVdn8v1xIODg5+IiN+sVCq/3dXVdVNvb2/09/fHwMBA3HTTTbFx48ZYtWpVrFq1Kvr7+yMiotlsnvERIbDXCt+nq6coLvv/F8OS0P5Zr1arnY92SE+fPh0nT56Mo0ePxqFDh+LkyZMxOTkZ09PTMTc3F61W62RE/FVEfH1kZOSVy7J+2U84ODj4dFEU/7qrq+uhvr6+WL16ddx2223xy7/8y7F58+a46aabYsWKFTE7OxsTExMxPj4e4+PjMTs7G7OzszEzMxMzMzNRr9dF9SJ5Y+VK82+TK2V+TGu1WvT09ERvb2/09fVFf39/rFixIlatWhXLly+PZrMZR44cieHh4Xj99ddj9+7d8d5778Xp06djbm4uyrJ8NSL+aGRk5D9G4mbhtHfgoaGhHUVR/C9dXV3bBgYG4tZbb43HHnss7r777li/fn2cPHky3n333di3b1+8/fbbcfTo0Ziamorp6emYnp6OZrMZjUYjGo1GNJvNzgh/vVnKUVxo3a7H79VSca1+X5byurF0FUXR2VXY1dUVXV1dnbguX748Vq9eHbfcckts3bo1brnllrjppptiYmIidu3aFS+//HLs3bs3Tpw40Q7rfy7L8l8cOHDg/0tZt0t9gqGhofUR8W8rlco/u+GGG+Luu++Op59+OrZt2xb1ej127doVO3fujD179sSJEydieno6ZmdnOxNoq9XqbOJttVqdj7Isr6t/cFc7pFf79T9oqa1PpqX2c3211+dqvz7XlqIoOlFtf3R1dZ2xGbi3tzeWLVsWq1atis2bN8cDDzwQv/RLvxSrVq2KvXv3xt/8zd/Ezp074+TJk1Gv18uI+Pfd3d1/+M477xy7pHW7lAcPDg7+k6IovtbX17fm1ltvjWeeeSYeeuihmJiYiB/96Efx8ssvx6FDh2JycjJmZ2ej2WxGWZYLhlRMr/zjr9ZzfxhLbX0WstR+hi/n+lzqcy+1rxVL27miOj+o1Wq182e1Wi36+vri5ptvjoceeigeffTR+NjHPhavvfZavPDCC/HGG2/E5ORkNJvN0aIofmt4ePi7H3q9PuTjujZt2vRH1Wr1v163bl3x5JNPxjPPPBN9fX3xwx/+MF588cU4ePBgTE1NRaPROCOWHzzwqCzLzhdm/q/tLxoL8zViqRBFLrf5P2Pzj+5t/zp/U/D8sLb/vB3Wxx9/PH71V381ent743vf+15873vfi8OHD0e9Xm8VRfFHw8PD/21ENC92/S763fi2227rmZub+0atVnt2cHAwnn322XjsscfizTffjOeffz52794dY2Nj55xG23Ety/KMTxYALlW7Ne3wfnBTcFEUUa1Wo7+/P2677bb43Oc+Fw8++GDs2rUr/uIv/iLefPPNmJmZiaIo/q9ms/mlgwcPTl/M61cvvMg/2rx586pGo/G9Wq326bvuuiu++tWvxrZt2+L73/9+PPfcc7F379726BytVqtzkFF7f2mlUonu7u7o7u7ufHIAkKEdzPawdq7diGVZRr1ej9HR0dizZ09MTk7Ggw8+GJ/85CdjdHQ0RkdHo16vf7woiofXrVv3/MmTJ2cX+/qLDurGjRuXRcR3e3p6Htm2bVt89atfjbVr18bXv/71eOGFF+LYsWPtc30602g7pPMv4iCiAFxu8/extreWtncxFkURrVYrTp8+Hfv3748DBw7EvffeGw8//HBMTEzEoUOHol6vb2k2m79yww03/OWpU6cWdUGIRQX1/vvv756env4/a7XaU9u2bYs/+IM/iOXLl8ef/dmfxQ9/+MOYmJjobM6df/pLe1u2zboAXC3tuM7f39oe7ubm5uLYsWPx7rvvxtatW+Oxxx6LkydPtqM6VJbltrGxsb+KiNaFXmdRQa3Vav9rV1fXl2677bb4/d///RgYGIg//uM/jldffTWmpqbOmkpbrVZ0d3ebRgFYMuZPp/On1UajEaOjozE8PBx33nlnPPzww3Hs2LE4dOhQNJvNO1auXNk/Pj7+4oWe/4JBHRwc/C8rlcr/tHHjxvid3/mduOWWW+JrX/tavPLKKzE5OXnWVNreCQwAS9H8awC3/7vVasX7778fBw8ejG3btsX27dtj3759MTo6Gq1W61MrV658bXx8fM9Cz7tg+YaGhrZExHcGBgZ6P//5z8fjjz8e3/72t+PFF1+MiYmJMw48ajQaplIArgntVrVarTMm1/fffz+OHz8eDz30UGzZsiX27NkT4+PjRUT82vLly//3iYmJ8fM954JBHRgYeK5Wq93zwAMPxJe+9KXYuXNnfPOb34yTJ0+etYm3VquJKQDXnGaz2Ylqs9nsNG7Hjh1Rq9Viz549MTMzs6xSqQyNjY1963zPc96gDg0NPVutVv/lhg0b4nd/93ejLMv4kz/5kxgeHu5cb7d9IFJ3d/fl+SwB4DJrh3T+PtXjx4/HmjVr4tFHH419+/bF0aNHo9ls3rVq1aqfjo2NvX2u5znn4bef+MQnamVZ/tve3t545JFH4tZbb43nn38+9u3b14lp+5QYMQXgWtcOafs6CqOjo/HCCy/E2NhYfOELX4h169a1jxT+d3GeYfScf9jX1/fblUrltzZv3hxf+cpXYnh4OL71rW+dsam32WxGV1eXzbwAfGS096lGRExNTUWlUomnn346Tpw4Efv27Yt6vb525cqVe8bHx3d98LHnmlCrEfGHfX198Su/8iuxdu3a+M53vhMnTpw4Y7+pKx0B8FHTvmF5+8IPP/rRj+Ltt9+Op556KtatW9feLPwv4xz9POsPNm3a9NmI2Lp69er41Kc+FW+++Wbs3r07ZmZmOkF1DV4APoraR/u2N/0eP348XnrppRgaGor77rsvenp6IiLuGhwcfOqDjz2rikVR/FZ3d3fcddddMTQ0FC+//PIZm3pbrZbzTAH4yJq/P3V6ejp+9rOfxf79++PJJ5+MgYGB9mK/+cHHnRHUwcHBGyLin/T398eDDz4YR48ejddee60znbb3mwLAR117Sj1x4kT83d/9Xdx2220xODjY7uBvrFu3bvn85T84oX62KIqeNWvWxNatW2PXrl0xOjraiWlE2NQLwEde+1SaZrMZp0+fjp07d8bs7Gxs3749ent7IyL6+/r6/ov5j6l84Al2dHd3x+bNm2PNmjXx93//93H69Okz9p0CwPWgvem3Xq/H4cOH46233opt27bFihUr2vtan5y//BlBLcvyyd7e3rjzzjvj1KlT8fbbb8fc3JzpFIDrzvwDlCYnJ2P37t2xYcOGWLt2bfto3x3zl+8UcmhoaH1EbK7VajE4OBiHDx+OU6dOdUZe0ykA16Nmsxmzs7Oxe/fu6O7ujltvvbV9UaM7N27cuLq93PyR8+OVSiX6+/vjxhtvjJGRkZienhZUAK5blUqlc3XA9957L44cORJbt25t70eNrq6ure1lO4fstlqtO6rVaixfvjxWrVoV7777bszOznaub3gpRkdHL+nxAHAp1q5d+6Ee197sW6/XY3x8PA4dOhTr16+PWq0WEf/Qzoj4TxHzJtSiKG6pVCqxfPny6O7ujqNHj3buJGPfKQDXq/YRv9PT03H06NEYGBiI3t7e9n1Vb20vN7+UA5VKJW644YZoNBpx4sSJzomtNvcCcL2qVCrRarVibm4uDh48GMuXL+9s8i2KYmVnufZviqJY0Z5QJycnY2pqKhqNRpRlaUIF4LpVrVaj2WzG3NxcvPfee1Gr1aKvr69995kV7eU6pSzLsr8oiqhUKjE9PR1zc3PRarWuztoDwBLTaDTi1KlTUa/XO5t8i6I4O6jxi1u5NZvNmJmZ6Vy31x1lAOAf+jgxMRHT09PR29sb1Wo1yrLs7BM9Y1tu+wTWmZmZzgFJAHC9K8uycxnCqamp6OnpOauRZ+0cbbVaMTs7G61WK8qyvGIrCwBLWfvApKmpqWjvIp3vnEGt1+vRbDajLEubfAG47v3iFJnOVtxzOSuoZVlGvV6Psiw7HwBwPWsPl/NvPv5B5zwfRkgB4EztNp7v+CInmALARTjfwCmoAJBAUAEggaACQAJBBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEggaACQAJBBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEggaACQAJBBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEggaACQAJBBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEggaACQAJBBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEggaACQAJBBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEggaACQAJBBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEggaACQAJBBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEggaACQAJBBYAEggoACQQVABIIKgAkEFQASHDBoBZFcSXWAwCuaSZUAEiwYFBNpwCwOCZUAEhw3qCaTgFg8UyoAJBAUAEggaACQAJBBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEggaACQAJBBYAE5wyqC+MDwMUxoQJAAkEFgASCCgAJBBUAEggqACQQVABIIKgAkEBQASDBgkF1gQcAWBwTKgAkEFQASCCoAJBAUAEgwQWD6sAkALgwEyoAJDhvUE2mALB4JlQASCCoAJBAUAEggaACQAJBBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEgwYJBdT1fAFgcEyoAJBBUAEggqACQQFABIIGgAkACQQWABIIKAAkEFQASCCoAJBBUAEggqACQQFABIIGgAkACQQWABG7fBgAJTKgAkOCsoLan0g/+CgCcnwkVABIIKgAkOGdQbeYFgItjQgWABIIKAAkEFQASCCoAJBBUAEggqACQQFABIIGgAkACQQWABIIKAAkEFQASCCoAJBBUAEiwYFDddQYAFseECgAJBBUAEggqACQQVABIIKgAkEBQASCBoAJAAkEFgASCCgAJBBUAEggqACQQVABIIKgAkEBQASCBoAJAgvMG1b1QAWDxTKgAkEBQASDBgkG12RcAFseECgAJLhhUUyoAXJgJFQASCCoAJBBUAEggqACQQFABIIGgAkACQQWABIIKAAkEFQASCCoAJBBUAEggqACQQFABIIGgAkCC8wbVbdsAYPFMqACQQFABIIGgAkACQQWABIIKAAkEFQASCCoAJBBUAEggqACQYMGguloSACyOCRUAEggqACQ4Z1Bt6gWAi2NCBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEggaACQAJBBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEgwQWD6t6oAHBhJlQASCCoAJBAUAEggaACQAJBBYAECwbVEb4AsDgmVABIIKgAkOC8QbW5FwAWz4QKAAkEFQASCCoAJBBUAEggqACQQFABIIGgAkACQQWABIIKAAkEFQASCCoAJBBUAEggqACQQFABIIGgAkACQQWABAsG1U3GAWBxTKgAkEBQASCBoAJAAkEFgASCCgAJBBUAEggqACQQVABIIKgAkEBQASCBoAJAAkEFgASCCgAJBBUAElwwqG7hBgAXZkIFgASCCgAJBBUAEggqACQQVABIIKgAkOCcQS2KwukyAHARTKgAkEBQASCBoAJAggWDaj8qACyOCRUAEggqACQQVABIIKgAkEBQASDBeYNaluWVXA8AuKaZUAEggaACQAJBBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEggaACQAJBBYAEggoACc4ZVBfGB4CLY0IFgARnBbUoiquxHgBwTTOhAkCCBYNqXyoALI4JFQASCCoAJBBUAEggqACQQFABIIGgAkACQQWABIIKAAkEFQASCCoAJBBUAEggqACQQFABIIGgAkACQQWABIIKAAkEFQASCCoAJBBUAEggqACQoGuhvyyK4kqtBwBc00yoAJBAUAEggaACQAJBBYAE5w2qA5IAYPFMqACQQFABIIGgAkACQQWABIIKAAkEFQASCCoAJBBUAEggqACQQFABIIGgAkACQQWABIIKAAkEFQASCCoAJBBUAEggqACQQFABIIGgAkACQQWABIIKAAkEFQASCCoAJBBUAEggqACQQFABIIGgAkACQQWABIIKAAkEFQASCCoAJBBUAEggqACQQFABIIGgAkACQQWABAsGtSiKK7UeAHBNM6ECQAJBBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEgwTmD6oIOAHBxTKgAkEBQASCBoAJAAkEFgASCCgAJBBUAEggqACQQVABIIKgAkEBQASCBoAJAAkEFgASCCgAJBBUAEggqACQQVABIIKgAkEBQASCBoAJAAkEFgASCCgAJBBUAEggqACQQVABIIKgAkEBQASCBoAJAAkEFgASCCgAJBBUAEggqACQQVABIIKgAkEBQASCBoAJAAkEFgASCCgAJBBUAEggqACQQVABIIKgAkEBQASCBoAJAAkEFgATnDWpRFGf8CgCcnwkVABIIKgAkEFQASCCoAJBAUAEggaACQAJBBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEggaACQAJBBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEggaACQAJBBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEggaACQAJBBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEggaACQAJBBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEggaACQAJBBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEggaACQILzBrUsyzN+BQDOz4QKAAkEFQASCCoAJBBUAEggqACQQFABIIGgAkACQQWABIIKAAkEFQASCCoAJBBUAEggqACQQFABIIGgAkACQQWABIIKAAkEFQASCCoAJBBUAEggqACQQFABIIGgAkACQQWABIIKAAkEFQASCCoAJBBUAEggqACQQFABIIGgAkACQQWABIIKAAkEFQASCCoAJBBUAEggqACQQFABIIGgAkACQQWABIIKAAkEFQASCCoAJBBUAEhwzqCWZXml1wMArmkmVABIIKgAkEBQASCBoAJAAkEFgASCCgAJBBUAEggqACRYMKgu8AAAi2NCBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEggaACQAJBBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEggaACQAJBBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEggaACQAJBBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEggaACQAJBBYAEggoACQQVABIIKgAkOG9Qy7K8kusBANc0EyoAJBBUAEggqACQQFABIEHXQn/pwCQAWBwTKgAkEFQASCCoAJBAUAEggaACQAJBBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEggaACQAJBBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEgwYJBLYriSq0HAFzTTKgAkOCsoJZleTXWAwCuaSZUAEhwzqDadwoAF8eECgAJBBUAEggqACQQVABIIKgAkEBQASCBoAJAAkEFgASCCgAJBBUAEggqACQQVABIcN6gukA+ACyeCRUAEggqACQQVABIIKgAkEBQASDBgkEty/JKrQcAXNNMqACQQFABIIGgAkCCcwa1LEv7TwHgIphQASCBoAJAAkEFgASCCgAJBBUAEggqACS4YFCdPgMAF2ZCBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEggaACQAJBBYAEggoACQQVABIIKgAkEFQASCCoAJBgwaC6dRsALI4JFQASCCoAJBBUAEggqACQQFABIIGgAkACQQWABIIKAAkEFQASCCoAJBBUAEggqACQQFABIIGgAkACQQWABIIKAAnOG1Q3FweAxTOhAkACQQWABAsG1WZfAFgcEyoAJBBUAEggqACQQFABIIGgAkCCCwbVkb4AcGEmVABIIKgAkEBQASCBoAJAAkEFgASCCgAJBBUAEggqACQQVABIIKgAkEBQASCBoAJAAkEFgASCCgAJBBUAEpwzqO6BCgAXx4QKAAkEFQASLBhUm34BYHFMqACQQFABIIGgAkACQQWABIIKAAkEFQASCCoAJBBUAEggqACQ4LxBdZUkAFg8EyoAJBBUAEggqACQQFABIIGgAkACQQWABIIKAAkEFQASCCoAJBBUAEggqACQQFABIIGgAkACQQWABBcMqtu4AcCFmVABIMGCQTWdAsDimFABIIGgAkCC8wbV5l4AWDwTKgAkEFQASCCoAJBAUAEggaACQAJBBYAEggoACQQVABIIKgAkEFQASCCoAJBAUAEggaACQAJBBYAEggoACQQVABIsGFQ3GQeAxTGhAkACQQWABIIKAAkEFQASCCoAJBBUAEjQdSVeZO3atVfiZQDgqjGhAkCCcwa1KIorvR4AsOQVRXHeRp4V1KIoolqtiioA/EJZlp2Ynq+R5w2qqALAP2hfiveigtpsNmPZsmVRqVSiKArX8wWA+MeYdnd3R7VaPevvzwhqWZbRaDSiv78/uru7BRUAfqEoiqhUKtHd3R1dXWefJDM/qM2IiLm5uejt7Y3e3t6oVCqCCsB1r9VqRaVS6UyotVqtvSW32V6mE9SyLCfLsozTp09HrVaLlStX2o8KwHWvLMvOQUnVajV6enrm/91E+/edoBZFMdlsNmNqairKsoy1a9d29qO2Wq0rvPoAsDS0Wq1OTJctWxYrVqyI6enpaDabURTF2UGNiFNlWcb09HTMzc3FunXrolarCSoA17VGoxGVSiW6urpiYGAgenp64tSpU+1domPt5eYHdV9ExMzMTExNTcX69euju7s7KpWKoAJw3Wq1Wp3TSdetWxeVSiXGx8ej2WxGRLzTXq4T1Eqlsrc9oZ44cSI2bdoUvb29nQnVwUkAXG/KsuwckNTb2xtDQ0MxOTkZk5OTUZZlVCqVt9rLzj8oaW/EPxzlOzIyEhs2bIiBgYGoVqtRqVTaJQaA60Z7c2+1Wo3e3t7YsmVLjI6Odo43arVae9vLdoI6PDx8JCL2z87Oxv79+2P16tUxODgYtVotqtWqzb4AXHcajUZUq9XO/tNNmzbFgQMHYnZ2NiLizZGRkffby37wwg4/aDQacfDgwRgbG4tt27ZFf39/53xUUQXgetFuXvtUmc2bN8fNN98ce/fujenp6SjL8qX5y58R1Eql8lJZljE6Ohr79++Pe+65p3M+arVajUajcQU/FQC4eubm5jrTaV9fX3zyk5+MycnJ2Lt3b9Tr9ahUKucParVa/Y8RMX369Ol4/fXXY2hoKIaGhjqbfU2pAFwP2scNdXV1RVdXV6xevTruueeeeOutt2J0dDTKspw6ffr0i/Mfc0ZQ9+3bNxYR36nX6/H666/H9PR0PProo7F8+fJOpU2pAHzUNRqNTkx7enpi27ZtsXHjxvjJT34SU1NTERH/x/HjxyfnP+ZcNxj/981mM44cORKvvfZabN++PdavXx9dXV2dSxE64heAj6p6vR5FUXSCumbNmtixY0ccPHgwXnvttZibm4uI+PoHH3dWUEdGRv6fiNg7NTUVr7zySqxcuTIeffTRWLFiRWdfarPZtOkXgI+cVqsVzWazE9Pe3t7Ytm1b3HnnnfHKK6+0N/fuHhkZeemDjz3XhNosy/LfzM3NxZ49e+K1116Lp556KjZt2tS5ZU1XV1c0m00XewDgI6Msy5ibm+u0rru7O26++eZ45pln4tixY/Hqq6+2j+791xFx1lR5rqDGjTfe+FxE7D916lR8//vfj4GBgfi1X/u1GBgY6AS1UqnYnwrAR0a9Xu+EtKurK/r7++OJJ56I22+/Pb7zne/EoUOHotVqvXngwIG/Otfjz77leEQcOXKktXLlyuFWq/VPJycnY/369fHwww/H/v3748iRI50r75dlGc1m85x3LgeAa8Xc3Fzn5uHd3d3R09MT99xzT3z5y1+Offv2xbe+9a04depUFEXx5bGxsbfO9RznLeH4+PiegYGB++fm5u4YHR2N++67L+64447YvXt3TExMdO4NF/GPN14FgGvNL84pPWNT79DQUPze7/1eDAwMxJ/+6Z/GO++8E81m81sjIyP/4/meZ8HR8oYbbvhxq9X67ampqd56vR47duyIvr6++PnPfx4zMzNnRLV9eSYAuFa0L95Qq9U60+lNN90UX/ziF2P79u3xjW98I1599dWYmZkZLcvy8+Pj4xPne64FC3jq1KlTAwMDbzQajX964sSJor+/P5566qloNBqxb9++mJubi6IoOlFtn07T/m8AWIparVbnXNNarXbGBRw+//nPx2c+85l46aWX4oUXXoixsbGyLMt/fuDAgZ0LPecFR8qxsbG3BgYG1szOzj54+PDhuPnmm+Pxxx+PmZmZOHz48BlRbd/qzSZgAJaqRqMRrVarM5G2L1y0evXq+PVf//V49tlnY+fOnfHcc8/FsWPHotVq/c8HDhz43y70vIvaRjs2NvbiihUr7p6amrrz0KFDsWXLlnjiiSeiXq/HDec4NAAABilJREFUoUOHYnZ2thPUdkhNqwAsJe2ptFqtnhHTWq0WN910U3zuc5+L3/iN34g33ngj/vzP/zwOHDgQrVbr/x4ZGfn9iLjgeaKL3elZrly58j9ExGPj4+ND77zzTmzatCmefPLJqNVqcfTo0fa5OVGpVDpxnX/tX2EF4GpoNpud0zznX0+hfY/TwcHB+OIXvxif+cxnYufOnfG1r30thoeHo9ls/rBarX7h1KlT9cW8zqKPIhofH2/ccMMNzzebzYfHxsaG9u/fH6tWrYqnn346Nm3aFMeOHYvJycloNBqdSfWD+1fbwQWAy6l9Wuf8kLZj2p5Qly9fHvfee2985Stfie3bt8df//Vfxze+8Y04ePBgNJvN/7evr+/z77zzzunFvuZFHZZ76tSpmXXr1v1Fo9H4+NjY2F1vvfVWTE9PxyOPPBIPPPBARESMjY3F7OxsJ57tsM7fFNxqtTpHCJtcAcjQ3qRbr9ej2WxGURRnhHT+VLphw4b49Kc/HV/+8pdjxYoV8Zd/+ZfxwgsvxLFjx6LZbD5frVafvZiYRkR82JpVBwcH//tKpfKHy5cvL+677774whe+EFu3bo3du3fHd7/73XjjjTfixIkTUa/XOwcqzf9oh7XZbHZiOz+8Sym0S2ldPmqul6+ty3ReXtfi13cpr/NSXre2+T0py7IzxLWvOd/+aA927X2lq1evjnvvvTc++9nPxtatW2PXrl3xzW9+M/bs2RNTU1Otsiz/u5GRkX8V57i04IVc0rvZ4ODgUxHxXK1Wu3n9+vXxyCOPxKc//elYs2ZNvPnmm/GDH/wgdu/eHaOjozE9Pd35v4b2F2B+WOd/Udof51zhX7wBL/QNX8yb9GLfyC/mDf9yLfthls96bOZzLKXXudyu1BtSxutcynNc7GMvZvnLsexilrvQMot5D7qU57/UdbwSj7/a5p9Z0o7l/JjO/7Pu7u5YtmxZrF69Ou6+++544okn4u6774733nsvvvvd78aPf/zjeO+996LRaBxvtVq/eeDAge9/6PW61E9sw4YNa6rV6v9QrVZ/r7e3t9i4cWN86lOfikcffTQ2bdoUR48ejV27dsVPf/rTGBkZiffffz9mZmZidnb2jMDOn1wXG9UFP7HLGLesx1/JqH4YV+L1PioBvZBrKbCX67UuV4CynyMjeJf6+Msd3cvxuCvlXDGdH9L2Jt7e3t5YsWJFbNiwIe6///64995745ZbbomjR4/GK6+8En/7t38bBw8ejJmZmbIsy+e6u7v/m3feeefYJa1b1ie5adOmx4qi+HeVSuX+vr6+WLt2bdxzzz2xffv2+PjHPx6rVq2KEydOxKFDh2Lfvn0xPDwchw8fjvHx8Ziamoq5ubnOR/scobYP+w3OfLO+HG/81+LUd70EcKnLfNO71mO/1L4WVyK453Kpk/OlPvZKmR/S+QcYLVu2rDOJbt68OW6//fbYsmVLbNq0KVqtVvz85z+PV199NX72s5/F8ePHY2pqKsqy/LuI+K+Gh4d/nLJuGU8y3+Dg4CMR8a8qlcqO9lFUa9eujdtvvz3uuOOOGBoaio997GOxcuXKiIiYmJiI999/P06fPh0TExMxOTkZp0+f7kyvEZf3m3y1A3G1X/9iXWvr+1F1LbzxzbcU1ncprEPb1VyXpfR1uBjt9552QHt6eqK3tzd6enqiv78/Vq5c2fkoyzJOnjwZhw4ditdffz127doVhw8fnn/Q7I8i4t+MjIz8h9R1zHyy+QYHBz8REb8ZEV8uiuLmWq0WPT09sWzZshgYGIiBgYG48cYbY926dbFq1aqo1WpRq9XOuOB++xt/rf4ALBUiyEL8+1palsIWuaWsKIrO5t32rUSbzWZMTk7G2NhYHD9+PEZGRuL48eMxOTkZMzMzMTMzE61W60hZlt+OiG+PjIy8clnW7XI86Qd0DQ4OPlgUxY5Wq7WjUql8MiKWz9/e3dXVFRGxJI/wBWBpmj+AtY/BaTQa7d2GE61W6ydlWf6gUqm8NDw8/JOIaF7W9bmcT34+GzZs2FitVu8oimJzq9VaWalUlpdl2X811gWAa1tRFFNlWU4URTEeEe82m829Bw8ePHSl1+P/B8x3bgRZrcdKAAAAAElFTkSuQmCC") !important;
}
.LiveViewContents---tablet .LiveViewContents---responsive_frame {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%201236%20854%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22a%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23323232%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-opacity%3D%22.96047%22%2F%3E%3C%2FlinearGradient%3E%0A%20%20%20%20%3Cfilter%20id%3D%22e%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeGaussianBlur%20stdDeviation%3D%221.5%201.5%22%20result%3D%22blur%22%2F%3E%3C%2Ffilter%3E%0A%20%20%20%20%3Cfilter%20id%3D%22c%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeGaussianBlur%20stdDeviation%3D%220.5%200.5%22%20result%3D%22blur%22%2F%3E%3C%2Ffilter%3E%0A%20%20%20%20%3CradialGradient%20xlink%3Ahref%3D%22%23a%22%20id%3D%22d%22%20cx%3D%22628.41638%22%20cy%3D%22246.09644%22%20fx%3D%22628.41638%22%20fy%3D%22246.09644%22%20r%3D%22226.43204%22%20gradientTransform%3D%22matrix(1.21194%2C0.00903%2C-0.01714%2C2.2567%2C-128.966%2C-314.94)%22%20gradientUnits%3D%22userSpaceOnUse%22%2F%3E%0A%20%20%20%20%3Cfilter%20id%3D%22b%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeGaussianBlur%20stdDeviation%3D%220.5%200.5%22%20result%3D%22blur%22%2F%3E%3C%2Ffilter%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20color%3D%22%23000%22%20font-family%3D%22sans-serif%22%20white-space%3D%22normal%22%20transform%3D%22matrix(1.7601443%2C0%2C0%2C1.7601443%2C0.18935124%2C1.0450793)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M%2030.712156%2C0.31571%20C%2014.314926%2C0.31663%201.0226441%2C13.60919%201.0214199%2C30.00642%20v%20423.98717%20c%209.207e-4%2C16.39723%2013.2934761%2C29.68951%2029.6907081%2C29.6907%20H%20671.28966%20c%2016.39652%2C-0.002%2029.68772%2C-13.29417%2029.68892%2C-29.6907%20V%2030.00642%20C%20700.97766%2C13.6099%20687.6862%2C0.31792%20671.28969%2C0.31571%20Z%20M%2016.215572%2C446.3956%20c%20-10.3176221%2C25.13602%20-5.158811%2C12.568%200%2C0%20z%22%20solid-color%3D%22%23000000%22%20overflow%3D%22visible%22%20fill%3D%22%231e1e1e%22%20stroke-width%3D%220.92053086%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M%203.5033157%2C105.0348%20C%20-16.210264%2C104.02566%20-29.519884%2C119.36472%20-28.502234%2C137.04037%20V%20592.9596%20c%200.001%2C18.18072%2011.273%2C32.00424%2032.0055497%2C32.00555%20H%20700.58754%20c%2017.67487%2C1.00815%2033.53075%2C-13.32053%2032.0036%2C-32.00556%20V%20137.04033%20c%20-10e-4%2C-20.20027%20-15.36818%2C-32.00318%20-29.98615%2C-32.00556%20z%20M%20-12.123484%2C584.76923%20c%20-11.12202%2C27.09574%20-5.561%2C13.54788%200%2C0%20z%22%20%20solid-color%3D%22%23000000%22%20overflow%3D%22visible%22%20fill%3D%22none%22%20stroke%3D%22%23646464%22%20stroke-width%3D%221.89798999%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%20filter%3D%22url(%23b)%22%20transform%3D%22matrix(0.91256827%2C0%2C0%2C0.92053087%2C29.713758%2C-93.995124)%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M%203.5033157%2C105.0348%20C%20-16.210264%2C104.02566%20-29.519884%2C119.36472%20-28.502234%2C137.04037%20V%20592.9596%20c%200.001%2C18.18072%2011.273%2C32.00424%2032.0055497%2C32.00555%20H%20700.31588%20c%2017.67488%2C1.00815%2033.53076%2C-13.32053%2032.0036%2C-32.00556%20V%20137.04033%20c%20-9.8e-4%2C-20.20027%20-15.36817%2C-32.00318%20-29.98614%2C-32.00556%20z%20M%20-12.123484%2C584.76923%20c%20-11.12202%2C27.09574%20-5.561%2C13.54788%200%2C0%20z%22%20overflow%3D%22visible%22%20solid-color%3D%22%23000000%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.13880002%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%20stroke-opacity%3D%220.99530999%22%20filter%3D%22url(%23c)%22%20transform%3D%22matrix(0.91256827%2C0%2C0%2C0.92053087%2C29.837716%2C-93.995124)%22%20%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22m%20441.32712%2C13.753157%20c%20-20.39284%2C6.6446%20-28.1245%2C14.4411%20-32.2539%2C32.2539%20V%20504.87135%20c%203.09707%2C19.34594%2012.37707%2C25.09794%2032.2539%2C32.2539%20h%20704.17058%20c%2016.264%2C-5.11245%2030.1866%2C-13.41978%2032.252%2C-32.2539%20V%2046.007057%20c%20-4.6451%2C-17.81204%20-16.504%2C-27.14105%20-32.252%2C-32.2539%20z%20M%20425.57908%2C496.61744%20c%20-11.20834%2C27.306%20-5.60417%2C13.653%200%2C0%20z%22%20solid-color%3D%22%23000000%22%20overflow%3D%22visible%22%20fill%3D%22url(%23d)%22%20filter%3D%22url(%23e)%22%20transform%3D%22matrix(0.9010156%2C0%2C0%2C0.90977906%2C-363.87611%2C-8.5888163)%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M%2035.433852%2C6.49688%20C%2019.574265%2C6.4978%206.7178183%2C17.76252%206.7166399%2C33.92935%20v%20416.14131%20c%208.923e-4%2C16.16682%2012.8576251%2C27.43127%2028.7172121%2C27.43246%20H%20666.5679%20c%2015.85894%2C-0.002%2028.71429%2C-11.26631%2028.71546%2C-27.43246%20L%20693.44232%2C33.92936%20C%20693.44144%2C17.76321%20680.58577%2C6.49906%20664.72684%2C6.49689%20Z%20m%20-14.02125%2C436.08255%20c%20-9.979319%2C24.78283%20-4.989645%2C12.39143%200%2C0%20z%22%20solid-color%3D%22%23000000%22%20overflow%3D%22visible%22%20fill%3D%22%23141414%22%20stroke-width%3D%220.92053086%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cpath%20d%3D%22M%20103.99999%2C41%20H%201132%20V%20813%20H%20103.99999%20Z%22%20stroke-width%3D%221.60200369%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;
  background-size: 1236px 854px !important;
  width: 1236px !important;
  height: 854px !important;
  padding: 43px 106px !important;
}
.appian-context-browser-edge .LiveViewContents---tablet .LiveViewContents---responsive_frame {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABNQAAANWCAYAAAA2l9HUAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAACAASURBVHic7N1ZbF13nuD33/8uvBR3UaQWiqQWl+UqG66t3a6UXVXu7snbDDKDwUzSQNCDYDDIDDDAbJjJQ16C5GGAIE9BkLwkgyBJAxkgmIdO8hCga+yqLtekuxpV7vJWsuxSybIsUZa477zbPLjO7UuKculPiRIpfj7ABRfxnHvOpWyRX/yXCAAAAADggaUnfQEPa3JycrRcLp9qtVr9KaWRdrs9kFIaiIi+HV966O8VAAAA4IBr7/h4rd1ur6SUVtrt9kKpVFptNpu3b9y4MfdEru4ROTSRaXx8fKBWq32nVCp9td1uX0opPZdS+nJEjEVEpJQipRTt9s7vGwAAAACPW3en2dlr2u323Yi43G63PyiVSh80m813Njc337xz587KE7jUbAc2qJ0/f7633W6/0mq1fjel9HsppZcjopJSilKpFOVyufO2eJRKpahWq1EulzuBrdVqRbPZvO83kN8spQP71wQAHgk/HwAAPJzd2kG73Y5msxmtVmvbo/hc8bar2TQi4s/a7fYbpVLpjZTSv7t27drGY76VB3LgSsn09PRvRcTfiYj/NKV0IqUUlUolyuVy9PT0RK1Wi8HBwc6jr68vent7o1arRU9PT/T09ESlUulU0Ha7HY1GIxqNRrRarXtGsfkBmi8iJgJHiX8T2U/+fgHA06X79+Xi/WJwU/GIiKjX61Gv1zttZn19PVZXV2NtbS1WV1djeXk5NjY2YmtrKxqNRmdQ1K9/dliKiD+KiP/9+vXr/zbunU76xByIWnDhwoVzjUbj76WU/iCldK5UKkWlUunEs5GRkTh+/HiMjIzEiRMnYmxsrPNxX19f1Gq1qFarnR/Uuitnq9XqfEOKb0pRP+/3g52Isndeu0fHawlHk+jw6Hgt9+aov25H/f4BIEcRzkqlUudRqVSiUql0Pi5mERaj1TY2NmJ5eTmWl5djcXExZmdn4+7duzE7Oxtzc3OxsLAQq6urncDW1W+utdvtP6xUKv/Lr371q4+f+L0/ySefnp6+GBH/OKX091NKtUqlEr29vTE4OBhjY2Nx+vTpmJycjImJiTh58mSMjIxEb29vVCqVzgvabDaj0WjE1tZWbGxsxMbGRtTr9dja2op6vd4JacWjiG3dI9gOqsMaVA7rde/mcdzLfv0dfJq+D3CYHOb/pg/yv4m5Duu9HLbrfpLX+ySeey//HR627ykA5OgOauVyOSqVSlSr1c6jmGm4c1ZhEdkiIprNZqytrcXc3FzMzMzErVu34tNPP42ZmZm4c+fOPXEtIuoR8a9LpdK/vHbt2uUndu9P4kkvXLjwtWaz+V+mlP5WqVQqVavVGBgYiJMnT8bZs2djeno6pqenY2JiIkZHR6NSqXRGmq2trcXCwkLcvXs35ubmYn5+PpaXl2Nzc3PXmNb1gkej0YiI2DY/92Ht5y84ByGI7Oc1FN+Dx3WfB+H1fFAH7VoP2vXst6N2v7s5ar8AHrT7PWjXcz+P8zr3+9+Mg/Ka7+d1PG3xa7/u51Gf96D83QKA/dA9vbN7nftilFqlUulEtZ6enujr64vh4eFtMxFHR0ejv7+/E9m2trZidnY2Pvnkk7h27Vp88skn8emnn8bc3Fysra1FvV4v/n1tRcT/1Wq1/uWNGzfefuz3/jif7Pz58yOtVuu/Tin9w1KpVO7p6YmhoaE4ffp0XLx4MS5duhQXLlyIsbGx6OnpiWazGcvLy/HZZ5/FzZs34/bt250hgEtLS7GystIZlVaEs51TO1utVkREZzTag2xOkPvD+n78cH8YQ91ez/u0BbVH9TwHJeoclOt4WE/LfRxET8sviwflPh7FdTyJ0HVQn+OwRJeDdt6DEJUOwjUc5vMBwOPQvXZaRESpVNo2BbR7E8kisPX29saxY8dicHAwBgYGYnR0NE6dOhWnT5+OM2fOxNjYWPT390dExMbGRty+fTt++ctfxpUrV+LatWvx2WefxerqandYa0fEHzYajX928+bNu4/t3h/X80xPT/9BRPx3KaWTvb29MTw8HFNTU/HMM8/Es88+GxcuXIjjx49HSilWVlZiZmYmrl+/Hh9//HHcvHkz7t69G8vLy7G+vh71er0zYm3nmmjd7+/2eGQ3tIdfznOOOSjRa7/v83Gd+2Guab9DTPffy4Mc4w57kDrs13+QHfZfAg/qyJmd53ic/y96XMcepNFYByH47OWchymU7dfXPsnnfpTXedj/XwrA0dYd1nZGtZ2fK0aiFVM/a7Va9Pf3x9DQUJw4cSLOnDkT586di3PnzsWZM2eir68vGo1G3L59Oz766KO4fPly/PKXv4zbt2/HyspK98zEuYj4b65fv/4/xOej1/b3nvf7CSYnJ58tlUr/a0rp1UqlEgMDAzExMRHPP/98vPjii3Hx4sUYHByMZrMZd+7ciQ8//DCuXr0aN27ciNu3b8fi4mKsra11pmvutrFA9+N+n4/4/AeVnbt83s+j/MVlvyPWYf/6/T7vYYxwj+I1PAgB6SBcQ+EgXcvT5qD8Evg0XcfDnuOwxLHDHNQO0tc/jfFpP772Sb1OT/J7CQCPw87dPrsD2s4NC3YGtiKuFX9WrVajr68vjh8/3glrxWzGkZGRTju6cuVKvPPOO/Hhhx/GnTt3YmNjo9OLIuJHrVbr7964ceOjfb3v/Tz5uXPn/mZE/KtSqTRSq9Xi5MmTcenSpXjxxRfj+eefj7GxsWg2m3Hr1q344IMP4sqVK3H16tXOonPd0ze7g1lEbHu78/NfNL3zSU31PAhf+zR8/V6PeRLHPa7zP8n4e1DOfZCe8yh7Ur8IHpQpcvt9rv1+fR/3KLODOILsIEWvJx2f9vNrH9W5nvS9POlzAsBBsltU2xnUdotru41gK0JbT09PDAwMxOnTp+OZZ56J5557Lp599tkYGxuLVqsVN27ciHfeeSfefffduHbtWszNzXVmNEbEcrvd/s8/+eSTf71v97wfJz1//nxvq9X6b1NK/6hSqcTw8HCcP38+vva1r8VXv/rVmJqaipRS3Lp1K9599924fPlyXLt2LWZnZ7eFtO6dOHcLZjvf7/7zzg3++htYvN/9+fu+KAdshNWjdtAD0WG8hr0+XzFq8qA4SNfyMJ6W+zisnpZfCA/SfRTXchh2GDwor9tBDZCP2mEIys55cP6+AMCjsNsgpp2Dnbo7zG7TQH9TWOs+rlKpRH9/f5w+fTqeffbZ+OpXvxpf/vKXY2RkJFZXV+Ojjz6Kn/3sZ/Huu+/GrVu3Ym1trbsN/R+NRuMf3Lx5c+1Rvw6P/LfOCxcunGs0Gn9ULpe/VqvVYnR0NF544YX47d/+7XjhhRdiYGAg5ufn4xe/+EW89dZbceXKlbhz506sr69Hs9mMVqvVCWm7Td/cGdF2frN2vvgAAAAAPB7FTMNmsxmNRqPz8f1GrBWbFvymsFatVqO/vz+mpqbi+eefj69//etx8eLF6O3tjVu3bsVf/MVfxE9/+tO4evVqLC4udq+t9lalUvkbV69evf4o77P8KE82PT39fLvdfr1cLl/q6+uLqampePnll+O1116LF154Icrlcnz44YfxJ3/yJ/Hmm2/G+++/H3fv3o2NjY1OGIuIXWNaEdu6H8ULXyxkV3wTxDQAAACAx68IY5VKJXp6eqJWq0VPT0+Uy58nqKLvRMQ9I93uN6q76EKbm5uxsLAQt2/fjpmZmdjY2IiBgYE4c+ZMTExMxPDwcERErK2txebmZvE8Z1qt1u8PDg7+8dLS0u1HdZ+PLKhNTk5+K6X0x+Vy+czQ0FB86Utfiu985zvxne98J6anp2NlZSX+/M//PN5444342c9+Fjdu3OiMSrvfMMHdQloxl7Y7ngEAAABwMBUtp1qtRq1W68S1nVNF7xfVuttPo9GItbW1mJ+fj5mZmVhaWoqenp44depUTExMxOjoaJRKpVhdXY319fXiOQZTSr8/PDz848XFxUcyUu2RBLXp6em/llL6fyuVyvDg4GBcunQpXnvttfjWt74VJ06ciBs3bsSbb74ZP/rRj+IXv/hFLCwsRKPR2Da9c+c0zlarta1aimgAAAAAh1/3CLZyudxpQF+0yeRO9Xo9VldX4+7duzE3NxetVitOnDgRExMTMTY21olqa2trxbmPRcTvj4yM/HxxcfHDh72Hhw5q586d+72I+KNKpXJseHg4vvKVr8Rrr70WL730UvT19cXly5fjjTfeiD/90z+N69evd9fBiLh3emf3iLSIENEAAAAAnlLF+miVSqXTg74oqHX3oWazGRsbGzE3Nxd37tyJra2tOH78eExMTMT4+HhUq9VYXV2N1dXVYk21akT87aGhoZ8sLS398mGu+6GC2tTU1G9HxP9XqVT6RkZG4oUXXojvfe978c1vfjOq1Wq888478frrr8dbb70Vt2/fjq2trV1HpXVHtGazGRGxbTE6AAAAAJ5eKaWoVCqdsLZzibDdvr74s3q9HktLSzE3Nxebm5sxPDwcExMTcfLkyahUKrGyshLLy8tFVCunlP7myMjIG4uLizf2er17DmqTk5NfKpVK3y+Xy6ODg4OdkWnf+MY3olwux9tvvx3f//734+233465ubnu3RXuWSOt+2MhDQAAAOBoKsJa91TQiO1Rbbdm1Gw2Y319Pebm5mJ9fT0GBgbi7NmzMT4+HimlWFpaitXV1ajX6xER1Yj466Ojo//3wsLC7F6uc09B7fz586cj4k9SSmf7+/vj0qVLnZFp5XI5fvrTn8Ybb7wR7733XiwuLm4brte94Fz3OmlCGgAAAAARfxnWUkrbBmnt9nWFIqrNz8/H+vp6DA0NxdmzZ2NsbCxSSrG4uBgrKyvRaDQiIvra7fZfHRsb+z/n5+dXc69vL0GtNDQ09G9SSt88duxYXLx4MV599dV4+eWXo1arxVtvvRWvv/56vPfee7G0tLRtfbTdNh2I+HydNCENAAAAgG7FBgbdHalb0ZOKt81mMzY3N2NhYSE2NzdjZGQkzp49G6Ojo9FsNmNhYSFWV1eLcx1vtVovLS4u/mFE3H8HhF1kB7Xp6en/KqX0d3t6emJycjJeeeWV+Pa3vx3Dw8Px/vvvx+uvvx7vvvvuPTGte4pnEdSKUWkAAAAAsJvu0Wq/nrJ5369LKUWr1Yqtra1YXFyMer0eJ06ciLNnz8bIyEisr6/H7OxsrK2tFRtiXhgaGtpaWlr6Uc41ZQW1ycnJ11JK/6parZbGxsbipZdeiu9+97tx6tSpuHr1arzxxhvx1ltvdaZ5Fjt17pze2W63jUoDAAAA4IGVSqUol8udKaA7R6cV7xdRbXNzM5aWlqLZbMb4+HicOXMmjh07FisrKzE3N9e9eebvDA8P/3hxcfFXD3otDxzUTp8+PV6pVL6fUhoaHByM559/Pr773e/Gl770pZiZmYkf/OAH8ZOf/CTm5uY64Szi3pgW8fkUTwAAAADIUYxW6+5M3X9WvO0eqba8vByVSiUmJibi9OnTUS6XY35+PhYWFmJraysiIkXEfzgwMPC/LS8vrz/IdTxw2RodHf0fU0rfrdVqcf78+Xj11Vfj61//emxtbcWbb74ZP/7xj+P27dtRr9c7N9S9g2ez2TTFEwAAAICHkhvVNjc3Y21tLQYGBmJycjJOnDgRjUYj7ty5EysrK8V6aoOlUml0cXHx/3mQa3igoDY9Pf1qRPz3lUolnTx5Ml566aX49re/HYODg/Hzn/88fvCDH8S1a9dic3Pznt08m81mJ6aZ4gkAAADAo7Bzs4KdU0CLt61WK9bX12NraytGR0djcnIyBgYGYnl5OT777LPY2NgowtzXR0ZG/nhxcfHGb3ruBwlqlaGhoT8ql8un+/v74ytf+Up873vfi3PnzsX169c7O3qura1tG5HWPdUzpWRkGgAAAACPVLlc3raO//2iWqPRiPX19UgpxenTp+PMmTORUoq7d+/G3NxcsS5bioiXFxcX/+eIaO32fJ3n/U0XNjU19U9SSn+nWq3GmTNn4pVXXolvfOMbsbGxEW+++Wb85Cc/idnZ2c6CcN0hTUwDAAAAYD8VI9V+U1Tb2tqKzc3N6O/vj+np6Th+/Hisr6/HzMxM99TPU8PDw7OLi4t/9kXP+YVBbXx8fKBarf6blFLf0NBQvPjii/Hqq6/G2NhYvP/++/HDH/6wM9UzYvs0z1/vkiCmAQAAALCvutdUu19Qa7fbnZ09x8fHY3JyMnp6emJ+fj5mZ2djY2OjWMrs5Z6env9pbW1t637P94VBbWxs7J9GxH9Uq9VicnIyXnnllXjhhRdiaWkpfvjDH8bPf/7zWFlZuWeaZ1EExTQAAAAAHodyuRz1er3zcbExQfGI+DyqbW5uRq1Wi+np6RgfH496vR63bt2KxcXFaDQaERF9lUpldmlp6f+/33Pdt3idP3++NyL+cUop+vv745lnnonnnnsuyuVyfPDBB3H58uVYXFzctm5a91sbEAAAAADwuKSUore3d9tSZMWotaJXNRqNWFxcjPfeey/ee++9KJVK8eyzz8bFixejv7+/e1Tbv5icnDx2v+e6b1Brt9t/LyLOVKvVGB8fj+eeey5OnjwZs7Oz8fbbb8fNmze3rZvWPUrNjp4AAAAAPG6lUilqtdq2oFZEtV9P54xGoxG3bt2Kd955Jz777LMYGxuLL3/5y3Hq1Kmo1WrFqU6nlP6z+z7PfT5fbrfb/zylFMeOHYupqam4ePFilEql+PDDD+PDDz/sLNbWbrc766YVmxCIaQAAAAA8CeVyubOm2s5RasXotbW1tfjoo4/iypUrkVKKZ555ZrdRav9F3Ked7frJqampvxIR58rlcgwPD8eFCxfi5MmTsbS0FB988EHMzMx05qQWF2LdNAAAAAAOgp6enoiIbdM/i1Fq7XY76vV63LlzJ95///2YnZ2N8fHxuHTpUoyNjUW1Wi1Oc/7cuXO/s9v5d61fKaU/SClFrVaLiYmJuHjxYtRqtfjkk0/i2rVrsba2ds+FFFM9AQAAAOBJSilFT09Pp1/tjGqtVitWV1fj6tWr8dFHH0WpVIqLFy/G1NRU9Pb2dm9i8Ae7nf+eAnbq1Kn+iPgbEdGZ7nn27NnY3NyMK1euxM2bN2Nr6/NdQ7svyFRPAAAAAA6KSqUS5XJ525TP7vcbjUbMzMzE5cuXY2VlJU6ePBlTU1MxNDTUPWjsb4+Pjw/sPPc9Qa1Wq/2tiBgol8tx4sSJmJqaioGBgbh7925cvXo1FhYWto1MKx7lcnmfXwYAAAAAeHC9vb3b1v7v3vGz2WzG6upqXLt2LW7evBk9PT1x7ty5GB8fj2q1Wgwc6+/r6/vrO8+72xzN/7iY7jk+Ph4TExMREXH9+vW4detWbG1tbdvR01RPAAAAAA6ilFKUy+Vtsyy7p35ubW3FnTt34urVq9FqtWJycjLOnj0bvb29nXO02+3/ZOd5d5awSkR8NyKiVqvFyZMn4+TJk1Gv1+Pjjz+O+fn5bSXP2mkAAAAAHGS1Wu2ewWHdj7m5ufjVr34VCwsLMTIyEpOTkzE8PNw9G/N3fuu3fqvafc5tJWx6evpbETFY7O555syZ6Ovri/n5+bh582YsLy9Hs9mMiL9cP01MAwAAAOCgKpVKUalU7tmcoHhsbm7Gp59+Gp9++mmUy+WYnJyMEydOdE/7HLx9+/Y3u89Z6f4gpfR7ERHVajWOHz8ep0+fjlKpFDMzM3H79u1oNBqdotdutyMirJ22z+7evfukLwEAAAB4zMbGxp70JTxVarVa1Ov1bZsTpJSiVCpFvV6Pu3fvxscffxzPP/98jI+Px9jYWFSr1djY2IiIiFKp9HsR8WfF+bYNL2u3278b8fkuCKOjozE2NhatVitu3LgR8/Pz0Wg0thU8AAAAADjoSqVSlEql+079XF5ejps3b8ba2loMDQ3F2NjYtnXUIuJ3t52v6/1yRPwHKaWoVqsxPDwcg4ODsbGxETMzM7GystIZmVY8mdFpAAAAABwG1Wr1vuuobWxsxN27d2Nubq6zUefAwEBUKp3Jna9GV0frvDM9PX0uIo6llOLYsWMxPDwcvb29sbKyEvPz87G5ubltM4KIKOaRAgAAAMCB1tPTExGxa1BrNBoxOzsbMzMz0W6349SpU3HixImoVCpF/+q7cOHCVHGuTlBLKT0X8fkQuIGBgTh+/HhERCwsLMTi4uI9C7bZjAAAAACAwyKlFJVKZddpn41GIxYXF+PmzZvRbDbjxIkTMTIy0j1CLRqNxnPF+50q1m63nytOPDAwECMjI9FsNuPOnTuxsrLS2ZCgGJ0mqAEAAABwmFSr1fuuo7a6uhqfffZZbG5uRn9/fwwNDXXv9NkZjBaxfQ21zgi1/v7+GBgYiFarFQsLC7G2trZt/bRfn+Qx3i4AAAAAPJwiqO0W1TY3N2NhYSFWVlaiWq121lArBpe12+1dg9qXIj4ParVaLWq1WjQajVhYWIiNjY3OE7XbbTENAAAAgEMnpRTlcnnXqFav12NlZSWWlpYiImJgYCD6+vo6m3KmlJ4tztMd1EYiPg9q1Wq1E9RWV1c7GxJEhKAGAAAAwKFVjDrrfhRRrdics9lsxsDAQBw7dqx72bOR4p3uoDaYUoqUUtRqtahUKlGv12N1dTUajUbnxO12u1PmAAAAAOAwqVarERH3jFBrNpuxtrYWCwsL0Wg0YmBgIPr7+6NcLheDywaLc2wLakUsKxZc29zcjPX19Wg2m9s2JAAAAACAw6hUKt0zQq3dbkez2Yz19fVOUOvt7Y1jx451z9TcPagVJy3mkm5ubka9XhfUAAAAAHgqFCPOdk73LFrY8vJy1Ov1KJfLUalUuqd83hPUUkT0RUQnmhWLsTUajW21zvppAAAAABxmRSTbuY5ao9GItbW12NrailKptDOoDcTnDa0T1EoRUY74fLeDYt5oMTqtu9R1nQQAAAAADp1i2mfE9rXU6vV6rK+vR71ej5TStq+Lz9tZKWL7lM/OSYp5o93TPYuhcEaoAQAAAHCYFRtu7hyh1mw2Y2NjI7a2tjpBbbfBZbsGtWazGY1GY1tQK0aoCWoAAAAAHGbdfWvnxgQbGxuxsbHRmamZUrqnh913hFqj0YhGo9EJaWIaAAAAAE+DonF1T/vsHmS2tbUVzWbzvi1s1wXRuoNasSlB8XlRDQAAAIDDbOcIteJtsY7a5uZmNJvNbX/ebdegVizEVmxIUFS6nU8IAAAAAIdNsVdAYee0z0aj0VkGrfjzbrsGte6dPrt1hzUAAAAAOIy+aMBYq9XatgzabrYFtd22C221Wtv+zAg1AAAAAJ4mO9dSK5rYAwW1nScyGg0AAACAo2BnVPuiLnbfTQm6DxTWAAAAADhKsoPagx4MAAAAAE+LBxmdFvEAQQ0AAAAA+EsPHNRsRgAAAAAARqgBAAAAcMQ87MAxQQ0AAAAAMghqAAAAAJBBUAMAAACADIIaAAAAAGQQ1AAAAAAgg6AGAAAAABkENQAAAADIIKgBAAAAQAZBDQAAAAAyCGoAAAAAkEFQAwAAAIAMghoAAAAAR0pK6aGOF9QAAAAAIIOgBgAAAAAZBDUAAAAAyCCoAQAAAEAGQQ0AAAAAMghqAAAAAJBBUAMAAACADIIaAAAAAGQQ1AAAAAAgQ1ZQSynt13UAAAAAwKFghBoAAAAAR8rDDhoT1AAAAAAgg6AGAAAAABkENQAAAADIIKgBAAAAQAZBDQAAAAAyCGoAAAAAkEFQAwAAAIAMghoAAAAAZBDUAAAAACCDoAYAAAAAGQQ1AAAAAI6UlNJDHS+oAQAAAEAGQQ0AAAAAMghqAAAAAJBBUAMAAACADIIaAAAAAGQQ1AAAAAAgg6AGAAAAABkENQAAAADI8EBBLaUUKaX9vhYAAAAAOPCMUAMAAACADIIaAAAAAEfKw87EFNQAAAAAIIOgBgAAAAAZfmNQsxkBAAAAAPwlI9QAAAAAIIOgBgAAAAAZBDUAAAAAyCCoAQAAAEAGQQ0AAAAAMghqAAAAAJBBUAMAAACADIIaAAAAAGQQ1AAAAAAgg6AGAAAAwJGTUtrzsYIaAAAAAGQQ1AAAAAAgg6AGAAAAABkENQAAAADIIKgBAAAAQAZBDQAAAAAyCGoAAAAAkEFQAwAAAIAMghoAAAAAZBDUAAAAACCDoAYAAADAkZNS2vOxWUHtYZ4IAAAAAJ4GRqgBAAAAQAZBDQAAAAAyCGoAAAAAkEFQAwAAAIAMghoAAAAAZBDUAAAAACCDoAYAAAAAGQQ1AAAAAMggqAEAAABAhvsGtZRSpJQe57UAAAAAwGPxMN3LCDUAAAAAyCCoAQAAAEAGQQ0AAAAAMghqAAAAAJBBUAMAAACADIIaAAAAAGQQ1AAAAAAgg6AGAAAAABm+MKi12+3HdR0AAAAAcCgYoQYAAAAAGQQ1AAAAAI6clNKejxXUAAAAACCDoAYAAAAAGQQ1AAAAAMggqAEAAABABkENAAAAADIIagAAAACQQVADAAAAgAyCGgAAAABkENQAAAAAIIOgBgAAAAAZBDUAAAAAyCCoAQAAAHDkpJT2fKygBgAAAAAZBDUAAAAAyCCoAQAAAEAGQQ0AAAAAMghqAAAAAJBBUAMAAACADIIaAAAAAGQQ1AAAAAAgg6AGAAAAABkENQAAAADIIKgBAAAAcOSklPZ8rKAGAAAAABkENQAAAADIIKgBAAAAQAZBDQAAAAAyCGoAAAAAkEFQAwAAAIAMDxzUHmYrUQAAAAB4WhihBgAAAAAZBDUAAAAAyCCoAQAAAEAGQQ0AAACAI+dh9gsQ1AAAAAAgQ1ZQs9MnAAAAAEedEWoAAAAAkEFQAwAAAIAMghoAAAAAZBDUAAAAACCDoAYAAAAAGR4oqNndEwAAAAA+Z4QaAAAAAGQQ1AAAAAAgg6AGAAAAwJHzMEucCWoAAAAAkEFQAwAAAIAMghoAAAAAZBDUAAAALggkiQAAIABJREFUACCDoAYAAAAAGQQ1AAAAAMggqAEAAABABkENAAAAADIIagAAAACQQVADAAAAgAyCGgAAAABkENQAAAAAOHJSSns+VlADAAAAgAyCGgAAAABkENQAAAAAIIOgBgAAAAAZBDUAAAAAyPAbg9rD7HgAAAAAAE8bI9QAAAAAIIOgBgAAAAAZBDUAAAAAyCCoAQAAAEAGQQ0AAACAI+dhNuIU1AAAAAAgg6AGAAAAABkENQAAAADIIKgBAAAAQAZBDQAAAIAjp91u7/lYQQ0AAAAAMghqAAAAAJBBUAMAAACADIIaAAAAAGQQ1AAAAAAgg6AGAAAAwJGTUtrzsYIaAAAAAGQQ1AAAAAAgg6AGAAAAABkENQAAAADIIKgBAAAAQAZBDQAAAAAyCGoAAAAAkEFQAwAAAIAMghoAAAAAZBDUAAAAACCDoAYAAADAkZNS2vOxghoAAAAAZBDUAAAAACCDoAYAAAAAGQQ1AAAAAMggqAEAAABABkENAAAAADIIagAAAACQQVADAAAAgAyCGgAAAABkENQAAAAAIIOgBgAAAAAZBDUAAAAAjpyU0p6PFdQAAAAAIIOgBgAAAAAZBDUAAAAAyCCoAQAAAEAGQQ0AAAAAMghqAAAAAJBBUAMAAACADIIaAAAAAGQQ1AAAAAAgg6AGAAAAABkENQAAAACOnJTSno8V1AAAAAAgg6AGAAAAABkENQAAAADIIKgBAAAAQIYHDmoppYdarA0AAAAAngZGqAEAAABABkENAAAAADIIagAAAACQQVADAAAAgAyCGgAAAABkENQAAAAAOHJSSns+VlADAAAAgAyCGgAAAABkENQAAAAAIIOgBgAAAAAZBDUAAAAAyCCoAQAAAEAGQQ0AAAAAMghqAAAAAJBBUAMAAACADIIaAAAAAGQQ1AAAAAA4clJKez5WUAMAAACADIIaAAAAAGQQ1AAAAAAgg6AGAAAAABkENQAAAADIIKgBAAAAQAZBDQAAAAAyPFBQSynt93UAAAAAwKFghBoAAAAAZBDUAAAAACCDoAYAAAAAGQQ1AAAAAI6ch9kzQFADAAAAgAyCGgAAAABkENQAAAAAIIOgBgAAAAAZBDUAAAAAyCCoAQAAAEAGQQ0AAAAAMghqAAAAAJBBUAMAAACADIIaAAAAAGQQ1AAAAAA4clJKez5WUAMAAACADIIaAAAAAGQQ1AAAAAAgg6AGAAAAABkENQAAAADIIKgBAAAAQAZBDQAAAAAyCGoAAAAAkEFQAwAAAIAMghoAAAAAZBDUAAAAADhyUkp7PlZQAwAAAIAMghoAAAAAZBDUAAAAACCDoAYAAAAAGQQ1AAAAAMggqAEAAABABkENAAAAADIIagAAAACQQVADAAAAgAyCGgAAAABkENQAAAAAOHJSSns+VlADAAAAgAyCGgAAAABkENQAAAAAIIOgBgAAAAAZBDUAAAAAyCCoAQAAAEAGQQ0AAAAAMghqAAAAAJBBUAMAAACADIIaAAAAAGQQ1AAAAAAgg6AGAAAAABkENQAAAACOpJTSno4T1AAAAAAgg6AGAAAAABkENQAAAADIIKgBAAAAQAZBDQAAAAAyCGoAAAAAkEFQAwAAAIAMghoAAAAAZBDUAAAAACCDoAYAAAAAGQQ1AAAAAI6klNKejhPUAAAAACCDoAYAAAAAGQQ1AAAAAMggqAEAAABABkENAAAAADIIagAAAACQQVADAAAAgAyCGgAAAABkENQAAAAAIIOgBgAAAAAZBDUAAAAAjqSU0p6OE9QAAAAAIIOgBgAAAAAZBDUAAAAAyCCoAQAAAEAGQQ0AAAAAMghqAAAAAJBBUAMAAACADIIaAAAAAGQQ1AAAAAAgg6AGAAAAABkENQAAAACOpJTSno4T1AAAAAAgg6AGAAAAABkENQAAAADIIKgBAAAAQAZBDQAAAAAyCGoAAAAAkEFQAwAAAIAMghoAAAAAZBDUAAAAACCDoAYAAAAAGQQ1AAAAAMggqAEAAABwJKWU9nScoAYAAAAAGQQ1AAAAAMggqAEAAABABkENAAAAADIIagAAAAAcSe12e0/HCWoAAAAAkEFQAwAAAIAMghoAAAAAZBDUAAAAACCDoAYAAAAAGQQ1AAAAAI6klNKejhPUAAAAACCDoAYAAAAAGQQ1AAAAAMggqAEAAABABkENAAAAADIIagAAAACQQVADAAAAgAyCGgAAAABkENQAAAAAIIOgBgAAAAAZBDUAAAAAjqSU0p6OE9QAAAAAIIOgBgAAAAAZBDUAAAAAyCCoAQAAAEAGQQ0AAAAAMghqAAAAAJBBUAMAAACADIIaAAAAAGQQ1AAAAAAgg6AGAAAAABkENQAAAACOpJTSno4T1AAAAAAgg6AGAAAAABkENQAAAADIIKgBAAAAQAZBDQAAAAAyCGoAAAAAkEFQAwAAAIAMghoAAAAAZBDUAAAAACCDoAYAAAAAGQQ1AAAAAMggqAEAAABwJKWU9nScoAYAAAAAGQQ1AAAAAMggqAEAAABABkENAAAAADIIagAAAACQQVADAAAAgAyCGgAAAABkENQAAAAAIIOgBgAAAAAZBDUAAAAAyCCoAQAAAHAkpZT2dJygBgAAAAAZBDUAAAAAyCCoAQAAAEAGQQ0AAAAAMghqAAAAAJBBUAMAAACADIIaAAAAAGQQ1AAAAAAgg6AGAAAAABkENQAAAADIIKgBAAAAcCSllPZ0nKAGAAAAABkENQAAAADIIKgBAAAAQAZBDQAAAAAyCGoAAAAAkEFQAwAAAIAMghoAAAAAZBDUAAAAACCDoAYAAAAAGR4oqLXb7f2+DgAAAAA4FIxQAwAAAOBISint6ThBDQAAAAAyCGoAAAAAkEFQAwAAAIAMghoAAAAAZBDUAAAAACCDoAYAAAAAGQQ1AAAAAMggqAEAAABABkENAAAAADIIagAAAACQQVADAAAAgAyCGgAAAABHUkppT8cJagAAAACQQVADAAAAgAyCGgAAAABkENQAAAAAIIOgBgAAAAAZBDUAAAAAyCCoAQAAAEAGQQ0AAAAAMghqAAAAAJBBUAMAAACADA8c1NrtdrTb7f28FgAAAAB4bFJKezrOCDUAAAAAyCCoAQAAAEAGQQ0AAAAAMghqAAAAAJBBUAMAAACADIIaAAAAAGQQ1AAAAAAgg6AGAAAAABkENQAAAADIIKgBAAAAQAZBDQAAAIAjKaW0p+MENQAAAADIIKgBAAAAQAZBDQAAAAAyCGoAAAAAkEFQAwAAAOBIarfbezpOUAMAAACADIIaAAAAAGQQ1AAAAAAgg6AGAAAAABkENQAAAADIIKgBAAAAcCSllPZ0nKAGAAAAABkENQAAAADIIKgBAAAAQAZBDQAAAAAyCGoAAAAAkEFQAwAAAIAMghoAAAAAZBDUAAAAACCDoAYAAAAAGQQ1AAAAAMggqAEAAABABkENAAAAgCMppbSn4wQ1AAAAAMggqAEAAABABkENAAAAADIIagAAAACQQVADAAAAgAyCGgAAAABkENQAAAAAIIOgBgAAAAAZBDUAAAAAyCCoAQAAAEAGQQ0AAACAIymltKfjBDUAAAAAyCCoAQAAAEAGQQ0AAADg37d3rzF233d+3z//c85cOMMZcmZIDm9DURZtXbzw2rvAWq5kaW2nQFG0QYI0bRG0edAgyYMAQfqkBVqgQIGiD9KHBYoiRYKi2xZN0KBAkAdtkDjZlXxba23sWrYsyZTI4XVIDjn3y5lzzr8P5P/ZGV5k/iVeZjivFzAYkuL/cmZAUueN7+/3hxoENQAAAACoQVADAAAAgBoENQAAAACoQVADAAAAgBoENQAAAACoQVADAAAAgBp+Y1Ary/JJ3AcAAAAA7Akm1AAAAADYl4qi+EzHCWoAAAAAUIOgBgAAAAA1CGoAAAAAUIOgBgAAAAA1CGoAAAAAUIOgBgAAAAA1CGoAAAAAUIOgBgAAAAA1CGoAAAAAUIOgBgAAAAA1CGoAAAAA7EtFUXym4wQ1AAAAAKhBUAMAAACAGgQ1AAAAAKhBUAMAAACAGgQ1AAAAAKhBUAMAAACAGgQ1AAAAAKhBUAMAAACAGh4qqJVl+bjvAwAAAAD2BBNqAAAAAFCDoAYAAAAANQhqAAAAAFCDoAYAAADAvlUURe1jBDUAAAAAqKFWUPO0TwAAAAD2OxNqAAAAAFCDoAYAAAAANQhqAAAAAFCDoAYAAAAANQhqAAAAAFDDQwc1T/gEAAAAABNqAAAAAFCLoAYAAAAANQhqAAAAAOxbRVHUPkZQAwAAAIAaBDUAAAAAqEFQAwAAAIAaBDUAAAAAqEFQAwAAAIAaBDUAAAAAqEFQAwAAAIAaBDUAAAAAqEFQAwAAAIAaBDUAAAAAqEFQAwAAAGDfKoqi9jGCGgAAAADUIKgBAAAAQA2CGgAAAADUIKgBAAAAQA2CGgAAAADUIKgBAAAAQA2CGgAAAADUIKgBAAAAQA2CGgAAAAD7VlmWtY8R1AAAAACgBkENAAAAgH2rKIraxwhqAAAAAFCDoAYAAAAANQhqAAAAAFCDoAYAAAAANQhqAAAAAFCDoAYAAAAANXxqUPssjw0FAAAAgGeZCTUAAAAAqEFQAwAAAIAaBDUAAAAAqEFQAwAAAIAaBDUAAAAA9q3P8lBOQQ0AAAAAahDUAAAAAKAGQQ0AAAAAahDUAAAAAKCGBwa1sixTluWTvBcAAAAA2PVMqAEAAABADYIaAAAAANQgqAEAAABADYIaAAAAANQgqAEAAABADYIaAAAAAPtWURS1jxHUAAAAAKAGQQ0AAAAAaqgV1MqyfFz3AQAAAAB7ggk1AAAAAKhBUAMAAACAGgQ1AAAAAKhBUAMAAACAGgQ1AAAAAKhBUAMAAACAGgQ1AAAAAKhBUAMAAABg3yqKovYxghoAAAAA1CCoAQAAAEANghoAAAAA1CCoAQAAAEANghoAAAAA1CCoAQAAAEANghoAAAAA1CCoAQAAAEANghoAAAAA1CCoAQAAAEANghoAAAAA+1ZRFLWPEdQAAAAAoAZBDQAAAABq+I1BrSzLJ3EfAAAAALAnmFADAAAAgBoENQAAAACoQVADAAAAgBoENQAAAACo4aGCWlmWHk4AAAAAADGhBgAAAAC1CGoAAAAAUIOgBgAAAAA1CGoAAAAA7FtFUdQ+RlADAAAAgBoENQAAAACoQVADAAAAgBoENQAAAACoQVADAAAAgBoENQAAAACoQVADAAAAgBoENQAAAACoQVADAAAAgBoENQAAAACoQVADAAAAYN8qiqL2MYIaAAAAANQgqAEAAABADYIaAAAAANQgqAEAAABADYIaAAAAAPtWWZa1j6kV1D7LBQAAAADgWWJCDQAAAABqENQAAAAAoAZBDQAAAABqENQAAAAAoAZBDQAAAIB9qyiK2scIagAAAABQg6AGAAAAADUIagAAAABQg6AGAAAAADUIagAAAABQg6AGAAAAADUIagAAAABQg6AGAAAAADUIagAAAABQg6AGAAAAADUIagAAAADsW0VR1D5GUAMAAACAGgQ1AAAAAKhBUAMAAACAGgQ1AAAAAKhBUAMAAACAGgQ1AAAAAKjhoYNaWZaP8z4AAAAAYE8woQYAAAAANQhqAAAAAFCDoAYAAAAANQhqAAAAAFCDoAYAAADAvlUURe1jBDUAAAAAqEFQAwAAAIAaHiqolWX5uO8DAAAAAPYEE2oAAAAAUIOgBgAAAAA1CGoAAAAAUIOgBgAAAAA1CGoAAAAAUIOgBgAAAAA1CGoAAAAAUIOgBgAAAMC+VRRF7WMENQAAAACoQVADAAAAgBoENQAAAACoQVADAAAAgBoENQAAAACoQVADAAAAgBoENQAAAACoQVADAAAAgBoENQAAAACoQVADAAAAgBoENQAAAAD2raIoah8jqAEAAABADYIaAAAAANRw36BWluVv/DEAAAAA7Ecm1AAAAACgBkENAAAAAGoQ1AAAAACgBkENAAAAAGoQ1AAAAACgBkENAAAAAGr41KBWluWTug8AAAAA2BNMqAEAAACwbxVFUfsYQQ0AAAAAanjooGb5JwAAAACYUAMAAACAWgQ1AAAAAKhBUAMAAACAGgQ1AAAAAKhBUAMAAACAGgQ1AAAAAKhBUAMAAACAGgQ1AAAAAKhBUAMAAACAGgQ1AAAAAPatoihqHyOoAQAAALBvlWVZ+xhBDQAAAABqENQAAAAAoAZBDQAAAABqENQAAAAAoAZBDQAAAABqENQAAAAAoAZBDQAAAABqENQAAAAAoAZBDQAAAABqENQAAAAA2LeKoqh9jKAGAAAAADUIagAAAABQg6AGAAAAADUIagAAAABQg6AGAAAAADUIagAAAABQw0MFtbIsd3wGAAAAgP3KhBoAAAAA1CCoAQAAAEANghoAAAAA1CCoAQAAALBvFUVR+xhBDQAAAABqENQAAAAAoAZBDQAAAABqENQAAAAAoAZBDQAAAABqENQAAAAAoAZBDQAAAABqENQAAAAAoAZBDQAAAABqENQAAAAAoIaHDmplWT7O+wAAAACAJ64oitrHPDCoFUWx4wMAAAAAnmUP28PuG9SENAAAAAC4v4eaUNvO0k8AAAAAnhVV66oa2MNMqe0Iancf2Gg07jkRAAAAADxLtjevqolVXex+Hrjks9lsptlsfurBAAAAALCX9Xq9/o+rmNZsNuvvoZYkjUYjrVarf4LqJJZ8AgAAAPCs2d6/HtTFKvcEtbIsU5ZliqLI4ODgjiJXFIWgBgAAAMAzo+pgyc4JtVarlYGBgTQajXt62D17qFVBrdFoZGBgIAMDA/0SV/03AAAAAHgW3P1QgiqwtVqtfly7230n1Kq1o4ODgxkYGNgx3rZ9XSkAAAAA7GW9Xu++E2rVx/1UQa2XpFv9YlmWaTabGRwczODg4I6nfJpQAwAAAOBZ0e1+ksSq9rU9pt0V1Lr5pKH1g1qZZK1a0tnpdFKWZVqtVoaHh02oAQAAAPBMqpZ4Vh/V3mn3mU5byScNbceSz+XkkzG3TqeTra2tDA4OZmRkpL8Bmwk1AAAAAJ4l1ZLPRqPRf7rn0NBQGo1Gut3u9uGy5eoH9wS1siyzubmZdrudgYGBjI+PZ3h4eEdQE9UAAAAA2OuqzlVNpzUajQwODmZ4eDhJHj6o9Xq9bGxsZGNjI61WK4cOHcrQ0FCSP19LWq0tBQAAAIC9qtvt3rPcc3h4OIODg0nS3xbt1w8tuG9Qu1OWZbrdbtbX17O+vp5Wq5WxsbEdE2r2UQMAAADgWdDpdHYs9xwYGMjo6GgGBwfT6XTSbre3r9a8Ux23PaidTz6ZUFtfX8/q6mqazWYmJiYyOjqaZrPZj2om1AAAAADY6zqdTr93NRqNDA0N5dChQxkcHMzGxkY2Nzf7g2VlWf6qOm57UHs/+fOgtry8nEajkcOHD+fgwYNptVqfHNBo2EcNAAAAgD2t1+v1l3M2Go00m82MjIxkYmIirVYr6+vrWVtb6we1oijer47tB7Xtv7i5uZmlpaW02+2MjY3l8OHD/acbVMs+O53OE32RAAAAAPCoVNNp2yfURkZGMjk5mUajkZWVlaysrPQbWFmWH1TH9oNaWZbv//pztra2srS0lJWVlQwPD2d6ejojIyM7LmLZJwAAAAB7VbV/2vYJtfHx8UxNTaXZbGZhYSGrq6vpdrspyzKtVuuX1bH9oDY7O3sxyXp1wsXFxSwuLqbVauXYsWMZGxtLq9XqX6TX63k4AQAAAAB7TtW1quGxRqORwcHBTE5OZnJyMt1uN3fu3OkHtSSrH3/88aXq+O17qHWT/KAsy3Q6nSwtLWV+fj7NZjPT09MZHx/fEdQajYZlnwAAAADsOVtbWztiWrV/2vT0dEZHR7O2tpY7d+5kY2OjOuT7SfqTZduDWsqy/G6SdLvdLC4uZn5+Pt1uN0ePHs2xY8cyNDS042mfJtQAAAAA2Gu63e49QW1iYiKnT5/OwMBA5ufnc/v27e3DZP96+/Gt7T9pNBr/unqC5/r6em7cuJGlpaWMj49nZmYmBw8ezMrKSn9KrdPppNPp9J8AyqN35MiRp30LAAAAAM+Mra2tJNkR1AYGBnL06NGcPn06RVFkbm4u8/PzabfbKcsyvV7vu9vPsWNC7eLFi3+cZDlJ2u12bt68mbm5ubRarZw5cyaTk5NptVo7LljdBAAAAADsdg9a7nn69OkcO3Ysm5ubuXLlShYWFqr905YvX778J9vP0bjrnJ0kf1Tto3br1q1cvXo1ZVnm5MmTOXHiRIaGhnZctCgKe6kBAAAAsOvdbzqt2WxmamoqZ8+ezfDwcG7dupXr169ndXU1ZVkmnyz33BG/7g5qSfJPkk/Wkq6srOTatWtZXV3N5ORkZmZm+k/7rC5oSg0AAACAvaDT6eyIadXTPY8dO5bnnnsuRVHkypUrmZuby9bWVsqyTFEU//ju89wT1DY3N/9pkpUk2djYyPXr13Pt2rUMDQ3lS1/6Uo4fP94PatVeaqbUAAAAANjNqoGwZrO54+PQoUN54YUXcvz48ayvr+fSpUu5fft2tdxzZW1t7Z/dfa57gtrc3Nxqkv+nLMu02+1cv349H3/8cba2tvLcc8/l7NmzGR0d3fG0z2pK7ddjcAAAAACwa5Rlma2trX5Eq5rW4OBgTp48mZdffjkHDhzI1atXMzs7m5WVlfR6vST5v2/evLly9/nut+QzSf4g+WTZ5+LiYi5evJibN29mfHw8L774YqampvoX334jln4CAAAAsNtsbm7es9Sz1Wrl4MGDeeGFF3L27Nm02+2cP38+165d277c8w/ud777BrXZ2dl/leRiWZbZ2NjIpUuXcuHChSTJuXPn8vzzz+fAgQP3bODW6/WqcTgAAAAAeOo6nU7KstwxFNZoNDIwMJCTJ0/mlVdeyaFDh3Lt2rWcP38+d+7cqbY2+/jixYv/5n7nfNCEWq8oiv8h+WR96a1bt/LRRx9lYWEh09PTefnll3P06NEMDAzsGJNrNptpt9vVSBwAAAAAPDVlWabT6ezYM62KaQcPHsy5c+dy7ty5dDqdnD9/PrOzs1lbW0tZlinL8u8nuW/kelBQS1EU/zDJ1bIss7q6mo8//jgfffRRms1mXnnllZw7dy4jIyM7ln1WH/ZTAwAAAOBpKsuyv9Tz7um0VquVmZmZfPWrX83k5GTm5ubywQcf5ObNm9WWZtebzeb/+qBzNx/0HxYWFjqHDx9ulmX5b5dlmW63mwMHDuT06dM5duxYNjY2cuXKlSwvL6fb7aYoiv6x1dLPVqv1KL8OAAAAAPBQqr3+W63WjkGwVquVI0eO5Bvf+EZeffXVFEWRn/70p3nnnXdy8+bNaonofzM7O/v2g879wAm1JNnY2Pifktzq9XpZXFzMhx9+mA8//DBFUeSVV17Jyy+/nLGxsbRarf7TPqvql6RabwoAAAAAT0y1evLupZ6NRiOjo6P54he/mK997WsZHx/P7Oxsfvazn2Vubi7tdjtJ5jc2Nv6XTzv/AyfUkmR1dXXr0KFD7ST/TjV1duDAgZw8eTLT09MpyzJzc3O5c+fOPVNqSfq/1mh8arcDAAAAgEei2+2m2+32p9G2x7ShoaGcOnUqb7zxRn7nd34na2tr+cEPfpCf/OQnmZ+fT6/XS1EU/8XVq1e/92nX+NSgliSLi4vvHDp06C+WZXm82+2m1+tlfHw8MzMzmZiYyNraWq5fv561tbXqove8iCSiGgAAAACPVafT6ce0u6fTWq1Wpqam8vWvfz1vvPFGRkdH8+677+aHP/xhLly4UE2n/WR2dvZvJ/nUhwP8xqCWpBwbG/tpURR/o9frFVtbW2k0Gjly5EhOnTqV0dHRLCws5NatW/1xOpNqAAAAADxJ2yfT7o5pzWYzhw4dyle+8pV85zvfyZkzZ3L58uV873vfy7vvvpvl5eX0er1eo9H4KwsLC5d+07UeJqhlaWnpyvj4+Jkkv9PtdtNutzMwMJATJ07k+PHjaTQauXXrVu7cudPfN217VCuKwqQaAAAAAI/F9sm07Q8hqJZ6joyM5IUXXsh3vvOd/NZv/VaWl5fzgx/8IH/8x3+cGzduVD3rH1y8ePF/fpjrPVRQS5KxsbHvNRqN/6Qsy7F2u51ut5uDBw/mxIkTOXr0aHq9Xubn56uil+T+Ua0sS1ENAAAAgEeiWjHZarXuG9MGBwdz5syZvPHGG/m93/u9NBqN/Mmf/Em+973vZXZ2Npubm0lyudfr/dWlpaX1h7nmQwe15eXl9fHx8XeS/PVut9tot9vp9XqZmJjIyZMnMzU1la2trczPz/f3U0s+CWlVWCuKIr1eT1QDAAAA4HMpyzJbW1spiuK+Ia16CMHp06fz2muv5fXXX8/4+Hh+8Ytf5K233sr777+flZWVlGXZKcvyL16+fPn9h732Qwe1JFlaWrp4+PDhsizLb3U6nX44m5qayokTJzIxMZH19fXcvn07GxsbKctP9m+r4lkV18qy7O+rdvd+awAAAADwaXq9XjqdToqi6Ie0u5/oOTg4mOPHj+cb3/hG3njjjRw7diwXLlzIW2+9lT/90z/NwsJCtUXZf33p0qX/s871awW1JFlcXHz70KFD3yjL8oXNzc2srKykKIocPXo0J0+ezPj4eDY2NrKwsJB2u92PalU82z6tZgkoAAAAAHVU+6VVT+7cHtKqh2IODg7m6NGjefXVV/Otb30rp06dyuXLl/PWW2/lnXfeyc2bN6sg9//Ozs7+nfyGp3rerXZQS1IeOXLkX3S73f+gLMuJdrud1dXVNJvNHDt2LKdPn87hw4fTbrezuLi4Y1Jte1TbPq3W6/VMqwEAAADwQNUSzyT9iHb3VFqz2czg4GBOnDiRr3/96/nWt76VM2fO5Pr163n77bfzox/9KNeuXav2XTvfbrf/vZWVldW69/JZglru3LmzOj54kEPyAAAMtklEQVQ+/s+T/EfdbvfgxsZG1tbW0mw2MzU11Y9qnU4ni4uL2dzc7Ee1JP1iePfeasIaAAAAANuVZXnPVFoV07bvl9ZsNjM0NJSZmZm8/vrrefPNN3PmzJnMzc3l+9//fn74wx/mypUr1UMIbna73e9cu3bt0me5p88U1JJkaWnpztjY2L8oiuKvdTqd4bW1tSwtLaUsy0xNTeXUqVOZmppKWZZZXV3N+vp6/0EFyb3Tao1Goz+t1uv1LAMFAAAA2MeqPfirvdK2P3hg+1RatY/ayMhIzp49m29+85t54403cuLEiVy7dq0f02ZnZ6uVlMtFUfyFS5cuvftZ7+0zB7UkWVpamjt8+PCPyrL8jzudTmtlZSXLy8v9BxWcOnUq09PTGRwczMbGRjY2NtLpdFKWZX8K7X7TatUXrfp9JtYAAAAA9odqIu3THjqw/XOr1crhw4fz0ksv5fd///fz2muvZXJyMrOzs3nrrbfyox/9KJcuXapWULbLsvzLs7Ozb3+ee/xcQS1JFhcXLxw+fPinZVn+pU6nM7CyspKlpaV0Op2Mj4/n5MmTOX36dMbGxrK1tZX19fX+etfK9qh2v/3VLAUFAAAAeLb1er1sbW1VT97cEdEeNJU2NDSUEydO5Gtf+1q+/e1v53d/93dz4MCBfPjhh/nDP/zD/PjHP861a9eqybTVoij+yuzs7P/3ee/1cwe1JFlcXPxwbGzsXxZF8Ze73e7IyspK7ty5k9XV1QwNDWV6ejozMzOZmprKwMBA2u122u12/wtU2f40hrufCtrr9dLtdsU1AAAAgGdEr9frT6N1u90dE2l3f2zfK21gYCDj4+N54YUX8tprr+XNN9/MSy+9lE6nk5/97Gd566238pOf/CRzc3Npt9spy/JOkn93dnb2u4/ivh9JUEuSpaWlK4cPH/7nvV7v3+92u4fW1tZy586dLC4upiiKTExM5NSpU/0HFjQajWxtbWVra2vH3mrbY9rdga3S7Xb7ca06BgAAAIDdrdoXrWpCnU4nSfqh7H4RbXtMGxgYyMjISE6cOJGvfOUrefPNN/Pqq6/m2LFjuXnzZn784x/nj/7oj/Luu+/m1q1b1dZjV3u93l+4dOnSO4/qdTyyoJYki4uLtw4ePPhPG43Gm71e78T6+nru3LmT27dvZ3NzMwcOHMj09HTOnDmTEydOZHR0NI1Gox/IkvSfBnq/ZaDbx/qqJaHVsVVgqyKbKTYAAACAp6dabdjpdPqrFbevWKye2Fl9fFpIa7VaGR4ezpEjR/LKK6/k9ddfzze/+c28/PLLabVa+dWvfpW333473//+93P+/PksLS2l1+ulLMt3er3edy5fvvyrR/naHktxOnfu3FC73f77RVH83UajkQMHDuTYsWN58cUX89WvfjUvvfRSJiYmsr6+no8//jjvvfdePvjgg1y+fLkf36pAVj2coNpPbfuP7/55kh2/luSepaOVRznV9iTC3bNyjUdlN9zrbriHR+VZei1QR/VvxbNgN7yW3XAPD+tJ3euTuM7jvsbjPP9ePTcA8OeqDlPZ3m+SPHAVYhXKtg9P3W/VYqvVytDQUA4fPpyZmZm88sor+fKXv5yzZ89mYGAg8/Pzee+99/LTn/407733Xm7fvl3tl5Yk/2BwcPDv/upXv9p81K/7sb6LnpmZ+UtFUfyjoigmWq1WxsfHc+rUqXz5y1/Ob//2b+fs2bMZGRnJ+vp6Ll26lPfffz8ffvhhrly5ktu3b2d1dTXtdvueeHZ3QLtfaEuy4/dXP68+/6aA8KgDw2c932c57kkd8zSOe5rHPspzPMrzPK7zPe3rPIzddC/srjevezFiPKrz7YbzPI1jn+Rxu/mYR3nOx33Pdc//uM69m/7uAoC9avt7s/s9dPJhItrdMW1gYCAHDhzI5ORkzpw5k3PnzuXFF1/Mc889l5GRkSwvL+f8+fP5sz/7s/zyl7/M1atXs7S0lG63m7Isl5L8zdnZ2X/y2F7z4zpxZWZm5oWiKP5RkjcajUaGhoYyOTmZ5557Li+//HJefPHFzMzMZHR0NFtbW7l+/XouXLiQCxcu5MqVK5mbm8v8/Hw2Njb6a2y3184HxbT7hbXqx9s/30/dN+m7PXo9zvM+jaC2G45/VOfY7ffwtF/j074+j85ueMO6l6d4nuT1P+959lqI+7zHPurzPoljdtvvf9r38LT/7ALAXvegmPagibQHBbZqGm14eDgHDx7MsWPHcvr06XzhC1/IF7/4xZw8eTJDQ0NZW1vL7OxsfvGLX+TnP/95Zmdns7S0lM3NzaoR/ZtGo/GfXbx48ePH+rof58m3O3PmzF9N8j8WRTHdbDYzPDyciYmJzMzM5Ny5c/nSl76Us2fP5uDBg0mStbW13LhxI7Ozs7l06VJu3LiR27dvZ3Fxsf+F6nQ6/adB/LpA7ght2+Nacu/E2v2IY0/+2Cd9nd06YfZZ7aWv/aO2G+9pP9uNb0qfpWV9T/IeHsW5dvvX/mmGw0d93t0y/Vb3vLvlvnfDn18A2Ouq92b3mzS7O6I1m80dT/IcHBzM0NBQxsbGMjU1lenp6Zw+fTpnz57NyZMnMzExkWazmZWVlczOzubDDz/MBx98kAsXLvS3Dft1C7qe5L+cnZ39gySP/R/4J/pu9OzZs4d7vd5/m+TvFEXRbDab/XWwJ0+ezPPPP5/nn38+MzMzOXr0aIaHh9Pr9bK5uZnFxcXcuHEjc3NzuXHjRubn57O8vJyVlZWsr69nY2Mja2tr/c3tqo3vtu/Fdvey0Xu+GLs0KD2tKbDdeq2ncb3Hec29FoX22v2yP+2lN8jP2h5ST/qauz3cfd5jH+e591Kc2mvnBYD9YntIS/Kpk2fVgwWGhoYyPDyc0dHRHDp0KIcPH87ExESOHz+eU6dO5fjx4xkfH0+r1Uqv18vCwkIuXryYDz74IB999FGuXLmShYWF/krGsix7Sf6Pbrf7n1+5cmX+ib32J3Wh7WZmZn6r0Wj8V2VZ/odFUTQbjUYGBwdz8ODBTE5O5sSJEzl16lTOnDmT06dPZ2pqKgMDA2k0Gv2JtJWVlSwtLWV5eTlLS0tZXFzMwsJCVlZWsrm52X9yxObmZv8xrFVge5hln3XtxsjwLAe1z2M33Ov2zRn3or163+wPe/EN8vZ73g1/vvbK1/BZjXcPa68vY96toREAeHh3L/Gsps6qJ3ZWvzY8PJzh4eGMjIxkZGQkhw4dyuTkZKampjI5OZmDBw9maGgoRVGk1+tlaWkp169fz+zsbH/l4vXr17O0tNTfa78sy06Sf5zkv5+dnf3FE3/tT/qC2z333HPPl2X595L8raIohquRv6GhoYyOjmZqairHjh3L0aNHMz09naNHj+bIkSM5dOhQhoeH+286quWd1aNYt7a2srm5mc3NzWxsbGRjYyPtdjudTqe/TDR5uP3UHpfd8IbpUXrWXs9vst9e727ga743eVP7ZO23r/ez9np32+t52vfzWf/ef9r3DQD7yd1LOwcGBtJqtTIwMNAfjBoYGMjw8HAOHDiQ4eHhfnRrNBr982xsbGR5eTk3b97MlStXcuXKlVy7di23bt3K4uJi1tfX0263qxWHW0n+r263+99duXLlg6f22p/Whbf7whe+cKbT6fyNJP9pkuerb0i1lvbAgQP9UcDJycn+57GxsYyPj2dsbCwjIyM5cOBABgcH+9/QKrRV02nVz7cv/dwrxITdw/cC2M320r9t+4Hvx4P52gDA3nf3AwjuN522fU+1brebdrud9fX1LC8vZ35+PvPz87l9+3YWFhZy586dzM/PZ2VlpT8ctW0o6nyS/73T6fzDq1evXnq6r3yXBLXtzpw587tJ/nqSv5bkyPbxweqbMjQ01A9tVUirPlc1tPrGVccURXHfibRH8T9zAgs8fv6c7U3eMMPj588ZAPA03P10z+rz/T46nU42NjZ2rCZcXV3N0tJSVldXs7q62t+u666VhYtJ/lmS/212dvZf5Qk8bOBh7dp3qOfOnRva2Nh4tdFofDvJt5N8PcnA3d+k7RvdVeWzGhu8+wkS26MaCDQAO/k3EgCAz+p+77GrDlPtab/94ZHbHya5bQCqneRHSb5bluV3x8fHf/jzn/+8/WRfycPZM0Vhenp6dGho6N8qiuK3y7L8UpIXk7yU5Fjy4G9c9dmbBAAAAIAnq2ozd2+9VZblXFEUvyzL8v2iKD4oy/JPO53O969evbr2tO61jj0T1B7k7Nmzh4uimO52uweTTJRlebDRaIyWZTl6n9++518vAAAAwC62Y6KpKIrVXq+3UhTFSpKFbre7PDQ0NPfRRx8tPqX7AwAAAACetP8f29S0u40vGAkAAAAASUVORK5CYII=") !important;
}
.LiveViewContents---phone.LiveViewContents---rotated .LiveViewContents---responsive_frame {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20808%20468%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22a%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23323232%22%20id%3D%22stop3787%22%20%2F%3E%3Cstop%20offset%3D%221%22%20stop-opacity%3D%22.96047%22%20id%3D%22stop3789%22%20%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%3Cfilter%20id%3D%22e%22%20style%3D%22color-interpolation-filters%3AsRGB%22%3E%3CfeGaussianBlur%20stdDeviation%3D%221.5%201.5%22%20result%3D%22blur%22%20id%3D%22feGaussianBlur3792%22%20%2F%3E%0A%20%20%20%20%3C%2Ffilter%3E%0A%20%20%20%20%3Cfilter%20id%3D%22c%22%20style%3D%22color-interpolation-filters%3AsRGB%22%3E%3CfeGaussianBlur%20stdDeviation%3D%220.5%200.5%22%20result%3D%22blur%22%20id%3D%22feGaussianBlur3795%22%20%2F%3E%0A%20%20%20%20%3C%2Ffilter%3E%0A%20%20%20%20%3CradialGradient%20xlink%3Ahref%3D%22%23a%22%20id%3D%22d%22%20cx%3D%22628.41638%22%20cy%3D%22246.09644%22%20fx%3D%22628.41638%22%20fy%3D%22246.09644%22%20r%3D%22226.43204%22%20gradientTransform%3D%22matrix(1.21194%2C0.00903%2C-0.01714%2C2.2567%2C-128.966%2C-314.94)%22%20gradientUnits%3D%22userSpaceOnUse%22%20%2F%3E%0A%20%20%20%20%3Cfilter%20id%3D%22b%22%20style%3D%22color-interpolation-filters%3AsRGB%22%3E%3CfeGaussianBlur%20stdDeviation%3D%220.5%200.5%22%20result%3D%22blur%22%20id%3D%22feGaussianBlur3799%22%20%2F%3E%0A%20%20%20%20%3C%2Ffilter%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22g3831%22%20transform%3D%22rotate(-90%2C234%2C234)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22g3814%22%20transform%3D%22translate(1.9873458%2C135.99852)%22%20style%3D%22color%3A%23000000%3Bfont-family%3Asans-serif%3Bwhite-space%3Anormal%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22path3804%22%20overflow%3D%22visible%22%20d%3D%22m%2032.56055%2C-135.54883%20c%20-17.8128%2C0.001%20-32.2526%2C14.4411%20-32.2539%2C32.2539%20v%20742.58985%20c%200.001%2C17.8128%2014.4411%2C32.2526%2032.2539%2C32.2539%20H%20431.4414%20c%2017.81204%2C-0.002%2032.25064%2C-14.44187%2032.25196%2C-32.2539%20v%20-742.58985%20c%20-10e-4%2C-17.81203%20-14.43992%2C-32.2515%20-32.25195%2C-32.2539%20z%20M%2016.8125%2C631.041%20c%20-11.20834%2C27.306%20-5.60417%2C13.653%200%2C0%20z%22%20style%3D%22overflow%3Avisible%3Bsolid-color%3A%23000000%3Bfill%3A%231e1e1e%22%20%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22path3806%22%20overflow%3D%22visible%22%20transform%3D%22matrix(0.99135%2C0%2C0%2C1%2C1.612%2C0)%22%20d%3D%22m%2033.76508%2C-132.9652%20c%20-19.71358%2C-1.00915%20-33.0232%2C14.32993%20-32.00555%2C32.00557%20V%20636.9596%20c%2010e-4%2C18.18072%2011.273%2C32.00424%2032.00555%2C32.00555%20h%20397.22216%20c%2017.67488%2C1.00815%2033.53076%2C-13.32053%2032.0036%2C-32.00556%20v%20-737.91925%20c%20-9.7e-4%2C-20.20024%20-15.36815%2C-32.00316%20-29.98613%2C-32.00554%20z%20m%20-15.6268%2C761.73443%20c%20-11.12202%2C27.09574%20-5.561%2C13.54788%200%2C0%20z%22%20style%3D%22overflow%3Avisible%3Bsolid-color%3A%23000000%3Bfill%3Anone%3Bstroke%3A%23646464%3Bstroke-width%3A1.89798999%3Bstroke-linecap%3Asquare%3Bstroke-linejoin%3Around%3Bfilter%3Aurl(%23b)%22%20%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22path3808%22%20overflow%3D%22visible%22%20transform%3D%22matrix(0.99135%2C0%2C0%2C1%2C1.636%2C0)%22%20d%3D%22m%2033.76508%2C-132.9652%20c%20-19.71358%2C-1.00915%20-33.0232%2C14.32993%20-32.00555%2C32.00557%20V%20636.9596%20c%2010e-4%2C18.18072%2011.273%2C32.00424%2032.00555%2C32.00555%20h%20397.22216%20c%2017.67488%2C1.00815%2033.53076%2C-13.32053%2032.0036%2C-32.00556%20v%20-737.91925%20c%20-9.7e-4%2C-20.20024%20-15.36815%2C-32.00316%20-29.98613%2C-32.00554%20z%20m%20-15.6268%2C761.73443%20c%20-11.12202%2C27.09574%20-5.561%2C13.54788%200%2C0%20z%22%20style%3D%22overflow%3Avisible%3Bsolid-color%3A%23000000%3Bfill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-width%3A1.13880002%3Bstroke-linecap%3Asquare%3Bstroke-linejoin%3Around%3Bstroke-opacity%3A0.99530999%3Bfilter%3Aurl(%23c)%22%20%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22path3810%22%20overflow%3D%22visible%22%20transform%3D%22matrix(0.9788%2C0%2C0%2C0.98832%2C-426.1%2C92.778)%22%20d%3D%22m%20471.9769%2C-227.05965%20c%20-20.39284%2C6.6446%20-28.1245%2C14.4411%20-32.2539%2C32.2539%20v%20744.19709%20c%203.09707%2C19.34594%2012.37707%2C25.09794%2032.2539%2C32.2539%20h%20400.74356%20c%2016.264%2C-5.11245%2030.1866%2C-13.41978%2032.25195%2C-32.2539%20v%20-744.19709%20c%20-4.6451%2C-17.81204%20-16.50396%2C-27.14105%20-32.25195%2C-32.2539%20z%20m%20-15.74804%2C768.19708%20c%20-11.20834%2C27.306%20-5.60417%2C13.653%200%2C0%20z%22%20style%3D%22overflow%3Avisible%3Bsolid-color%3A%23000000%3Bfill%3Aurl(%23d)%3Bfilter%3Aurl(%23e)%22%20%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22path3812%22%20overflow%3D%22visible%22%20d%3D%22m%2037.68945%2C-128.83398%20c%20-17.22874%2C0.001%20-31.19508%2C12.2382%20-31.19636%2C29.8007%20v%20734.06665%20c%209.5e-4%2C17.5625%2013.9676%2C29.7994%2031.19634%2C29.8007%20H%20426.3116%20c%2017.22803%2C-0.002%2031.1932%2C-12.23895%2031.19447%2C-29.8007%20V%20-99.03327%20c%20-9.5e-4%2C-17.56176%20-13.96644%2C-29.79834%20-31.19446%2C-29.8007%20z%20m%20-15.2317%2C755.7294%20c%20-10.84083%2C26.92233%20-5.4204%2C13.46118%200%2C0%20z%22%20style%3D%22overflow%3Avisible%3Bsolid-color%3A%23000000%3Bfill%3A%23141414%22%20%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cpath%20id%3D%22path3816%22%20d%3D%22M%2025.000001%2C28.000001%20H%20443%20V%20768%20H%2025.000001%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") !important;
  background-size: 808px 468px !important;
  height: 468px !important;
  width: 808px !important;
  padding: 27px 42px 27px 30px !important;
}
.appian-context-browser-edge .LiveViewContents---phone.LiveViewContents---rotated .LiveViewContents---responsive_frame {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAygAAAHUCAYAAADROwy6AAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOxAAADsQBlSsOGwAAActpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx4bXA6Q3JlYXRvclRvb2w+d3d3Lmlua3NjYXBlLm9yZzwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KGMtVWAAAOX1JREFUeAHt3XusXNW9H/B1DBg/edhADAbbgYDDM0kDSQMk4SUiuCGES26V/JGbKI8/0j8q3VRqq6pV/2j/6EOtrtTeKk+laSol9+bVKCVNbiJKgCSEVyA8AjZg8zDGQIIxNgbzcNdvhzXZHs8cn+NzZvY+Z39GGvaeOXv2WuuzBpiv1lp7p+RBgAABAgQIECBAgAABAgQIECBAgAABAgQIECCwr8DEvi9H9+rEE09cceihh572+uuvr9+7d+8pExMTR+Tt8rxdnreHjK5kZyZAgAABAgQIECBAYCoC+bf5a/m3+Qt5+0I+/vn8fHjBggUb8m/4Bx977LHnpnKOmR4zsoBy7LHHLluyZMkHcmMuzg28JFf09FLZ/LrazY1NsX/IIYekfFyK1x4ECBAgQIAAAQIECDQjUH6Pv/baaykHlVS2sZ8fv8vb6/Mx17/44ot//8wzz+wcRS1nO6AsWLNmzaW5oh/Pzz/Pz6URQOJ52GGHpUWLFqWFCxdW29jPAaa3f/jhh1fHRSMjrHgQIECAAAECBAgQIDBagfJbPQYM8myn6rd6lLh79+60ffv2tGPHjrRz5860a9eu9PLLL1fvv/LKKxFeduXDvpuf38gjK9fn7az9gJ+tgHLISSed9I9yA/9VrtwZ+Vk1MELI8uXL0zHHHJNOOeWUdNppp6Xjjz8+HXnkkWnZsmUVQDQwAKLR8XzppZeqpBYh5Y2kFqfzIECAAAECBAgQIEBgFgUinEQwiWcMJpRnDBzEb/jYxohKBJRnn302Pf744+nBBx+snvE6frvv2bMnfrPfl5//Nv/9O7l6r820ijMOKGvXrr0yV+i/5Iqsj0ZGQyKA5JGUdN5556VzzjknrV69umrw1q1b05YtW9JTTz2VnnjiibRt27Yqmb3wwgspDxNVDYxhJOFkpt3q8wQIECBAgAABAgQmFyijJyWoRBgpgWXx4sXVb/q8bCPl3/vpzW9+c8oDEmnVqlVVYNmwYUO69dZb0913312FlxhwyL/hf5fP9U8fffTR/zt5yZP/9aADSg4dJ+YG/HU+/bXRmBgtiQa84x3vSBdffHF6y1veUg0DReXvu+++6hmBJIaJogGRtuL56quvViMm/cHE6MnkHeevBAgQIECAAAECBGYqEOEkHiWsxO/6ElhiylcElvidH88YhFi3bl0699xz09lnn53yRbCqQYebb745/fKXv6wGImI2VP4d/3f5+Vd5ROXJg6nfQQWUnJ4+nCv+1VzgihgxiWBy/vnnp0svvbRKWJs2bUq//vWv0+23356efPLJKmXFnLWYzhXPEkZiWx4lkBSc8r4tAQIECBAgQIAAAQKjEYjf4OV3eJRQZjLFb/IyolK2EVjit3+sI1+xYkU1U+qSSy5Jp59+enr66afTddddVwWVmP6Vf/M/m8/7mRxSfjDdmk83oByaw8m/zxX+fK7oRKSomMJ1zTXXpPXr16eNGzem66+/Pt1xxx3p97//fTVtqwSSCCMlmNQbPN0KO54AAQIECBAgQIAAgdEJRGCJoBIznWIbzxJSYkQlgkoJKytXrqzywFVXXZVOPfXUdP/996fvfOc76d57740skE+19z/lRfT/Mtf2TyMTB6j6lANKHs5ZlCv3t/l8H4oFNDGkc/XVV1fTuZ5//vkqMf3iF79I+XJj1RSuaEgEktKwqEc0LMKJBwECBAgQIECAAAECc0MgAkv8po9nPOohJYJKTP+KtSkXXXRRuvLKK6u/f/vb304///nP0x/+8IfIBD/IOeCjmzdvfmkqLZ7SDRLzepIjcoV+lE94eQzrxJyzz3zmM9Ui+Jhv9tWvfrWa0hWjJrGupASTaEQZLRFOptIdjiFAgAABAgQIECDQLoH4PR+hJAYpYhu/8eP3fgSXeMZ+XOnr4YcfrmZU5YGNdNlll6Ujjjgi5dGT+Ntb8zEX5qv5fi/nhT0Hat0BA0oeKVmcR0N+mCt20dKlS9MFF1yQPve5z1WLZL71rW+l73//+1XBscakPmoSlRVKDsTv7wQIECBAgAABAgTmjkCElRg1iW0Ek/j9X4JKLO2I9ScPPPBANaoS69OPO+64Kivkq/auywMZ7zr66KP/Lt9f5Y9DMUOafaCAckg+yd/mClwR4SSGbT796U9XCenLX/5yuvHGG6vLBEfl4lnSVFQ4nh4ECBAgQIAAAQIECMw/gRiIiKASASUyQDzi93+Elbhq7yOPPFL9La7uG5cnjtf5/ZNzZjgzb7+dD69uTV99sO8fkwaUfM3jf5cL+WzcVDFO/qlPfapaof/FL36xuuZx3Lukf9REMOkT9pIAAQIECBAgQIDAPBWIKV8RVmL0JMJJecRtRfKak+q2IzHIEVf9jQtq5Zs7np6nfk3kNew3lGP7t0MDSg4nV+RC/nte9DLxrne9qxo5ifuYfOELX6hW5/dP6YoTCyf9vF4TIECAAAECBAgQmN8CkQEiqMSMqggp8TqekRfiJu3xt1iTEovpH3roobig1ntzSPl1Hkl5eJDMwIByyimnHJcL+FleCLP0zDPPrNacRAFf+tKXqhsuxkL4MnISaUkwGUTrPQIECBAgQIAAAQLdECghJaZ7lZASLY8MEfdFXL58eRVS4uq/+U7zE/m4DxxzzDFff+6553b1Cw0MKPkEf5OTzvn5bvHVtK784RRrTu66666qEOGkn9FrAgQIECBAgAABAgTqIykx9SsecXf5rVu3ppNPPjnFzKyY6pVvTbI0D3SsyoHl+/1q+wWUvIjlvTkB/XXMDfvwhz+c3ve+91U3W4nrGOc5Y1UiKgvijZz0c3pNgAABAgQIECBAoNsCEVLKwvkIKTGiEmvX454o73nPe6pF83Ejx3xlr3OOOuqov88h5Ym6WH9AmcgHfS9P7TrhbW97W/rEJz5R3RU+7gYZJywjJ6XA+onsEyBAgAABAgQIECBAIARKSIkBjQgpkSNiele8H+tR4nLE+cpeMdXrrPz+V+pqfxx3eeOdNWvWfDCf5B+sWLEifehDH6qGY37wgx9UV+6KUZM4cYSTSEEeBAgQIECAAAECBAgQGCYQYSTWq0d+iBwRoyhxm5INGzakK664IuX7LcZa9nfnDHJV/Rz7BJT8h3+xcOHCdO6556YYQfnpT39arbQvoaSc3NSuOqF9AgQIECBAgAABAgT6BWLkJHJDDHSUJSJPPfVUuu6669Kb3vSm9P73vz/FvRbz45/XP9sLKDm5XJhPcP7KlSurYZdYbV/WnZSpXXFi4aTOZ58AAQIECBAgQIAAgWECcTPHElAiU8RVve6+++4Ua1AuvPDC6v4oOV9cEFmknKMXUPIbH4/Rk/Xr11fPm266KUXCiROWqV3lQ7YECBAgQIAAAQIECBCYikBZj1JyRaxtv+GGG9KqVavSO9/5znT44YfHaf6inKsElEPzGx9ZsmRJddWu7du3p1tuuaWaJxbrTUrqMXpS2GwJECBAgAABAgQIEJiKQFkkXzJF3FMxRlDyIvl0/vnnpyOPPDJmaUVAqS7gFcEk5SGVf5g/uCLmgp111lnptttu642elBPNVjiJFfseBAgQIECAAAECBAg0IxD3OBz3o4yixDbyRYyixFSvD37wg+mEE06Iq3odv3bt2nflmzj+qoygXBLTu+Ku8XGXx1tvvbUaPamvPYnk40GAAAECBAgQIECAAIHpCkQwKTOzImPs3r27up1JZIwYIFm0aFEsK7kkzluljjw6csnixYvT2WefnbZt25Y2b96cYuilBJTpVsDxBAgQIECAAAECBAgQqAtEGClXBY7LD2/ZsiU9/vjjVQaJgJIzycVxfASUifw8b9myZSkPq1RzwWINSpnaFSeJxONBgAABAgQIECBAgACBgxUo07siZ8RASL6TfNq0aVNavXp1iiySA8y74twLTj755JNyWlkSN2c8/vjjqxunxJBLffRkttafHGxjfI4AAQIECBAgQIAAgbktUDJFGQh56aWX0saNG1PkkGOPPTYCyvJ888bVC/IIyWlxfeJILpFqYjV9HBwfjNGTcqK5zaH2BAgQIECAAAECBAg0LVBGUWIwJKZ5xdKSyBv5ol0pMkn++/oF+Y11hx12WHUd4p07d1Yr6kuqiW2cxIMAAQIECBAgQIAAAQIzFSgBJXJGBJS4mteOHTuqEZQIKPmxLtagHBkvYmgl1p5ESCkBJZJNLGbxIECAAAECBAgQIECAwEwFIluUpSSxjaUlEVDiXigRXvKVvo5YkP+xLIZV4iaNsVClTO+KkGJ610y7wOcJECBAgAABAgQIEKgLRMYoIaUElDcWyUf+WB7DI4sjycQoyq5du9LLL7/cu/yX0ZM6pX0CBAgQIECAAAECBGYqEAGlzNiKaV6RQWL0JLJHHjxZWs3fioPi+eKLL/bCSaSaeM+DAAECBAgQIECAAAECsyVQn+YVQSUGSCJ7lEe1EqXc1TGmd5Wbp8RBRlAKky0BAgQIECBAgAABArMh8MZISRVKIntEBnlj/Ul1+t4K+JJeYhvhJEKLEZTZ6ALnIECAAAECBAgQIECgCJSAUgZJ+kdQ9gkoe/bs6YWT+IAHAQIECBAgQIAAAQIEZlsgskY8Y2Ak1qHEIEl59AJKvBF/KAeXA2wJECBAgAABAgQIECAw2wIld5QMUs7fCyhxQP/DFK9+Ea8JECBAgAABAgQIEBilQC+gRCGDQsooC3duAgQIECBAgAABAgS6LdCfQfYJKN2m0XoCBAgQIECAAAECBJoWEFCa7gHlEyBAgAABAgQIECDQExBQehR2CBAgQIAAAQIECBBoWkBAaboHlE+AAAECBAgQIECAQE9AQOlR2CFAgAABAgQIECBAoGkBAaXpHlA+AQIECBAgQIAAAQI9AQGlR2GHAAECBAgQIECAAIGmBQSUpntA+QQIECBAgAABAgQI9AQElB6FHQIECBAgQIAAAQIEmhYQUJruAeUTIECAAAECBAgQINATEFB6FHYIECBAgAABAgQIEGhaQEBpugeUT4AAAQIECBAgQIBAT0BA6VHYIUCAAAECBAgQIECgaQEBpekeUD4BAgQIECBAgAABAj0BAaVHYYcAAQIECBAgQIAAgaYFBJSme0D5BAgQIECAAAECBAj0BASUHoUdAgQIECBAgAABAgSaFhBQmu4B5RMgQIAAAQIECBAg0BMQUHoUdggQIECAAAECBAgQaFpAQGm6B5RPgAABAgQIECBAgEBPQEDpUdghQIAAAQIECBAgQKBpAQGl6R5QPgECBAgQIECAAAECPQEBpUdhhwABAgQIECBAgACBpgUElKZ7QPkECBAgQIAAAQIECPQEBJQehR0CBAgQIECAAAECBJoWEFCa7gHlEyBAgAABAgQIECDQExBQehR2CBAgQIAAAQIECBBoWkBAaboHlE+AAAECBAgQIECAQE9AQOlR2CFAgAABAgQIECBAoGkBAaXpHlA+AQIECBAgQIAAAQI9AQGlR2GHAAECBAgQIECAAIGmBQSUpntA+QQIECBAgAABAgQI9AQElB6FHQIECBAgQIAAAQIEmhYQUJruAeUTIECAAAECBAgQINATEFB6FHYIECBAgAABAgQIEGhaQEBpugeUT4AAAQIECBAgQIBAT0BA6VHYIUCAAAECBAgQIEBg1AITExOTFiGgTMrjjwQIECBAgAABAgQIzLZAhJRhQUVAmW1t5yNAgAABAgQIECBAYEoCg0KKgDIlOgcRIECAAAECBAgQIDAOAQFlHMrKIECAAAECBAgQIEBgSgICypSYHESAAAECBAgQIECAwDgEBJRxKCuDAAECBAgQIECAAIEpCQgoU2JyEAECBAgQIECAAAEC4xAQUMahrAwCBAgQIECAAAECBHoCg67eVf4ooBQJWwIECBAgQIAAAQIExi7QH1YElLF3gQIJECBAgAABAgQIEBgmIKAMk/E+AQIECBAgQIAAAQJjFxBQxk6uQAIECBAgQIAAAQIEhgkIKMNkvE+AAAECBAgQIECAwNgFBJSxkyuQAAECBAgQIECAAIFhAgLKMBnvEyBAgAABAgQIECAwMoH+q3eVggSUImFLgAABAgQIECBAgEDjAgJK412gAgQIECBAgAABAgS6JVBGT8q23noBpa5hnwABAgQIECBAgACBRgUElEb5FU6AAAECBAgQIECguwJ79+6tGl+28UJA6e73QcsJECBAgAABAgQItE5AQGldl6gQAQIECBAgQIAAge4KCCjd7XstJ0CAAAECBAgQINA6AQGldV2iQgQIECBAgAABAgS6KyCgdLfvtZwAAQIECBAgQIBAIwJxeeFBlxiOyggojXSJQgkQIECAAAECBAgQGCQgoAxS8R4BAgQIECBAgAABAo0ICCiNsCuUAAECBAgQIECAAIFBAgLKIBXvESBAgAABAgQIECDQiICA0gi7QgkQIECAAAECBAgQGCQgoAxS8R4BAgQIECBAgAABAo0ICCiNsCuUAAECBAgQIECAAIFBAgLKIBXvESBAgAABAgQIECAwUgH3QRkpr5MTIECAAAECBAgQIDBVgRJO+rfxeSMoU1V0HAECBAgQIECAAAECIxcQUEZOrAACBAgQIECAAAECBKYqIKBMVcpxBAgQIECAAAECBAiMXEBAGTmxAggQIECAAAECBAgQmKqAgDJVKccRIECAAAECBAgQIDByAQFl5MQKIECAAAECBAgQIECgCJQrd5XX/VsBpV/EawIECBAgQIAAAQIExibQH1gElLHRK4gAAQIECBAgQIAAgRCIUNIfTIqMgFIkbAkQIECAAAECBAgQaFxAQGm8C1SAAAECBAgQIECAAIEiIKAUCVsCBAgQIECAAAECBBoXEFAa7wIVIECAAAECBAgQIECgCAgoRcKWAAECBAgQIECAAIHGBQSUxrtABQgQIECAAAECBAgQKAICSpGwJUCAAAECBAgQIECgcQEBpfEuUAECBAgQIECAAAEC3RQYdC8UAaWb3wWtJkCAAAECBAgQINBKAQGlld2iUgQIECBAgAABAgS6KSCgdLPftZoAAQIECBAgQIBAKwUElFZ2i0oRIECAAAECBAgQ6KaAgNLNftdqAgQIECBAgAABAq0UEFBa2S0qRYAAAQIECBAgQGD+Cgy6eldprYBSJGwJECBAgAABAgQIEGhcQEBpvAtUgAABAgQIECBAgEC3BPbu3ZuGjaIIKN36LmgtAQIECBAgQIAAgVYLCCit7h6VI0CAAAECBAgQINAtAQGlW/2ttQQIECBAgAABAgRaLSCgtLp7VI4AAQIECBAgQIBAtwQElG71t9YSIECAAAECBAgQaLWAgNLq7lE5AgQIECBAgAABAt0SEFC61d9aS4AAAQIECBAgQKDVAgJKq7tH5QgQIECAAAECBAjMP4G4B4r7oMy/ftUiAgQIECBAgAABAnNaYFBIMYIyp7tU5QkQIECAAAECBAjMLwEBZX71p9YQIECAAAECBAgQmNMCAsqc7j6VJ0CAAAECBAgQIDC/BASU+dWfWkOAAAECBAgQIEBgTgsIKHO6+1SeAAECBAgQIECAwPwSEFDmV39qDQECBAgQIECAAIE5LSCgzOnuU3kCBAgQIECAAAEC80tAQJlf/ak1BAgQIECAAAECBFovMOj+J6XSAkqRsCVAgAABAgQIECBAYOwC/WFFQBl7FyiQAAECBAgQIECAAIH+YFJEBJQiYUuAAAECBAgQIECAQOMCAkrjXaACBAgQIECAAAECBAgUAQGlSNgSIECAAAECBAgQINC4gIDSeBeoAAECBAgQIECAAAECRUBAKRK2BAgQIECAAAECBAg0LiCgNN4FKkCAAAECBAgQIECAQBEQUIqELQECBAgQIECAAAECjQsIKI13gQoQIECAAAECBAgQ6I5A3P9k2D1QQkFA6c53QUsJECBAgAABAgQItEpgUFARUFrVRSpDgAABAgQIECBAoNsCAkq3+1/rCRAgQIAAAQIECLRKQEBpVXeoDAECBAgQIECAAIFuCwgo3e5/rSdAgAABAgQIECDQKgEBpVXdoTIECBAgQIAAAQIEui0goHS7/7WeAAECBAgQIECAQKsEBJRWdYfKECBAgAABAgQIEOi2gIDS7f7XegIECBAgQIAAAQKNCAy6B0pUREBppDsUSoAAAQIECBAgQIDAIAEBZZCK9wgQIECAAAECBAgQGJnAsNGTKFBAGRm7ExMgQIAAAQIECBAgMF0BAWW6Yo4nQIAAAQIECBAgQGBkAgLKyGidmAABAgQIECBAgACB6QoIKNMVczwBAgQIECBAgAABAiMTGBpQJlu4MrLaODEBAgQIECBAgAABAp0WGBhQhJNOfyc0ngABAgQIECBAgEBjAgMDSmO1UTABAgQIECBAgAABAp0W2C+gGD3p9PdB4wkQIECAAAECBAg0KrBfQGm0NgonQIAAAQIECBAgQKDTAgJKp7tf4wkQIECAAAECBAi0S0BAaVd/qA0BAgQIECBAgACBeS8w2bISAWXed78GEiBAgAABAgQIEGifQISUQUFFQGlfX6kRAQIECBAgQIAAgc4I9IcUAaUzXa+hBAgQIECAAAECBNovIKC0v4/UkAABAgQIECBAgEBnBASUznS1hhIgQIAAAQIECBBov4CA0v4+UkMCBAgQIECAAAECnREQUDrT1RpKgAABAgQIECBAoP0CAkr7+0gNCRAgQIAAAQIECHRGYNKA0n/Jr86oaCgBAgQIECBAgAABAo0IDA0owkkj/aFQAgQIECBAgAABAp0WGBpQOq2i8QQIECBAgAABAgQINCKwT0AxatJIHyiUAAECBAgQIECAQKcEJssd+wSUTqloLAECBAgQIECAAAECjQkMCykCSmNdomACBAgQIECAAAECBPoFBJR+Ea8JECBAgAABAgQIEGhMQEBpjF7BBAgQIECAAAECBAj0Cwgo/SJeEyBAgAABAgQIECDQmICA0hi9ggkQIECAAAECBAgQ6BcQUPpFvCZAgAABAgQIECBAoDEBAaUxegUTIECAAAECBAgQINAvIKD0i3hNgAABAgQIECBAgEBjAgJKY/QKJkCAAAECBAgQIECgX0BA6RfxmgABAgQIECBAgACBxgQElMboFUyAAAECBAgQIECAQL+AgNIv4jUBAgQIECBAgAABAo0JCCiN0SuYAAECBAgQIECAAIF+gYEBZWJiov84rwkQIECAAAECBAgQIDArAiVv9G/j5AMDyqyU6iQECBAgQIAAAQIECBCYpoCAMk0whxMgQIAAAQIECBAgMDoBAWV0ts5MgAABAgQIECBAgMA0BQSUaYI5nAABAgQIECBAgACB0QkIKKOzdWYCBAgQIECAAAECBKYpMDSglBX10zyfwwkQIECAAAECBAgQIHDQAkMDykGf0QcJECBAgAABAgQIECBwkAICykHC+RgBAgQIECBAgAABArMvsF9AMbVr9pGdkQABAgQIECBAgACBqQnsF1Cm9jFHESBAgAABAgQIECBAYPYFBJTZN3VGAgQIECBAgAABAgQOUkBAOUg4HyNAgAABAgQIECBAYPYFBJTZN3VGAgQIECBAgAABAgQOIDBs7buAcgA4fyZAgAABAgQIECBAYHwCAsr4rJVEgAABAgQIECBAgMABBHoBZe/evdWhZXuAz/kzAQIECBAgQIAAAQIEZl2gF1Bm/cxOSIAAAQIECBAgQIAAgQECw9afxKECygAwbxEgQIAAAQIECBAg0IyAgNKMu1IJECBAgAABAgQIdF4gRlL6R1MElM5/LQAQIECAAAECBAgQaI+AgNKevlATAgQIECBAgAABAp0XEFA6/xUAQIAAAQIECBAgQKA9AgJKe/pCTQgQIECAAAECBAh0XkBA6fxXAAABAgQIECBAgACB9ggIKO3pCzUhQIAAAQIECBAg0HkBAaXzXwEABAgQIECAAAECBNojIKC0py/UhAABAgQIECBAgEDnBQSUzn8FABAgQIAAAQIECBBoj4CA0p6+UBMCBAgQIECAAAECnRcQUDr/FQBAgAABAgQIECBAoD0CAkp7+kJNCBAgQIAAAQIECHReQEDp/FcAAAECBAgQIECAAIH2CAgo7ekLNSFAgAABAgQIECDQeQEBpfNfAQAECBAgQIAAAQIE2iMgoLSnL9SEAAECBAgQIECAQOcFBgaUiYmJzsMAIECAAAECBAgQIEBg/AIDA8r4q6FEAgQIECBAgAABAgQIpCSg+BYQIECAAAECBAgQINAaAQGlNV2hIgQIECBAgAABAgTmv0BZTlK2/S0WUPpFvCZAgAABAgQIECBAoDEBAaUxegUTIECAAAECBAgQINAvMDSgDBty6T+B1wQIECBAgAABAgQIEJgtgaEBZbYKcB4CBAgQIECAAAECBAjUBSYbDBFQ6lL2CRAgQIAAAQIECBBoVEBAaZRf4QQIECBAgAABAgQI1AUElLqGfQIECBAgQIAAAQIEGhUQUBrlVzgBAgQIECBAgAABAnUBAaWuYZ8AAQIECBAgQIAAgUYFBJRG+RVOgAABAgQIECBAgEBdQECpa9gnQIAAAQIECBAgQKBRAQGlUX6FEyBAgAABAgQIECBQFxBQ6hr2CRAgQIAAAQIECBBoVEBAaZRf4QQIECBAgAABAgQI1AUElLqGfQIECBAgQIAAAQIEGhUQUBrlVzgBAgQIECBAgAABAnUBAaWuYZ8AAQIECBAgQIAAgUYFBJRG+RVOgAABAgQIECBAgEBdQECpa9gnQIAAAQIECBAgQKBRAQGlUX6FEyBAgAABAgQIECBQFxBQ6hr2CRAgQIAAAQIECBBoVEBAaZRf4QQIECBAgAABAgQI1AUElLqGfQIECBAgQIAAAQIEGhUQUBrlVzgBAgQIECBAgAABAnUBAaWuYZ8AAQIECBAgQIAAgUYFBJRG+RVOgAABAgQIECBAgEBdQECpa9gnQIAAAQIECBAgQKBRAQGlUX6FEyBAgAABAgQIECBQFxBQ6hr2CRAgQIAAAQIECBBoVEBAaZRf4QQIECBAgAABAgQI1AUElLqGfQIECBAgQIAAAQIEGhUQUBrlVzgBAgQIECBAgAABAnUBAaWuYZ8AAQIECBAgQIAAgUYFBJRG+RVOgAABAgQIECBAgEBdQECpa9gnQIAAAQIECBAgQKBRAQGlUX6FEyBAgAABAgQIECBQFxBQ6hr2CRAgQIAAAQIECBBoVEBAaZRf4QQIECBAgAABAgQI1AUElLqGfQIECBAgQIAAAQIEGhUQUBrlVzgBAgQIECBAgAABAnUBAaWuYZ8AAQIECBAgQIAAgUYFBJRG+RVOgAABAgQIECBAgEBdQECpa9gnQIAAAQIECBAgQKBRAQGlUX6FEyBAgAABAgQIECBQFxBQ6hr2CRAgQIAAAQIECBBoVGBoQNm7d2+jFVM4AQIECBAgQIAAAQLdExgaULpHocUECBAgQIAAAQIECDQtIKA03QPKJ0CAAAECBAgQIECgJyCg9CjsECBAgAABAgQIECDQtICA0nQPKJ8AAQIECBAgQIAAgZ6AgNKjsEOAAAECBAgQIECAQNMCAwOKK3g13S3KJ0CAAAECBAgQINBNgYEBpZsUWk2AAAECBAgQIECAQNMCAkrTPaB8AgQIECBAgAABAh0TmGzGloDSsS+D5hIgQIAAAQIECBBos4CA0ubeUTcCBAgQIECAAAECHRMQUDrW4ZpLgAABAgQIECBAoM0CAkqbe0fdCBAgQIAAAQIECMwzgbL+pGz7myeg9It4TYAAAQIECBAgQIBAYwICSmP0CiZAgAABAgQIECBAoF9AQOkX8ZoAAQIECBAgQIAAgcYEBJTG6BVMgAABAgQIECBAgEC/gIDSL+I1AQIECBAgQIAAAQKNCQgojdErmAABAgQIECBAgACBfgEBpV/EawIECBAgQIAAAQIEGhMQUBqjVzABAgQIECBAgAABAv0CAkq/iNcECBAgQIAAAQIECDQmIKA0Rq9gAgQIECBAgAABAgT6BQSUfhGvCRAgQIAAAQIECBBoTEBAaYxewQQIECBAgAABAgQI9AsIKP0iXhMgQIAAAQIECBAg0JhAL6BMTExUlSjbxmqkYAIECBAgQIAAAQIEOivQCyidFdBwAgQIECBAgAABAgRaIyCgtKYrVIQAAQIECBAgQIAAAQHFd4AAAQIECBAgQIAAgdYICCit6QoVIUCAAAECBAgQIEBAQPEdIECAAAECBAgQIECgNQICSmu6QkUIECBAgAABAgQIdEtg7969KZ71x34Bpf+A+sH2CRAgQIAAAQIECBAgMEqB/QLKKAtzbgIECBAgQIAAAQIECEw2KCKg+H4QIECAAAECBAgQINAagaEBZbJU05raqwgBAgQIECBAgAABAvNKYGhAmVet1BgCBAgQIECAAAECBFolMGxAREBpVTepDAECBAgQIECAAIFuCwgo3e5/rSdAgAABAgQIECDQKgEBpVXdoTIECBAgQIAAAQIEui0goHS7/7WeAAECBAgQIECAQKsEBgaUYQtWWlVzlSFAgAABAgQIECBAYN4JDAwo866VGkSAAAECBAgQIECAwJwQEFDmRDepJAECBAgQIECAAIFuCAgo3ehnrSRAgAABAgQIECAwJwQElDnRTSpJgAABAgQIECBAoBsCAko3+lkrCRAgQIAAAQIECMwJAQFlTnSTShIgQIAAAQIECBDohoCA0o1+1koCBAgQIECAAAECc0JAQJkT3aSSBAgQIECAAAECBLohIKB0o5+1kgABAgQIECBAgEBrBMqN4fu3UUEBpTXdpCIECBAgQIAAAQIECAgovgMECBAgQIAAAQIECLRGQEBpTVeoCAECBAgQIECAAAECAorvAAECBAgQIECAAAECrREQUFrTFSpCgAABAgQIECBAgMA+AaWsosdCgAABAgQIECBAgACBJgT2CShNVECZBAgQIECAAAECBAgQKAJDA4rRlEJkS4AAAQIECBAgQIDAuASGBpSogJAyrm5QDgECBAgQIECAAAECITBpQEFEgAABAgQIECBAgACBcQoIKOPUVhYBAgQIECBAgAABApMKCCiT8vgjAQIECBAgQIAAAQLjFBBQxqmtLAIECBAgQIAAAQIEJhUQUCbl8UcCBAgQIECAAAECBEYhMOyCXALKKLSdkwABAgQIECBAgACBoQLDwkl8QEAZyuYPBAgQIECAAAECBAiMW0BAGbe48ggQIECAAAECBAgQGCogoAyl8QcCBAgQIECAAAECBMYtIKCMW1x5BAgQIECAAAECBAgMFRBQhtL4AwECBAgQIECAAAEC4xbYL6BMtqJ+3JVTHgECBAgQIECAAAEC3RLYL6B0q/laS4AAAQIECBAgQIBAmwQGBhSjKG3qInUhQIAAAQIECBAg0B2BgQElmi+kdOdLoKUECBAgQIAAAQIE2iIwNKC0pYLqQYAAAQIECBAgQIDA/BXoHxgRUOZvX2sZAQIECBAgQIAAgdYKRDDpDydRWQGltV2mYgQIECBAgAABAgTmp8CgYFJaKqAUCVsCBAgQIECAAAECBBoXEFAa7wIVIECAAAECBAgQIECgCAgoRcKWAAECBAgQIECAAIHGBQSUxrtABQgQIECAAAECBAgQKAICSpGwJUCAAAECBAgQIECgcQEBpfEuUAECBAgQIECAAAECBIqAgFIkbAkQIECAAAECBAgQaFxAQGm8C1SAAAECBAgQIECAAIEiIKAUCVsCBAgQIECAAAECBBoXEFAa7wIVIECAAAECBAgQIECgCAgoRcKWAAECBAgQIECAAIGxCOzdu3doOQLKUBp/IECAAAECBAgQIEBg3AICyrjFlUeAAAECBAgQIECAQBo2iiKg+HIQIECAAAECBAgQINAaAQGlNV2hIgQIECBAgAABAgQICCi+AwQIECBAgAABAgQItEZAQGlNV6gIAQIECBAgQIAAAQICiu8AAQIECBAgQIAAAQKtERBQWtMVKkKAAAECBAgQIECAgIDiO0CAAAECBAgQIECAQCMCgy41LKA00hUKJUCAAAECBAgQINBNgUGhpC4hoNQ17BMgQIAAAQIECBAgMHKByUKKgDJyfgUQIECAAAECBAgQIDBVAQFlqlKOI0CAAAECBAgQIEBg5AICysiJFUCAAAECBAgQIECAwFQFBJSpSjmOAAECBAgQIECAAIGRCwgoIydWAAECBAgQIECAAAECUxUQUKYq5TgCBAgQIECAAAECBEYuIKCMnFgBBAgQIECAAAECBAj0Cwy71LCA0i/lNQECBAgQIECAAAECYxPoDyoCytjoFUSAAAECBAgQIECAwIEEBJQDCfk7AQIECBAgQIAAAQKzKtA/alI/uYBS17BPgAABAgQIECBAgECjAgJKo/wKJ0CAAAECBAgQIECgLiCg1DXsEyBAgAABAgQIECDQqICA0ii/wgkQIECAAAECBAgQqAsIKHUN+wQIECBAgAABAgQINCogoDTKr3ACBAgQIECAAAECBOoCAkpdwz4BAgQIECBAgAABAmMTGHS5YQFlbPwKIkCAAAECBAgQIECgCAwKJ/E3AaUI2RIgQIAAAQIECBAgMBaBYeEkChdQxtIFCiFAgAABAgQIECBAYCoCAspUlBxDgAABAgQIECBAgMBYBASUsTArhAABAgQIECBAgACBqQgIKFNRcgwBAgQIECBAgAABAmMREFDGwqwQAgQIECBAgAABAgSmIiCgTEXJMQQIECBAgAABAgQIjEVAQBkLs0IIECBAgAABAgQIECgCExMTZXe/rYCyH4k3CBAgQIAAAQIECBAYtcCwe6EIKKOWd34CBAgQIECAAAECBPYRGBZO4iABZR8qLwgQIECAAAECBAgQaFJAQGlSX9kECBAgQIAAAQIECOwjsE9AmWyxyj6f8oIAAQIECBAgQIAAAQIzFIj8UZ7lVL2AIpwUElsCBAgQIECAAAECBJoS6AWUqMAhhxyyT4KZbPFKUxVWLgECBAgQIECAAAECc1+gDJCUDFJa1Aso8YfDDjssLViwYJ+QUg60JUCAAAECBAgQIECAwEwFYhCkTOuK7FEySDnvPgFl0aJF1ShKCSlGUAqTLQECBAgQIECAAAECsyVQAsqhhx6alixZUp22ZI8qoMQBMYISASUOioASz9dff3226uA8BAgQIECAAAECBAgQqDJGyR8LFy5My5YtSyWcBM8+IyiHH374PgGlfiBLAgQIECBAgAABAgQIzFQgMkYElBgQiYCyfPnytGfPnt7gSASU3aWQCCgxkhJPIyhFxZYAAQIECBAgQIAAgdkUKDO2IqDEFK8IKPHIwWXXgvjHa6+9lnbt2pWOOOKItHjx4l5AMYIym93gXAQIECBAgAABAgQIxDKSElCWLl2ajj766LR9+/b06quvxijKzhhB2R4HxZsloMQHYhQlhl6sQ/ElIkCAAAECBAgQIEBgNgRiAKTM2Ipt5I+Y4vXMM8+kV155JYLLjgX5oEfjRQSU+GOkmPqHYnTFgwABAgQIECBAgAABAjMVqI+exOWFTzjhhOqUTz/9dDUwkrPJ5gU5jGyIEPLEE0+kWIOyatWq3rWII6gIKDPtBp8nQIAAAQIECBAgQCAEyghKzNSK7LF27dq0Y8eO9Pzzz1e5I2ePBxds2rTpsTzfa/e2bdvSCy+8kE499dTq4DKKEh+OE3kQIECAAAECBAgQIEBgpgJl/Unc4uTkk09OTz75ZBVQ8nl3btmy5YlYgxLp4/ZILRFS4qBYKB/BJEJKnMAoyky7wecJECBAgAABAgQIdFsgMkXJF7GNxfGrV69Ojz76aNq9e3dM8bo9hKr7oOQX18dVvDZv3pzWrVuXVq5c2ftw3LjRQvluf5m0ngABAgQIECBAgMBMBWJWVhk9ifUna9asqXLHgw8+mF5++eX42/VRRhVQ8sHXv/TSS+nOO+9MK1asSG9961uraV5xgkg3MZpiFGWmXeLzBAgQIECAAAECBLopEAMeZfQkMkbM2DrvvPOqC3Vt3Lixug9KZJLQOTT+cdxxx/3q97///baHHnroTVu3bk3nnntu+sUvfpEitMQJYhQlrvQVJ53p45hjjpnpKXyeAAECBAgQIECAAIE5JBCjJ5ElSkiJTHDWWWelBx54ID377LOx5v2pxx577NfRpGoE5Y477nglp5r/8Yc//CHde++91cExHyyCSf1EpnrNoW+BqhIgQIAAAQIECBBogUBkiJiRFQMf8YzpXWeeeWZ19eDbbrst7dy5M2r59fx8NXaqgBI7+fGNF198Md14443Vh973vvdV90Qpi+UjrJjm9Uco/yRAgAABAgQIECBAYGoCZXpXDHxEtoj17hdffHF6/PHH0z333FPN1Mpn+kY5Wy+g5CGV+/Llhm95+OGH029/+9t0wQUXpBNPPLE3DFNGUmKqlwcBAgQIECBAgAABAgQOJJDzRW9GVoSThQsXpjPOOCOdfvrp6aabbqqmd+UAc31kkXKuXkCJN/Lcr38dlxv+2c9+Vt1V/vLLL09HHnlkNRQTASVGUeLEMYfMgwABAgQIECBAgAABAsMEytSusmwkpnflte/piiuuSHn9e/rVr36VYgZXfvyb+jn2CSg5ufwsp5zfxjqUW265JV100UXV/LC4y2OcsISUSEJCSp3RPgECBAgQIECAAAECdYEIKBFOIkfEIMfSpUurWVqx/uTHP/5xeuKJJ+J2JnfkDHJz/XP7BJT4Qw4ef/Xcc8+lH/7wh1Wiueaaa9IJJ5zQO3kUEk9TveqM9gkQIECAAAECBAgQKALlCsBlmUhM7XrLW96SrrrqqrRhw4Z08803xxWDc/TY+/nymbLd77rBeYrXpjyta31eTX92HHTppZdWqSduoLJnz57yuWpb5pTt86YXBAgQIECAAAECBAh0VqDcMb4MbERIiQGPT37yk+n4449PX//619Pvfve7lLPEl/NC+b/ph9ovoMQBRx111C9z6vnkM888syRuQR+r7Ldv316ttK+PnMQ0r1KB/hN7TYAAAQIECBAgQIBAtwQiK8SUrhJOYhs3go9ZWe9///vTd7/73XTDDTfETK2nco649oUXXtjdLzQwoORRlJ15FOX+3bt3f+ypp56aWL9+fXrPe95TrbLPr6vpXTGPLJ7xiJGUMresvwCvCRAgQIAAAQIECBCY3wIxcFEyQdznpEztisGOK6+8sgooscY9AkpeThJTu67Ja1B6V+6q6wwMKHFADikblufHrl27zo8FLGeffXZ697vfnZ5++unqGRUoIaWMpJTX9QLsEyBAgAABAgQIECAwfwViMXzMqooBixJOYhtXA/7ABz6QPvrRj6b7778/feMb30hbtmyJhfH/MS+M//IwkaEBJT6wY8eO65ctW3ZmvsP8GRFS3v72t1cjKfn9tG3btt5C+fpISnwuKudBgAABAgQIECBAgMD8FohgEs+YylUPJ8cee2y6+uqr00c+8pH00EMPpa985Stp06ZNcex3cjj5x1ll6H1LJg0o+YOv55P/IC+Ovyhfq3hNPlmK6V4xfyxGTWK6V159X6mX0ZNIUPXRlfndJVpHgAABAgQIECBAoHsC8Zu/rE2vrzdZtGhRWrt2bfrYxz5WTe36zW9+Uy2K37x5c2SEG/PVvK7Jgx+T3vn9QAEl5RO8lueOfT+f8MJnn312TSSgWIV/2WWXpVWrVqW8kD7laWBVcoqQUkZPIklFxUtw6V63aTEBAgQIECBAgACB+SVQgkkZNSnhJC4jnC+0lc4999z02c9+Nr3tbW+rbv7+zW9+Mz366KMRTm7KOeHqRx55ZNeBRA4YUOIE+QpeL+XlKN/KFXpH3j81rl0clbrwwgurSkR6imlfMXISIysRUkpQiffi2HiU96oX/kGAAAECBAgQIECAQOsFynrz8rs+FsDHdK4yrSvWmpxyyinp2muvrUZO4rd/BJMf/ehHZe369/I5/jzPxto5lcZOKaDEiXIAeTXfXOXbebRkZd4/L0ZSYspX3HDl8ssvT6eddlp6+eWXqylfUal6UIlRlHrair8ZWZlK9ziGAAECBAgQIECAwPgF4rd7/KaPUBLPeEQwKaEkpnJFMFm3bl01lSvucRJ3iL/99tvT1772tXTnnXdGftibz/Pf8r1OPpP3972h4iRN+uN1gic5YNCf1qxZ8xf5/S/noZwj42YrMZISIeWYY46pbrpy4403prvvvru6LHG+xnF1g8doYHmWBkdQiUeElfKI/fJ+ec92uEDdbvhRo/lLV8ueTLNJk8nqNexvc6G+c6GOw3wP9P58btuB2t6Gv89nf/8fbfYbNp/950Lb5kId69/QttQ36lGe8d/H8owZULEf4SSmcS1dujQdccQR1TqT9773vem8886rXsdv/5/85Cfpvvvuq+6fmH/3b8/t/Ms8oPHDenunsv+nZDCVo2vH5MUvb86N+K+5sn8WCWr16tXpggsuqK7yFQtjYgH9vffem+666660cePGqqL5virVKEtMCStpLMJKeRaU2HpMT2DU/6OdzfPP5Fwz+Wy/aFvP1V/P/tezWe/+c5fXs13GbJ+v1LN/O8pyRvHfpVHWt99mJq/nSj1n0kafnRsCo/j3cBQtH0U9R/nv4SjqO8h1tsuZ7fONo86DyijvzXZ7pnO++H6VZwSSCCOxjUASU7nKaEkepEjnnHNOdfuR+L0fv+0jmNx8883pgQceqH7v54trRZN+mD//T/LC+M2lfdPZHnRAKYXkyl2bAf5zrsTaJUuWVHeKPOOMM6p7psS0r5UrV1aVffLJJ6spYVHPCC/5qmDV4vpoRISVCC31kZXpoJa62O47GjUuj1H+R3NYG5oos78us12H2T5ff30P9nVb6xXtmWrd5tJ/T6bapoPtT5/7k8B8tp5L3/k/9cjc3JtL1lP9zre5TW2t22zXa7bPN9m/XfG9KIGkhJEYIYmZUXGp4JgtddJJJ1WDEXFH+HyvxOpywffcc0+K59atW3u/6XM5m3LdP5+ndP3vyco80N9mHFCigDzfbOHOnTs/nnf/WX6eFo2L4Z8IJ+vWrUunn356isR13HHHVav74+8RSvJnquQVlyqOZ6xhiaASz3F2TLShy4+p/gerrUZzvf4zce1y28NtlO3336DpfTNH2RfTq4mj56qAf+em13Oj/Heu633RpfbH9yjCSTwXL15c/X6P0ZIYOQmHGEiIq/XGwEKsPY/7mMS9EfOVfVMs44jf7LGEIz8ezMf/h/xb/3/dcccdk15CeCrf9FkJKLWCDskJ689yY/8yv/fBvD28JLEyZy3f+DHFM257H9sYPqqvTYlRlC59MWp2dqchMMr/ME+jGg7tgIDvWgc6WRMJzCEBv5HmUGfNkarG/+fiGb/HYwAhQkmEjwgmMYUrBhFiG+/HYEIc88b3cHdu4nX5+T9zePlR3v7xsr2z0O7ZDii9KuURk6Pziwgrl+RGXJz310UYiUdsy7P8zz+CiQcBAgQIECBAgAABAs0IlAAc2wgs9ddv1GhTfu//5d/x1+dRl/+T72ny/ChqOrKA0l/ZvFbl+PzeW3MQWZ9Dycl5/8i8XZ4buTTvT/lyx/3n9ZoAAQIECBAgQIAAgVkTeC3/Pt+Zf6fHPUviSlyP5EASU7gezDdc3DprpTgRAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIDANAT+PzNrN5ECm4plAAAAAElFTkSuQmCC") !important;
}
.LiveViewContents---tablet.LiveViewContents---rotated .LiveViewContents---responsive_frame {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20854%201236%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22a%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23323232%22%20id%3D%22stop3870%22%20%2F%3E%3Cstop%20offset%3D%221%22%20stop-opacity%3D%22.96047%22%20id%3D%22stop3872%22%20%2F%3E%3C%2FlinearGradient%3E%0A%20%20%20%20%3Cfilter%20id%3D%22e%22%20style%3D%22color-interpolation-filters%3AsRGB%22%3E%3CfeGaussianBlur%20stdDeviation%3D%221.5%201.5%22%20result%3D%22blur%22%20id%3D%22feGaussianBlur3875%22%20%2F%3E%3C%2Ffilter%3E%0A%20%20%20%20%3Cfilter%20id%3D%22c%22%20style%3D%22color-interpolation-filters%3AsRGB%22%3E%3CfeGaussianBlur%20stdDeviation%3D%220.5%200.5%22%20result%3D%22blur%22%20id%3D%22feGaussianBlur3878%22%20%2F%3E%3C%2Ffilter%3E%0A%20%20%20%20%3CradialGradient%20xlink%3Ahref%3D%22%23a%22%20id%3D%22d%22%20cx%3D%22628.41638%22%20cy%3D%22246.09644%22%20fx%3D%22628.41638%22%20fy%3D%22246.09644%22%20r%3D%22226.43204%22%20gradientTransform%3D%22matrix(1.21194%2C0.00903%2C-0.01714%2C2.2567%2C-128.966%2C-314.94)%22%20gradientUnits%3D%22userSpaceOnUse%22%20%2F%3E%0A%20%20%20%20%3Cfilter%20id%3D%22b%22%20style%3D%22color-interpolation-filters%3AsRGB%22%3E%3CfeGaussianBlur%20stdDeviation%3D%220.5%200.5%22%20result%3D%22blur%22%20id%3D%22feGaussianBlur3882%22%20%2F%3E%0A%20%20%20%20%3C%2Ffilter%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22g3916%22%20transform%3D%22rotate(90%2C427%2C427)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22g3897%22%20transform%3D%22matrix(1.7601443%2C0%2C0%2C1.7601443%2C0.18935124%2C1.0450793)%22%20style%3D%22color%3A%23000000%3Bfont-family%3Asans-serif%3Bwhite-space%3Anormal%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22path3887%22%20overflow%3D%22visible%22%20d%3D%22M%2030.712156%2C0.31571%20C%2014.314926%2C0.31663%201.0226441%2C13.60919%201.0214199%2C30.00642%20v%20423.98717%20c%209.207e-4%2C16.39723%2013.2934761%2C29.68951%2029.6907081%2C29.6907%20H%20671.28966%20c%2016.39652%2C-0.002%2029.68772%2C-13.29417%2029.68892%2C-29.6907%20V%2030.00642%20C%20700.97766%2C13.6099%20687.6862%2C0.31792%20671.28969%2C0.31571%20Z%20M%2016.215572%2C446.3956%20c%20-10.3176221%2C25.13602%20-5.158811%2C12.568%200%2C0%20z%22%20style%3D%22overflow%3Avisible%3Bsolid-color%3A%23000000%3Bfill%3A%231e1e1e%3Bstroke-width%3A0.92053086%22%20%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22path3889%22%20transform%3D%22matrix(0.91256827%2C0%2C0%2C0.92053087%2C29.713758%2C-93.995124)%22%20overflow%3D%22visible%22%20d%3D%22M%203.5033157%2C105.0348%20C%20-16.210264%2C104.02566%20-29.519884%2C119.36472%20-28.502234%2C137.04037%20V%20592.9596%20c%200.001%2C18.18072%2011.273%2C32.00424%2032.0055497%2C32.00555%20H%20700.58754%20c%2017.67487%2C1.00815%2033.53075%2C-13.32053%2032.0036%2C-32.00556%20V%20137.04033%20c%20-10e-4%2C-20.20027%20-15.36818%2C-32.00318%20-29.98615%2C-32.00556%20z%20M%20-12.123484%2C584.76923%20c%20-11.12202%2C27.09574%20-5.561%2C13.54788%200%2C0%20z%22%20style%3D%22overflow%3Avisible%3Bsolid-color%3A%23000000%3Bfill%3Anone%3Bstroke%3A%23646464%3Bstroke-width%3A1.89798999%3Bstroke-linecap%3Asquare%3Bstroke-linejoin%3Around%3Bfilter%3Aurl(%23b)%22%20%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22path3891%22%20transform%3D%22matrix(0.91256827%2C0%2C0%2C0.92053087%2C29.837716%2C-93.995124)%22%20overflow%3D%22visible%22%20d%3D%22M%203.5033157%2C105.0348%20C%20-16.210264%2C104.02566%20-29.519884%2C119.36472%20-28.502234%2C137.04037%20V%20592.9596%20c%200.001%2C18.18072%2011.273%2C32.00424%2032.0055497%2C32.00555%20H%20700.31588%20c%2017.67488%2C1.00815%2033.53076%2C-13.32053%2032.0036%2C-32.00556%20V%20137.04033%20c%20-9.8e-4%2C-20.20027%20-15.36817%2C-32.00318%20-29.98614%2C-32.00556%20z%20M%20-12.123484%2C584.76923%20c%20-11.12202%2C27.09574%20-5.561%2C13.54788%200%2C0%20z%22%20style%3D%22overflow%3Avisible%3Bsolid-color%3A%23000000%3Bfill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-width%3A1.13880002%3Bstroke-linecap%3Asquare%3Bstroke-linejoin%3Around%3Bstroke-opacity%3A0.99530999%3Bfilter%3Aurl(%23c)%22%20%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22path3893%22%20transform%3D%22matrix(0.9010156%2C0%2C0%2C0.90977906%2C-363.87611%2C-8.5888163)%22%20overflow%3D%22visible%22%20d%3D%22m%20441.32712%2C13.753157%20c%20-20.39284%2C6.6446%20-28.1245%2C14.4411%20-32.2539%2C32.2539%20V%20504.87135%20c%203.09707%2C19.34594%2012.37707%2C25.09794%2032.2539%2C32.2539%20h%20704.17058%20c%2016.264%2C-5.11245%2030.1866%2C-13.41978%2032.252%2C-32.2539%20V%2046.007057%20c%20-4.6451%2C-17.81204%20-16.504%2C-27.14105%20-32.252%2C-32.2539%20z%20M%20425.57908%2C496.61744%20c%20-11.20834%2C27.306%20-5.60417%2C13.653%200%2C0%20z%22%20style%3D%22overflow%3Avisible%3Bsolid-color%3A%23000000%3Bfill%3Aurl(%23d)%3Bfilter%3Aurl(%23e)%22%20%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22path3895%22%20overflow%3D%22visible%22%20d%3D%22M%2035.433852%2C6.49688%20C%2019.574265%2C6.4978%206.7178183%2C17.76252%206.7166399%2C33.92935%20v%20416.14131%20c%208.923e-4%2C16.16682%2012.8576251%2C27.43127%2028.7172121%2C27.43246%20H%20666.5679%20c%2015.85894%2C-0.002%2028.71429%2C-11.26631%2028.71546%2C-27.43246%20L%20693.44232%2C33.92936%20C%20693.44144%2C17.76321%20680.58577%2C6.49906%20664.72684%2C6.49689%20Z%20m%20-14.02125%2C436.08255%20c%20-9.979319%2C24.78283%20-4.989645%2C12.39143%200%2C0%20z%22%20style%3D%22overflow%3Avisible%3Bsolid-color%3A%23000000%3Bfill%3A%23141414%3Bstroke-width%3A0.92053086%22%20%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cpath%20id%3D%22path3899%22%20d%3D%22M%20103.99999%2C41%20H%201132%20V%20813%20H%20103.99999%20Z%22%20style%3D%22stroke-width%3A1.60200369%22%20%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") !important;
  background-size: 854px 1236px !important;
  height: 1236px !important;
  width: 854px !important;
  padding: 106px 43px !important;
}
.appian-context-browser-edge .LiveViewContents---tablet.LiveViewContents---rotated .LiveViewContents---responsive_frame {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA1YAAATUCAYAAABrg5Y2AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAACAASURBVHic7N1vbNx3ntj3z2+G5JAiKZIS9Y8S9c+yves92Ifd3u6eXK/vLkX7oEBxQZA/l+IOKC5IgbZA86DJg6RAgaIoEKBo0QJ9ECBoE6RAgSIIkgAXJLiub3dvd29zuzhn1z77ZPtkWbQlkRQl/ieHnJlfHti/8XA4JGf0lS1RfL2AwUj8MxySMjxvfL6/7zcCAACAJNmTfgJfkCwiSk/6SQAAALs0IiJ/0k/icTtsYVW+ePHipSzLXszz/MWIeDEinouIiYgYbbkdi4jyk3uaAADAHuoRsR4RKy23xYj4ICJuZFl2I8/zG7dv3/7os489FJ72sOq7dOnSNxuNxq9nWfYbEfGrETHU/kFZlu359zzfGcPtfwcAAB6v9tfn+33cPq/XNyLiJ1mW/UGe52/cvn3730ZE7XE+z8fpqQurM2fODFcqlb8UEX8lIr4Tn06gIuLzX1BxXyqVolQqRblcjlKpFFmWNe+LjytuAADAk9H6ujzP88iyLBqNRtTr9cjzPBqNRvNWq9Wi0WhEnufNyPrsfiUi/jAi/r9qtfpPZ2dn157gt7TL01IcpYsXL/6FiPjtiPiLETESsTOkyuVy9PX1RV9fX/T390elUomhoaHmbXBwMCqVSvNjWiOreJwOv5xnkpAEAOBJaH39nuf5jtfj5XK5+Ro9IqJer8f29nZUq9Xm/draWqyursbq6mpsbGzE9vZ21Gq12N7ejnr901WBn72OX42If57n+T+ZmZn5bjwFSwaf6Cvwy5cvD+Z5/rt5nv/tiLgU8fkvowipgYGBGBoairGxsTh+/Hjz/vjx4zE6OhrDw8PNsBoYGIj+/v7Isqz5gy9qt7WIW2/wtBDEAPDl83rw8SoiqlhZViqVmoOPvr6+KJfLO1ab5XketVotqtVqVKvVWF1djcXFxXj48GEsLS3F0tJSPHjwoPn34uPaIuujLMv+lyzL/uGtW7c2n9j3/iS+6JkzZ4YHBwf/qzzP/1ZETEV8PpUaGBiIwcHBGBkZicnJyTh16lScPn06Tp48GSdPnoyxsbEYGRmJgYGBZizVarVmyW5tbUWtVoutra3Y2tra8bZ6vb5jrHiY/0PyIvzZ0+3v9DD/uwWAL1M3/2/1/9XHqzWsiohqXXXWeqtUKlGpVKK/v7/5McXnRURsbm7GyspK3L9/P+7duxd3796Nubm5mJ+fj4WFhdjY2GhG1me/x7sR8b9vbGz8n/Pz86tf+vf+JX+98sWLF/+biPjvI2Ky+MH39/fH4OBgjI2NxdmzZ+Ps2bNx7ty5mJqaijNnzsTx48ejXC43I6r4IRc1u7KyEktLS7G8vBzr6+uxubnZjKpibFhEVUQ888sBRdej87M7HPyeAA72rL7OedY8S7+n1v8/F8v9iolVa2gVsdXf3x9DQ0MxPDwcw8PDMT4+HuPj43Hq1KkYHx+PkZGRGBwcjFKpFI1GI9bX12Nubi7u3LkTMzMzMTMzE3fu3ImlpaXmssHPfp4LeZ7/zzMzM/9HfImbXXxpr04uXLjwzVKp9A8i4peLih0YGIjh4eGYnJyM6enpuHTpUly5ciXOnTsXw8PDkWVZ1Gq1WF1djfn5+ZidnY25ubmYnZ2NxcXFWF1djbW1tdjc3IxqtRqbm5vNkMrzfNfSv4id/3hT/yEftRd3z9r3+6x9P08rP+eni98Hh8mz9ILzWeF38uU4zD/nTrt1t9+KZYCtkVWpVGJwcDCOHTsWIyMjMTY2FhMTE3H27Nm4cOFCnD17NiYmJqK/vz8iIlZXV+OTTz6JmzdvxocffhgzMzMxPz8fa2trsbW1Vbz+/3mWZf/17du3f/SlfO9f9Bc4f/78yVKp9PezLPsvIqJUBNXY2FhMTU3FlStX4urVq3H58uU4depU9Pf3R7VajQcPHsSdO3fi9u3bMTMzE3Nzc7G8vBwrKyuxvr4e1Wp1x/K+iGjuJNLpOqq9plSH6UXG0/5cn/bn1+6wPd+nhZ/bF8vPF75ch/kF7GHg5/toDtvPrdPzbd/Nuwiq9g0tWq/HKv5cXItVqVRiZGQkJiYm4syZMzE1NRWXLl2KixcvxuTkZFQqlahWqzE3Nxc3b96MGzduxJ//+Z/H7OxsrK2tFbsL5hHxj7e2tv7OvXv35r/In8MX+n/w6enp72RZ9v9GxFSWZTEwMBCjo6Nx7ty5eP755+OrX/1qXL16NcbHxyMiYnl5OT766KN47733YmZmJu7evRsPHjyI1dXVZkgV2y+2xlR7SLXe2vfGf5z/UJ/WF0BP6/NKcdi/p8P+/LtxFL7HL4OfI3y5DtsL2KfVUfg5Hvbv8Uk8//YdAjtNr1p3CWwNrk6bX4yOjsbExEScO3curl69Gi+88EJMT0/H8ePHo9FoxNzcXNy4cSPeeeed+OCDD2J+fj7W19eLVWx3G43Gb3388cff/8K+3y/ocUuXLl36e3me/w9ZlpXL5XIMDw/HuXPn4oUXXoivfvWr8fzzz8fJkyejXq/H7OxsfPDBB3Hjxo24detW3Lt3L1ZWVpox1b6jX+tOf+0R1TpebK/h5jfthQsAAHxhWgccrSvHWl/DFzotE2yPrGLpYLH6bXx8PKampuLy5cvx4osv7miLO3fuxLvvvhtvv/123Lx5M+7fvx/VajXyPK9HxP90+/bt/zEiGo/7e37shfHcc8+d3t7e/icR8R9nWRaVSiUmJyfj2rVr8fLLL8dLL70Up0+fjjzP486dO/HOO+/Eu+++Gx9++GEsLCw0x3atk6n2Q8NaQ6r4ARf74gMAAIdH6wCl0BpYxa397QMDA3Hs2LE4e/ZsPP/88/Hyyy/Hiy++GBMTE7G5uRkffvhhvPnmm/H222/Hxx9/3OyMPM9/v1Qq/c6tW7fuPc7v47GWyPT09HNZlv1+lmVXyuVyjIyMxIULF+JrX/tafP3rX4+rV69GX19fzM3NxTvvvBO/+MUvmmO6jY2NHbv3td+KuCoiqjgEGAAAeDa0DlQiYtf1V633EZ+efdvf3x8jIyMxNTUVX/nKV+KXf/mX49q1azEyMhLz8/Px1ltvxZtvvhnvv/9+LCwsFJtbfNRoNP6jjz/++IPH9dzLj+uBLly48HKpVPpelmUX+vr64uTJk/G1r30tXn311bh+/XpcvHgx1tfX4xe/+EV873vfix/96Edx48aN5h70xUYURVgVfy4O/yqqtL+/33QKAACeQa1nYBXbrBexFbFzQ7qiB+r1emxtbcXDhw/j3r17ce/evVhdXY1jx47FuXPn4vz58zExMRHlcjk2NjZic3MzarXaeJZlf/X48ePfX15evvM4nvtjCatLly79epZl/ybLspOVSiVOnz4dX//61+PXfu3X4pVXXonR0dGYmZmJH/7wh/H9738/3nrrrZibm9s1pWq/z/M8+vv7Y2BgQEwBAMAR0roUsDhKqdB6DVdx32g0mruLz83NxYMHD6JUKsXk5GScP3++uQP5xsZGsanFSJ7nvzU+Pv5vl5aWPkx9vslhdenSpf80z/N/mWXZ8NDQUJw/fz6+9a1vxeuvvx4vvPBC1Gq1+PnPfx5vvPFG/OQnP4mPPvoo1tbWYnt7e0dEtU6pGo1G8zTmYj0lAABwNBVTrIjYsflF6+SqCKxarRbr6+tx//79mJ+fj2q12jzqqYirzc3N4pqrgUaj8dfGxsb+3dLS0nspzzEprC5cuPDNLMt+r1QqDQ0PD8fly5fj+vXr8dprr8X09HQsLi7GH/3RH8Ubb7wRb731ViwsLES1Wt1xgG/7lEpQAQAAnbSeh9W6PLD1iKUsy6LRaMT29nYsLi42V8oV12GdPXs2BgcHo1qtFgcK9zUajd8cHR397vLy8ieP+tweOawuXbr01SzL/v8sy8aOHTsWV65ciddeey1effXVOH36dNy9ezd+8IMfxA9+8IP44IMPWnfh2LUxRb1ej1KpFJVKpVmiAAAAnRQbWLTvJtgaV8UgZ21tLe7fvx/r6+sxNDQU586di7Nnz8bQ0FBsbGzE8vJybG9v9+d5/ptjY2O/t7S09EgHCT9SxUxNTU1nWfZGuVw+NzQ0FFeuXInr16/H9evXY3JyMm7evBlvvPFG/PjHP46ZmZnY3Nzcc0pVr9ebm1K4hgoAAOhG6+HCxfSqeHvrfaPRiM3NzVhYWIiVlZUYGBiIqampOHPmTAwMDMTq6mosLS3F9vb2sTzP/7MTJ078s8XFxaVen0/PYXXt2rXKZ3u/f2VwcDAuXboU169fj1dffTUmJyfjgw8+iO9+97vxx3/8xzE7OxtbW1vNdZCtO/0VF58VG1MAAAD0qjhIuP282+J9xduq1WosLi7GyspKVCqVOH/+fJw5cyb6+/tjZWUlVldXY2tra6xer//6iRMn/tHi4mKtl+fRc9GMjIz8r1mW/WZRer/6q78ar7322o5J1U9/+tOYn59vblCxX1S5lgoAAEhRxFXEzuWAxX3xtq2trVheXo6NjY0YHh5uTq76+vpiaWkplpeXo16vn200GseXlpb+dS/Poaewmp6e/s1SqfS/9fX1xalTp+Ib3/hGvP766zE1NRW3b99uRtX9+/f3japyuRwDAwOW/gEAAI9FEVfFng6toVVseBHxeVytra3F6OhonD9/Pk6ePBn1ej0WFhZibW0t6vX6t8bHx99aWlp6t9uv33VYTU9PP5dl2e+Vy+Wh48ePxy/90i/F66+/Hs8991zMzs7GH/zBH8RPfvKTmJub2zeq+vr6oq+vr9efEwAAwIFar61q/XvrUGdraytWVlZia2srxsfH48KFC3H8+PFYX1+P+fn52NjYiEaj8Z+Mjo7+s+Xl5QfdfN2uw2p8fPyfZ1n2lWPHjsW1a9fi9ddfj5dffjk2Njbihz/8Yfz4xz+Ou3fvNq+pKr6Z1o0qyuWyqAIAAL5QrXHVGlTtcbW2thaNRiNOnz4dU1NTMTQ0FMvLy/Hw4cOoVquDEfH1paWl/7ubr9lVWF28ePEvR8R/19/fH1NTU/Hqq6/GN7/5zRgYGIif/exn8b3vfS9u3boV1Wp116SqiCqTKgAA4MtSLA0s9ndon1wVG1qsr6/v2Mwiy7JYWFiIhw8fRq1Wuzg2NnZzaWnp5wd9vQPD6vLly+N5nv+rUqk0Mj4+Hq+88kq89tprcfr06bhx40a88cYbcePGjVhfX29GVfsZVeVy2c5/AADAl6r1uquIz8+/ao+rarUaw8PDceHChThx4kSsr6/H3NxcMdF6dWJi4h8uLi5u7ve1Dqyd48eP//0sy/7C4OBgXL58Ob7zne/ESy+9FA8ePIjvf//78Sd/8ifx8OHD5nSqNayKg39NqgAAgCeh/SDh9t0CG41Gc0ngqVOnYmpqKiqVSjx48CDu378f1Wp1OM/zYwftErhvWE1PT/9SlmX/V19fX+nUqVPxK7/yK/Htb387KpVK/OxnP4s//MM/jDt37sT29nbzibYe/JtlmagCAACeqOKcq+LPxa3YLbBer0e1Wo2BgYGYnp6OU6dORbVajdnZ2VhZWYl6vf4fnDhx4l8sLi7O7vU19j1EqlQq/d0sy8rFQcCvvPJKTExMxO3bt+PNN9+Mu3fvRq326blZrZOqoghFFQAA8DQol8s7LllqbZdiq/W333473n333ciyLF566aV46aWXYmxsLEqlUrler//dfR9/r3dcunTpSp7n/6CYVn3729+Ob3zjG1Gr1eJHP/pR/PSnP40HDx5ErVbruASwXC47pwoAAHhqFJOr1qlVa7NUq9Xo6+uL8+fPx9mzZyPP87h3714sLCxEvV7/6tjY2P+ztLT0sNNj7zmxyvP8b2VZVq5UKjE9PR0vvvhiHDt2LD788MP40z/907h//37U6/U9lwCWSvsOwwAAAL5URUQV3VKstCuCa21tLd577714++23o16vx9WrV+O5556L48ePR+nTwPlv93rsjvVz9erVixHxN0ulUoyPj8e1a9dieno6NjY24t13343bt2/H5ubmjvOqiqlVRFgCCAAAPJXK5XIzqIoN+IqWqdVqMT8/H3/2Z38Wd+/ejdHR0Xj++efj7Nmz0d/fH1mW/ZdXrly51OlxO4ZVrVb73SzLBgcGBmJqaipeeOGFGB4ejpmZmXjvvfdicXFxx7VUxa3RaNhWHQAAeKqVSqVdPRPx6b4RGxsbcevWrbhx40bU6/W4cuVKXL16NUZGRiLLskqtVvsbHR9zj6/121mWxcjISFy5ciUuX74c29vbcePGjfj4449ja2ur4xLAiHBdFQAA8FRrPceqPa6KjSzee++9mJ+fj4mJiXjhhRfi9OnT0dfXF1mW/Xanx9wVVhcvXvxGRFwpl8tx4sSJuHLlSoyMjMS9e/fi/fffb25YERG7dgE0rQIAAA6DLMuaA6LWrimutbp582a8//77kWVZXLlyJc6fPx+Dg4ORZdmlz5pph04Tq9/JsiwqlUqcO3cupqenIyLi1q1b8cknn0S1Wt21/K91T3gAAICnXbEjYPtSwCK45ufn4+bNm7G6uhqTk5Nx8eLFGB0dLTbp+532x9sRVteuXatExF/PsiyGh4fj/PnzcerUqVhfX49bt27FgwcPmkv+bFgBAAAcZsVugJ3OtVpbW4uPP/447t27FwMDA3Hx4sWYnJwsuuc/v3z58mDrY+0Iq83NzW9HxGS5XI6TJ0/GxYsXY3BwMObm5uKTTz6JtbW1HUv/WqdVAAAAh0mx4q69cYqp1ezsbNy+fTvq9XpMTU3F2bNno1KpRJZlJ/M8v976WDvCqlQq/UaWZTEwMBCnT5+OCxcuRKPRiNu3b8fs7Gxz04r2a6ucWQUAABxGxQ6BredaFVOrpaWl+Oijj2JlZSVOnDgRFy5ciNHR0WLS9es7HqftcX8jy7IYGhqKU6dOxcmTJ6NarcbMzEwsLCzs2pLQtVUAAMBh1n6tVettfX097ty5E3Nzc9HX1xdTU1MxPj5e7A74G62P0wyrM2fODEfEt4rrq86cORP9/f2xtLQUc3NzzQOB2ydWdgIEAAAOs/apVeuBwffv3487d+5Eo9GI06dPx8TERJTL5ciy7JunTp0aaT5G8YdKpXI9Ivr7+vpibGwsTp06FaVSKebm5pqbVrR+keLetAoAADjM2idWEdG8X1lZidnZ2ajVajE+Ph7j4+MxMDAQEdFXqVT+w+IxSi0P9kqWZVGcXzU5ORmNRiNmZ2djaWkptre3Ox6gBQAAcNiVSqUdq/OKCdbGxkYsLCzE+vp6DA4OxsmTJ4sNLKJUKr3c/PziD3mevxARUalUYmxsLMbGxqJWq8Xc3FwsLy93PLvKMkAAAOBZUIRV+9Rqe3s7Hjx4EIuLi9HX1xeTk5PN86yKhorYuXnFi8WOgCdOnIjBwcFYXV2NhYWFqFaru/Z2L744AADAYde+HLC1f5aXl+P+/fuR53lMTEzE6OhocZ3Vi8Xnt5bRV4odAYstBJeXl2NlZSVqtVozpooHd20VAADwLCk2sSh2Py82sFhdXY0HDx5EnucxPj7enFhlWfaV5udGRFy+fHk8Ik6XSqU4duxYHD9+PCI+vVBrdXV117Sq0WiYVgEAAM+Uz86n2rFZX57nsbm5GQ8fPox6vR7Hjh2LY8eOFZdFTV64cOFExGdhlWXZmYhPC62YWBUjr42NjebEqnUZoOurAACAZ0kxPGpfEri5udlcyVepVGJwcLDZQ+Vy+dOWioio1+sjn+1q0SywRqMRS0tLsbm5ueMU4mIsBgAA8KwpplatE6tarRbVajW2traiv78/KpVKcY1VNBqN4YjPr7GaiPh0CjU0NBRDQ0NRr9djcXEx1tfXd02rXF8FAAA861onV5ubm7G5uRl5nsfAwEBxjVVkWTYe8VlY5Xk+EvHp6Ku/vz8GBgaaF2ltbW3tuMbKxhUAAMCzqnUDi9bzrLa3t2NzczMiIgYGBqK/v7+Irk9b6rNPHi4epK+vL7Isi+3t7ahWq81lgBHRnFrZuAIAAHgWtW+7nud51Ov12Nraiu3t7Wg0GtHX19e8xirLss/DKs/z4eKBipFWsYawtdQ++1hhBQAAPJOK1XntcbW9vR1bW1tRr9eLJYDFpxyLaDnHqti8olwuR6PRaIZVvV7fdTCwpYAAAMCzqFNYtS4HLLqovYlK7Q/S19fX3FKwWApY6PQAAAAAz5L2uGo0GlGr1ZpDp067pe+YWJXL5SiXy1Gr1WJzc7NZZK1bDQorAADgWdZ+nVVENK+1qtVqzchq1QyrIpqyLGtenFUcDFy8v/giAAAAR0FrXNXr9WZcFW+LiCzi87DKIj4vs06jruJBAQAAnmWdrrMq+qhopHY7rrFq3Va9+MT2ERgAAMCzrvUyqPbjp4qBVKtd+6YXE6vW66pMrAAAgKOmtX+KnQFbV/S16nggVesHtkZVsSU7AADAs6p9X4nWjfz2GjbtGVaW/wEAAHxuv0bquBQQAACAnfa7RGrPdX0CCwAAoDsumAIAAEh0YFg5EBgAADhqeu2griZW4goAAGBvXS8FFFcAAMBR0N4+rX/fq4t6usZKXAEAAEdFL/1j8woAAIBEwgoAACCRsAIAAEgkrAAAABIJKwAAgETCCgAAIJGwAgAASCSsAAAA9tDtWVbCCgAAoE0vhwNHCCsAAIADHRRau8Kq0ydkWdZ8e6/lBgAAcJh100D7TqxagwoAAIDOLAUEAABIJKwAAAASCSsAAIBEwgoAACCRsAIAAEgkrAAAABIJKwAAgA56OXqqp7ByphUAAHAU9No+JlYAAAAtWqOq28ASVgAAAImEFQAAQKI9w6p9/OX6KgAAgM5MrAAAABIJKwAAgETCCgAAIJGwAgAASCSsAAAAEgkrAACARMIKAACgTa9HTgkrAACAPXQbWMIKAADgAAcFVl+vD/Yk3L9//4l8XQAA4MmbnJx80k/hQAdOrJ5UTAEAABwWHcNqv5gSWgAAADt1fY2VoAIAAOjM5hUAAACJhBUAAEAiYQUAAJBIWAEAACQSVgAAAG163bxPWAEAAHTQS1wJKwAAgETCCgAAIFFXYeVwYAAAgL31NLESWAAAALtZCggAAJBo37DKssyUCgAA4AAmVgAAAImEFQAAQCJhBQAAkEhYAQAAJBJWAAAAbYpN/LrdzE9YAQAAtGiPqm7iSlgBAAAkElYAAACJhBUAAECirsOq24u2AAAAjpqeJlbiCgAAYLeuwqo1qMQVAADATq6xAgAASCSsAAAAEgkrAACARMIKAAAgkbACAABoU2za136/F2EFAADQwX4x1f4+YQUAAJBIWAEAACQSVgAAAImEFQAAQCJhBQAAkEhYAQAAJOrr9gMP2rcdAADgqDKxAgAASLRnWGVZtuMGAABAZyZWAAAA++hm0CSsAAAA2uwVU3u9XVgBAAC0KOKp/bKo/SZXwgoAACCRsAIAAEgkrAAAABIJKwAAgETCCgAAIJGwAgAASCSsAAAAEgkrAACARH3dfuB+h2EBAAAcZSZWAAAAB8jzfN/3CysAAIA2va7YE1YAAAD7yLLswNASVgAAAImEFQAAQCJhBQAAkEhYAQAAJBJWAAAAiYQVAABAImEFAACQSFgBAAAkElYAAACJhBUAAEAHWZZ1/bFdhVUvDwgAAPCs6LaFeppYCSwAAOAo6LV9Dgyr4gHb7wEAAPiUa6wAAAASCSsAAIBEwgoAACCRsAIAAEgkrAAAABIJKwAAgETCCgAAIJGwAgAAaPEoZ/cKKwAAgETCCgAAIJGwAgAA6KCXJYHCCgAAYA/dxpWwAgAAaNMaVFmWHRhYPYXVo+yOAQAA8KzbN6yKkBJUAAAAe+t6YiWuAAAAOtsRVuIJAACgdzavAAAASCSsAAAAEgkrAACARMIKAAAgkbACAABIJKwAAAASCSsAAIBEwgoAAKCDXs75FVYAAABdKEKrU3AJKwAAgDb7RVQnwgoAACDRgWHVy7pCAACAo8jECgAAIFHHsNprSmV6BQAAsNueEysRBQAA0J2ulgJmWdbzrhgAAABHhWusAAAAEgkrAACARMIKAACgxaNc/iSsAAAAEgkrAACARMIKAABgH90sDRRWAAAAHfRyrZWwAgAASCSsAAAAEgkrAACARMIKAAAgkbACAABIJKwAAAASCSsAAIBE+4ZVnudf1vMAAAA4tHqaWPVyQBYAAMBRsW9YCSkAAOCoeZSVewdOrMQVAABwlGRZ1uyg1sjaL7hsXgEAAJBIWAEAACQSVgAAAHvo9tIoYQUAAJBIWAEAAHTQOq06aHIlrAAAAPbRTWAJKwAAgETCCgAAIJGwAgAASCSsAAAAEgkrAACARMIKAAAgkbACAABIJKwAAAASdR1WB500DAAAcFR1FVaiCgAAOEp6bSBLAQEAABL1FFYmVwAAALuZWAEAACQSVgAAAImEFQAAwB66vRxKWAEAAHTQHlX7RZawAgAASCSsAAAAEgkrAACARMIKAAAgkbACAABIJKwAAAASCSsAAIBEwgoAACCRsAIAAEgkrAAAABL1HFZZln0RzwMAAODQMrECAABIJKwAAABaZFnW80o9YQUAAJBIWAEAACQSVgAAAIm6Diu7AQIAAHRmYgUAALCPboZMwgoAAOAAB8VVV2FlGSAAAHAUddtCJlYAAACJDgyr1kIzuQIAANht37ASUgAAAAezFBAAACCRsAIAAEgkrAAAABIJKwAAgETCCgAAIJGwAgAASCSsAAAAEgkrAACARMIKAAAgkbACAADoIMuyrj9WWAEAACQSVgAAAImEFQAAQJtelgFGCCsAAIBkwgoAACCRsAIAAEgkrAAAABIJKwAAgETCCgAAIJGwAgAASCSsAAAAEgkrAACARMIKAAAgkbACAABIJKwAAAASdR1WWZZ9kc8DAADg0DKxAgAASCSsAAAAEu0Kq2LJn6V/AAAA3TGxAgAASCSsAAAAEgkrAACARMIKAAAgUVdhZUMLAACAvZlYVfTESgAAIABJREFUAQAAJBJWAAAAiYQVAABAImEFAACQSFgBAAAkElYAAAAtHmU3dGEFAACQSFgBAAC06XVqJawAAAASCSsAAIBEfU/6CQAAADyNiuWA3SwLNLECAABIJKwAAAASCSsAAIBEwgoAACCRsAIAAEgkrAAAABIJKwAAgETCCgAAIJGwAgAASCSsAAAAEgkrAACAA2RZtu/7hRUAAEAiYQUAAJBIWAEAACQSVgAAAImEFQAAQCJhBQAAkEhYAQAAJBJWAAAAiYQVAABAImEFAACQSFgBAAAkElYAAACJhBUAAEAiYQUAAJBIWAEAACQSVgAAAImEFQAAQCJhBQAAkEhYAQAAJBJWAAAAiYQVAABAImEFAACQSFgBAAAkElYAAACJhBUAAEAiYQUAAJBIWAEAACQSVgAAAImEFQAAQCJhBQAAkEhYAQAAJBJWAAAAiYQVAABAImEFAACQSFgBAAAkElYAAACJhBUAAEAiYQUAAJBIWAEAACQSVgAAAImEFQAAQCJhBQAAkEhYAQAAJBJWAAAAiYQVAABAImEFAACQSFgBAAAkElYAAACJhBUAAEAiYQUAAJBIWAEAACQSVgAAAImEFQAAQCJhBQAAkEhYAQAAJBJWAAAAiYQVAABAImEFAACQSFgBAAAkElYAAACJhBUAAEAiYQUAAJBIWAEAACQSVgAAAImEFQAAwAHyPN/3/cIKAAAgkbACAABIJKwAAAASCSsAAIBEwgoAACCRsAIAAEgkrAAAABIJKwAAgETCCgAAIJGwAgAASNT3pJ8AAADA0yjP8x33+zGxAgAASNRVWPVSagAAAIddr+1jYgUAAJBIWAEAALR4lJV6wgoAACCRsAIAAEi0K6xsVAEAANAbEysAAIBEXYeVCRYAAEBnJlYAAACJhBUAAEAiYQUAAJBIWAEAACQSVgAAAImEFQAAQCJhBQAAkEhYAQAAJBJWAAAAiYQVAABAImEFAACQSFgBAAAkElYAAACJhBUAAEAiYQUAAJBIWAEAACQSVgAAAImEFQAAQCJhBQAAkEhYAQAAJBJWAAAAiYQVAABAImEFAADQJs/znj5eWAEAACQSVgAAAB30MrUSVgAAAIn2Date1xUCAAAcRQdOrFrjSmgBAADsZikgAABAoq7CyqQKAABgbyZWAAAAiYQVAABAoq7DynJAAACAzkysAAAAEgkrAACARMIKAAAgkbACAABI1HNY2cQCAABgJxMrAACAPXQ7WBJWAAAABzgosIQVAADAPrqZWgkrAACARMIKAAAgkbACAABIJKwAAABa5Hne8zFTwgoAACCRsAIAAEgkrAAAABIJKwAAgETCCgAAIJGwAgAASCSsAAAAEvUUVr3u5Q4AAHAUmFgBAAAkElYAAACJugorSwABAAD21vXESlwBAAB0ZikgAABAImEFAADQQfuqvf1W8QkrAACAPXR7SZSwAgAASCSsAAAAEgkrAACARMIKAACgTa/HTQkrAACARMIKAAAgkbACAABIJKwAAAASCSsAAIBEwgoAACDRgWHV6zaDAAAAR82+YSWqAAAADtbTUkChBQAAsJtrrAAAABLtG1ZZln1ZzwMAAOCp1Lpyb69VfCZWAAAAHXQTVAVhBQAAsIdu95kQVgAAAImEFQAAQCJhBQAA0OJRjpkSVgAAAG2KuGrdKX2/XdOFFQAAQItHOXZKWAEAACQSVgAAAImEFQAAQCJhBQAAkEhYAQAAJBJWAAAAiboKqzzPm/u4P8phWQAAAM+yPcNKQAEAAHSnY1jtFVViCwAAYDfXWAEAAHTQy+VQwgoAACDRgWFl+R8AAMD+TKwAAABaPMpwSVgBAAAkElYAAACJhBUAAEAiYQUAAJBIWAEAACQSVgAAAImEFQAAQCJhBQAAkEhYAQAAJBJWAAAAbfI833F/kB1h1e0nAQAAHDX7xVbXEyvRBQAAHCW9NNC+YdXr+AsAAOAo6ukaK4EFAACwm80rAAAAEgkrAACARMIKAAAgkbACAABIJKwAAAASCSsAAIBEwgoAACCRsAIAAEgkrAAAAA6Q5/m+7xdWAAAAbVpD6qCoihBWAAAAe+omqiKEFQAAQEfdRlXEI4RVLw8OAABwFBwYVkVICSoAAOAoeJT26WliJa4AAAB26yqsBBUAAMDebF4BAACQSFgBAAAkElYAAACJhBUAAEAiYQUAAJBIWAEAACQSVgAAAImEFQAAQJtez/IVVgAAAB3ked51YAkrAACARMIKAAAgkbACAABI1HVY9XrxFgAAwFHR08RKXAEAAOxmKSAAAEAiYQUAAJBIWAEAACQSVgAAAImEFQAAwD662cRPWAEAALRpj6mD4kpYAQAAJBJWAAAAB8iybN/3CysAAIBEwgoAACDRnmGV53lXu18AAAAcdQdOrAQWAADA/iwFBAAASNR1WJlcAQAAdGZiBQAAkEhYAQAAJBJWAAAAiYQVAABAi2JvifZ9Jvbbc0JYAQAAtNkrovZ6u7ACAADYRze7owsrAACARMIKAAAgkbACAABIJKwAAAASCSsAAIBEXYVVt3u3AwAAHEUmVgAAAIl6CivTKgAAgN26DitRBQAA0JmlgAAAAB3ked4cMLUPmtr/LqwAAADa9LpiT1gBAAAkElYAAACJhBUAAEAiYQUAAJBIWAEAACQSVgAAAIkODCsHAwMAAOxv37ASVQAAAAezFBAAACBRT2FlggUAALBbV2ElqAAAgKOi6J/2+/1YCggAANCml6iKEFYAAADJhBUAAEAiYQUAAJBIWAEAACQSVgAAAImEFQAAQCJhBQAAkKjrsHJIMAAAQGcdw2q/iBJYAAAAOx04sRJSAAAA++vr5YNFFgAAcBT02j42rwAAAEgkrAAAABIJKwAAgETCCgAAIJGwAgAASCSsAAAAEgkrAACARMIKAAAg0Z5h5TBgAACA7nQ1scrzXGgBAABHTtFCBzWRpYAAAACJ+p70EwAAAHja9Lpir6eJleWAAAAAu1kKCAAAkEhYAQAAJBJWAAAAiYQVAABAImEFAACQSFgBAAAkElYAAACJ9g0r51YBAAAc7MCJlbgCAACOktYG6raH+vZ7kNa3FW8XWgAAwLOu1+5xjRUAAEAiYQUAAJBIWAEAACQSVgAAAImEFQAAQCJhBQAAkEhYAQAAJBJWAAAAiYQVAADAPro5LFhYAQAAHOCguOoprLopNQAAgMOuaJ9uG6jrsBJVAAAAnXUVVqIKAABgbweGlagCAADYn80rAAAAEgkrAACARMIKAAAgkbACAABIJKwAAAASCSsAAIAOOu2Qvteu6cIKAACgRXs8dXME1Z5hlef5Iz0gAADAYddr+5hYAQAAJOo6rIpiM7UCAADYycQKAAAgkbACAABIJKwAAAASCSsAAIBEwgoAACCRsAIAAEgkrAAAADrI83zHcVP7HT0lrAAAABIJKwAAgDb7Tac6EVYAAACJDgyr1nWFvVYbAADAUdD1xEpUAQAAdGYpIAAAQCJhBQAAkEhYAQAAJBJWAAAAiYQVAADAPlp3St+LsAIAAGjRetxUp6Dq9DZhBQAAkEhYAQAAJBJWAAAAiTqGVeuawk73AAAAfK7niZW4AgAA2MlSQAAAgETCCgAAIJGwAgAASCSsAAAAEgkrAACANr1u2iesAAAAOsjzvOvA2jOssix7bE8IAADgsOomrkysAAAAEgkrAACARAeGVTH26vXiLQAAgKOip4mVuAIAANitq7ASVAAAAHtzjRUAAEAiYQUAAJBIWAEAALRpvxzqoMOChRUAAECLR9ljQlgBAAB00EtgCSsAAIBEwgoAACCRsAIAAEi0Z1g5FBgAAKA7+06sWuPqoO0FAQAAjqqelwKKKwAAgJ1cYwUAAJBIWAEAACQSVgAAAG2KS6C6vRRKWAEAAHTQS1wJKwAAgETCCgAAIJGwAgAASCSsAAAAEh0YVg4EBgAA2F9XE6s8z5s3AAAAdrIUEAAAIJGwAgAASCSsAAAAEgkrAACAFq37S+x1305YAQAAJBJWAAAAiYQVAABAImEFAACQSFgBAAAkElYAAACJhBUAAEAXsizb833CCgAAIJGwAgAASCSsAAAA2uR5HnmeN/98EGEFAACwh26iKkJYAQAAJBNWAAAAiYQVAABAImEFAACQSFgBAAAkElYAAACJhBUAAEAiYQUAAJBIWAEAAHTQejhwnuf7HhYsrAAAAFocFFGdCCsAAIBEwgoAACCRsAIAAEgkrAAAABIJKwAAgETCCgAAIJGwAgAASCSsAAAAEgkrAACAPXR7WLCwAgAAaNNtUBWEFQAAQCJhBQAAkEhYAQAAJBJWAAAAiYQVAABAImEFAACQSFgBAAAkElYAAACJhBUAAEAiYQUAAJBIWAEAACQSVgAAAImEFQAAQCJhBQAAkEhYAQAAJBJWAAAAiYQVAABAImEFAACQSFgBAAAkElYAAACJhBUAAEAiYQUAAJBIWAEAACQSVgAAAImEFQAAQCJhBQAAkEhYAQAAJBJWAAAAiYQVAABAImEFAACQSFgBAAAkElYAAACJhBUAAEAiYQUAAJBIWAEAACQSVgAAAImEFQAAQCJhBQAAkEhYAQAAJBJWAAAAiYQVAABAImEFAACQSFgBAAAkElYAAACJhBXw79u7tx+5zzy/75869IHdTfaBbJHspkhKlMQZaTWZ1aywi5nZ1UrwhZ3AhmPY8AKBDfvC8OEPMJKbALEDI4ivbRhBEgT2InCSK+fCQWDsASuOLO2uMhMdZiSOSJHdJEWyu6k+H6vq54tR1RSbTZ0e6sR5vYBCz4y6q36lHoD15vf5PQ8AAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFhBUAAEAhYQUAAFBIWAEAABQSVgAAAIWEFQAAQCFhBQAAUEhYAQAAFBJWAAAAhYQVAABAIWEFAABQSFgBAAAUElYAAACFml/1BXwax44d+6ovAQAA4L5MrAAAAAoJKwAAgELCCgAAoJCwAgAAKCSsAAAACgkrAACAQsIKAACgkLACAAAoJKwAAAAKCSsAAIBCwgoAAKCQsAIAACgkrAAAAAoJKwAAgELCCgAAoJCwAgAAKCSsAAAACgkrAACAQsIKAACgkLACAAAoJKwAAAAKCSsAAIBCwgoAAKCQsAIAACgkrAAAAAoJKwAAgELCCgAAoJCwAgAAKCSsAAAACgkrAACAQsIKAACgkLACAAAoJKwAAAAKCSsAAIBCwgoAAKCQsAIAACgkrAAAAAoJKwAAgD5VVX3mnxFWAAAAfR5IWNVqtQdyMQAAAN9EnxRWBzXTgROrWq121wMAAOBX1afpo08Mq/7/LUk6nc4XcKkAAABfD92J1f4e+kxhVavVUq/XU6/X7/nhWq32udYbAgAAfFN0Op27Gqj76O+k/e4Kq/4f7v4QAADAr5KDhkn1ej2NRqPXSPvj6sCJVaPRyMDAQO8H3WsFAAD8quje/tQ/qWo0Gmk2m584seolWa1WS7PZTLPZTKPR6D1R90ktBQQAAB5W7XY7yd1R1T98ajab+8OqSj5hYtVfZN2HzSsAAICHVVVV90RVvV5Ps9m8X1gl+ZjNK/YvBex+NbECAAAeVgdNrPrD6lNvXtGdWHWfYP8OgYkt1wEAgIdTq9W6ZyfA7v1Vg4ODvc0rupOtrnqS1Gq1je40av/E6qDt14UVAADwMGq32/c0UKPRyODgYIaGhtJoNLK3t5d2u91dzbeZfBRWnU5nvfsk3UIbHh7O8PBwbw1h/3JAYQUAADxsOp1Oqqq6Z/VevV7P0NBQhoaGUqvVsre312uiqqrWk19OrNarqkq73c729nZqtVoOHTqU4eHhe5YD1uv13rpDAACAh0V3WrV/sNRdBjg4OJiqqtJqtXoRVqvVfhlWSZa7YbWzs5N2u53h4eGMjIz0Jlb9cWViBQAAPGy6q/f2T6uazWZGRkYyODjYW+XXN7FaTj4Kq3a7vfbR1+zs7GR3dzeNRiMjIyO9dYT9L1BVld0BAQCAh0qr1bpnxV6j0cjw8HDGx8fTbDazvb2dra2tXljV6/WN5KOwGhoaupX8Yk1h9xsbjUbGx8czPDx84AYWlgMCAAAPi1arlSQH7o5+6NChTExMpNFoZG1tLRsbG70earfbt5KPwury5csrVVXd6nQ62djYyNraWur1eqampjI6OnrPxMp9VgAAwMOkO63aP1RqNps5fPhwJicnU6vVsra2ls3Nze49VovXrl27k/SdY1Wr1d5pt9tZXV3N0tJSkuTo0aMZHx+/56Dger3uPisAAOChsX+b9e75VY1GI2NjY5mYmEiSrKys9E+s3un+fC+sqqp6t91uZ2NjoxdWU1NTmZiY6B2E1f+oqkpcAQAA33jd1XjdmOq/BWpoaChTU1OZmppKu93O0tJS1tbWuhOrd7vP0T+xulhVVTY2NnLnzp1sb29nbGwsk5OTGRoaumdiZTkgAADwMNjd3e1tVLF/oDQ6Oprjx49ndHQ0m5ubWVxczPb2dve8q3vDqqqq/z9J9vb2sry8nLW1tQwNDeXEiRM5fPjwXfu4Ww4IAAA8DDqdTjqdzl1R1X+O1ZEjR3LixIk0Go3cuXMnS0tL2d3dTZK02+03u8/TC6tWq/VKVVW7rVYrH374YRYWFlKr1TI7O5ujR4/edZ5V96vlgAAAwDfZ7u7uPVOq7mNgYCBHjx7NyZMnU6vVcvPmzdy5cyetVitVVbV2dnYudJ+nF1Y3btzYTPJaq9XK0tJSrl+/nk6nkxMnTuT48eO9bdf3LwfsbksIAADwTdIdFO3fXr37GBkZycmTJ3Ps2LHs7u7mgw8+yPLycveWqNcWFhbWu89V3/fcf9jpdLK+vp7r169ndXU1R44cyalTpzI2NnbgfVYOCwYAAL6JuvdW9W9a0X8w8OTkZM6cOZPR0dHe8GljY6PbQH/U/1x3hVVVVX+YJNvb2/nggw9y8+bNNJvNnD17No888kgGBgYO3Nvd1AoAAPgm6XQ6abfbvS3V90+sBgcHc/LkyZw5cyZJMj8/n5s3b2Z3d7e7ccX9w+rIkSOvVlW1sru7m8XFxczNzaXT6WRmZianTp3KoUOH7plYdTexMLUCAAC+Kfb29u7pmv5bn8bGxnLmzJmcPHky29vbuXLlShYWFrpDpdVarfZK//PdFVZvv/32bpL/u9PpZGVlJXNzc1leXs7k5GQef/zxTE1N9Tax2D8ys/U6AADwTdBqtXo7Ae4/t6pWq6XZbObEiRN56qmnMjIyklu3bmV+fr63DDDJv7ty5cp2/3Puv8cqSf51kmxtbWV+fj5Xr15No9HIk08+mdOnT2doaOjAqVW73Ta1AgAAvtaqqsre3t6BZ1Z1O2d0dDTnzp3LY489llarlUuXLuX69eu9ZYD5qJn63RNWc3Nzf1BV1aXd3d3cvHkzFy9ezPr6emZmZvLEE09kYmIijUbjwLhyrxUAAPB19nEbVtRqtQwMDOTEiRM5f/58JiYmcuvWrVy8eLG3zXqSK3Nzc3+w/3kPmlhVSX6/qqqsrq7m8uXLmZuby9DQUM6fP59HH300g4OD9ywHbDQadggEAAC+tg5aArj/3qrR0dE8+eSTefLJJ9Nut/Pee+/lypUr2dzc7PbO7+cXzXSXg8IqrVbrf6mqam93dzfXr1/Pz3/+82xububMmTN5+umnMzk5ec+9Vt3H3t7eF/4vBAAA4LPodDrZ3d29J6q6YZUkg4ODefTRR/Od73wnx44dy8LCQt55553cvn272zl7zWbzfz7o+Q8Mqxs3bswn+bedTifLy8u5ePFi5ubmMjIykmeeeSbnzp3L8PDwPXXXXSJoSSAAAPB1UVVVdnZ2elF10KYV9Xo9k5OTefrpp/Otb30rnU4nFy9ezKVLl/o3rfi377///tWDXuPAsEqSdrv931dV1epuLfjTn/40a2trOXv2bL7zne9kenq6N7Xqr71Go5FOp5NOp/NF/XsBAAD41HZ2dnqH/h40rarVahkZGcnZs2fz3e9+NxMTE7l27VrefPPN3Lp1qzut6tTr9X92v9do3O8frK2tLY2Pj5+vquo73QnU9PR0ZmZmMjw8nMXFxSwsLPTvjJFarda7z6rdbt81VgMAAPiy7ezsJEmazeZ9p1VDQ0OZmZnJD3/4wzz33HPZ3d3Nq6++mj//8z/P4uJi92ip//Pq1av/6n6vc9+wSpLx8fF3kvzDTqdT29vby/DwcE6dOpXjx4+n0+nk9u3bWV5evuuA4G5IdeOq0fjYlwAAAPhCdIdAjUbjrrDqj6pGo5Gpqal873vfy2//9m9ncnIyP/vZz/KjH/0o77//fjfMqk6n81+trq7eut9rfWz1rKysLIyPjz+R5D9rt9vpdDqZmJjIqVOnMjU1le3t7dy+fTvr6+vpdDr3TKeqqurtugEAAPBl2dnZSafT6QX4hlZfAAAOiklEQVRVs9k88MyqsbGxPPPMM3nxxRdz7ty5fPDBB7lw4ULeeuutrK6udm9x+v35+fn7TquSTwirJBkbG/uTWq32tzudztje3l5qtVqOHj2amZmZjI6OZnl5OYuLi9nZ2Tlwq/XuNKtev+/tXAAAAA9MN6oOmlTtXwJ49uzZvPDCC/n1X//1bG9v57XXXstrr72Wmzdvdjflu9Nqtf7y2tra5se95ieG1dra2tb4+PhCVVX/5d7eXra2tnqHZs3MzKTZbGZpaSnLy8vdtYdJfnm/VZK02+1eEQIAAHwRurv/3W/530H3Vf3gBz/I97///QwNDeWNN97Iyy+/nPfffz/b29vdnvlvrl279kef9Nqfao3eysrKG0eOHHkhydm9vb3s7OxkdHQ0MzMzeeSRR1JVVRYXF3ujsqqq7lkW2I0ucQUAADxonU4n29vbSfKxUZX84ryqRx55JL/1W7+VF154IceOHculS5fy8ssv5+23387a2lp3CeDLc3Nz/ygHHAi836e++WlycvJPqqr6u+12e2hnZyd7e3sZHx/P7Oxspqen0263c+fOnd79Vl3dIkxMrgAAgAev3W5nZ2cn9Xo9zWbzY6NqYGAgx44dy2/8xm/kxRdfzKOPPpobN27kwoULef3117O0tNQdCq11Op3/fHV1denTXMOnDquVlZXl8fHxy0n+RqvVytbWVqqqysTERGZmZnL06NG0Wq3cuXMnW1tb9z3Hqt1u90ZzAAAAn1dVVdnd3c3u7u49h//eL6qmpqby3HPP9TarWFxczIULF3r3Ve3t7XWPkPo7165d+5NPey2fqW5WVlbeHh8fn0nyvZ2dnWxsbKTT6fQ2sxgfH8/Ozk7u3LnTu2EsyT3LArsHCDvnCgAA+DxarVbvfqrulKp/WnVQVB09ejTf+9738tJLL+X8+fNZWVnJq6++mldeeSXz8/P9G/L9m/n5+X/6Wa7nM4+Npqen/0O73f6LVVXNbG9vZ2NjI1VV5dixYzl16lQmJyfTarWysrKS7e3te+Kq+7XT6aTVaqXRaIgrAADgU6mqKtvb29nb20u9Xr/vlGr/RhXT09N5/vnn89JLL+Wpp57K6upqXnvttVy4cCFXrlzp36zix61W66+tra3tfZbr+sxhdefOnfbhw4f/fa1W+71Op3N4Z2cn6+vrvW3YZ2dnc/To0VRVldXV1d5UK/nl/Vb99119tIWh+64AAID76m5O8dGBvXedT3XQfVXdvR2Gh4dz4sSJ/OZv/mZeeumlnDt3LsvLy3n11Vfzox/9KJcvX87m5ma3WT5oNpt/YW5ubvGzXt/nutFpdXV17fDhw/+hVqv9XrvdPrS5uZn19fW77rk6duxYarVa1tfXs7W1dc9W7P1arVba7bbpFQAAcJf+oOqej7s/qg7aTr1er2d0dDRnzpzJD37wg7zwwgs5ffp0lpaW8uqrr+bChQv7o+rDTqfzF65evXrx81zn595BYnV19fb4+PiFJH+z0+kMrq+vZ2VlJa1Wq7db4PHjxzM4OJitra3euK57ttX+6VVVVdnb+8W0zcYWAADwq6u7KcX+oNofUwdNqWq1WprNZiYnJ/Ptb387L774Yr7//e9neno6N2/ezCuvvJJXXnklV65c6Y+qzST/xfz8/J993msuKpiVlZX5iYmJH1dV9Tfa7XZjc3Mzy8vL2d3dzeHDh3Py5MnMzs5mfHw8rVYrGxsbvbjaH1bdR7vd7i0PFFgAAPCroTto2d7eztbWVlqtVm/y1B9R+7/2T6qazWYOHTqUmZmZ3iYVzz33XIaHh3Pp0qVcuHAhf/qnf5q5ublsbm52hz57tVrtr8/Nzf1ByfUXl8vKysp7R44c+dMkf7Xdbg9142prayuDg4M5fvx4Tp06lenp6dTr9WxtbWVvb6+37Xpy8PSq3W6bYAEAwEOq3W73zp/a2trqxVR3CLN/U4r7Tam64TU4OJjJycmcP38+P/zhD/M7v/M7efLJJ7Ozs5M333wzL7/8cl5//fV88MEH/RtVbFZV9Vfn5ub+n9L380CKZXV19dLExMT/m+Svtdvt0a2trdy5cyerq6upqiqTk5OZnZ3N7OxsDh8+nCTpHjLcDamDpldJeoFle3YAAB5m3aHDp/3eT/vodDqf6Xs/y6Pdbn/sP2u1Wmm1Wtnb2+tNo7oTqe6tQt29GPoj6X5Rdb+gGhsby+nTp/P888/nd3/3d/P8889namoqt27dyp/92Z/l5ZdfzltvvZXFxcX+25MWa7XaX5qbm/vjB/H7e6CVMjs7+1Sj0fj3tVrtXKPRyOHDh3P27Nk899xzee655zI7O5t2u53Lly/nxz/+cd54443Mz89nfX09e3t7vUL9uF9Q/2nKdhIEgAfjs36g+6q/9+tyHV/FNR/0l8xf92v+Mr/363Idn/WaH1YH/f+1/xim/Y/+rdLv9+hOs5rNZkZHRzM9PZ0nnngizz77bJ555plMTU1lc3Mz7733Xn7yk5/krbfeyo0bN7K5udm75SjJ+41G4y+9//777z6w9/qgnqjrxIkT00NDQ/+6qqq/WK/Xc+jQoRw/fjy/9mu/lu9+97s5f/58xsbGsrq6mosXL+YnP/lJ3nvvvdy4cSPr6+vZ3d392LDqFnen0+mto+wWrGkWfDN9Hf5Qe1B/aH+ZH3h+FT5ofNnXUfr7e1DX8WV+L8CXYf+Ztvtj6pOiqv+fDw4OZnR0NCdOnMjjjz+ep59+Ok899VQeeeSRdDqdXL9+PW+//XbeeOONXL58OcvLy/0H/ybJHw0MDPzepUuXbj/Q9/ggn6xP/fTp0/84yT+t1WrNgYGBTExM5OzZs/n2t7+dZ599NqdPn87g4GDu3LmT9957Lz/96U9z6dKl3LhxIysrK73AOiiy+kea/aPN/l/M/p1Bkl+eldX/B+dX/YdadynkZ/FVX/Nn/d4H9dz+hu7Tf/+n+UuGr8s1AwAPt/tNqPqD6ZPCamBgIENDQ5mamsr09HTOnj2bb33rW3niiSd6Z+guLi7m5z//ed588828++67WVhY6B379NHnk05VVf/t/Pz8/5Ck/XHX/Lne54N+wn6PPvrob9dqtf89yalGo5GhoaEcO3Ys586dy7PPPpvz58/n+PHjaTabWVlZyZUrV/Kzn/0sly5dyu3bt7O0tJTNzc3e2sv+yLpfXHUfSe75uv8/AwAAD96nnVDdL6i6q9KGh4dz+PDhHDt2LLOzs3nsscfy+OOPZ2ZmJmNjY+l0OllYWMilS5fyzjvv5PLly7l582ZWV1fTarW6W6knyY0kf7t057+Pfc9f1BN3nTp1aqper/+zJH+vVqvVG41GxsbGcvz48Tz22GN56qmncu7cuZw8ebJ35tXNmzdz9erVXLlyJdeuXcvCwkI+/PDDbG5u3rVUcH9o7Y+sRFwBAMCXqX/lzMfdQ9W/81//VGp0dDTj4+M5evRojh07lpmZmZw5cyazs7OZmJhIvV7P7u5ubt++ncuXL+fixYu5fPlybt26lY2Njezu7vYHVSfJ/9put//r69evL32h7/uLfPJ+Z8+e/a1Op/MvkjxXq9UyODiYkZGRTE9P5/Tp0zl37lzOnTuXmZmZHDp0KFVVZXt7O7dv3861a9dy7dq13Lp1q7fb4ObmZjY3N3u7C3aLdP/0Ksk9/71LYAEAwIOxP6i6X/fv9DcwMJBms5mhoaEcOnQoIyMjGRsby9jYWCYmJvLII49kZmYmJ06cyNTUVEZGRlKv19Nut7O8vJxr167l6tWrmZ+fz/z8fBYXF7OxsbH/PqokebNWq/39q1ev/scv5f1/GS/Sp3HmzJl/UFXVf5fkaK1Wy8DAQEZGRjI5OZmTJ0/m9OnTefTRRzM7O5tjx45laGiod1jYxsZG7ty5k6Wlpdy5cycffvhhVlZWsrGxke3t7ezu7va2dOxOs2q1Wq9Y7zfNAgAAyuxf9tcNqm5IDQ8PZ3h4uBdThw8fzsTERCYmJjI5OZkjR45kbGwsQ0NDvY3pdnZ2srq6moWFhd6w5fr161lYWMjq6mpvy/Z9n+uXkvyTubm5f5mkdcClfjHv/8t6oX7T09Njw8PDf69Wq/3jJCe6u/sNDAxkbGwsU1NTOX78eE6cOJHZ2dkcP348R48ezcjISBqNRi+aWq1Wdnd3e4/t7e3eBKt7T1b/9u3dr8IKAAAerP1Tqu59UkNDQxkcHMzw8HAGBwczMDDQ+9q/w3eS3jBlaWkpt27dysLCQhYXF7O4uJilpaWsrKz0Yqr/c/1HblZV9c+3t7f/p4WFhfUv/f1/2S/Y7+zZs8PtdvvvfBRYj+0v29HR0UxMTOTo0aOZmprK5ORkJicnMzExkbGxsRw6dCjDw8NpNpu95+wGVPfRnWB1z8gSVgAA8MXYfy9V/xLA7m7Y3c/k7XY729vbWV9fv+uxurqa5eXlLC0tZX19vRdS/YcJ7/scf6Wqqv+xqqr/7dq1a1tfyRvPVxxWfepnzpz53aqq/laSv55krPtL6Z6m3B0fjo6OZnR0NGNjYxkZGekVcP9pzEnu2kWw/5eQCCoAAPgi9W9YkaQXU91Hd/CxtbWVjY2NbG1t9Q7w7e6f0H107fsMv5Hk/6rVav/m6tWrf5xfbFLxlfq6hFXP9PT02MjIyF+pqupvJnkxyeH+G+G68dRsNu/aUaS/jPvtX/4HAAB8efbHVXcPhO5n9P7bdvrPeD3g8/takj+u1Wr/x+bm5r/7Kpb7fZyvXVjt0zx16tT36vX6S/lFZH0/yej+w08/6ZDdz3MILwAAUKb/c/v9Po9/zOf0zSQ/SvJHnU7nD48fP/7/vf7663sP+hoflK97WO1Xf+yxxx5ttVrfqtVqT1VVdb5Wqz2RZDLJ4b7HWJLGV3mhAADAgdpJ1vOLCVT3sVxV1c9rtdq7VVW922w2333//ffn8zVY4vdpfdPC6tOqJal/4ncBAABftk4Sy8kAAAC4238CkAMVLNSw/4QAAAAASUVORK5CYII=") !important;
}
.LiveViewContents---responsive_frame > div {
  height: 100% !important;
}
.LiveViewContents---phone .LiveViewContents---responsive_frame > div,
.LiveViewContents---tablet .LiveViewContents---responsive_frame > div {
  position: absolute !important;
  overflow-y: auto !important;
  pointer-events: auto !important;
  overflow-x: hidden !important;
}
.LiveViewContents---phone .LiveViewContents---responsive_frame > div.LiveViewContents---transparent,
.LiveViewContents---tablet .LiveViewContents---responsive_frame > div.LiveViewContents---transparent {
  background-color: #f0f0f0 !important;
}
.LiveViewContents---phone .LiveViewContents---responsive_frame > div.LiveViewContents---white,
.LiveViewContents---tablet .LiveViewContents---responsive_frame > div.LiveViewContents---white {
  background-color: #fff !important;
}
.LiveViewContents---phone .LiveViewContents---responsive_frame > div {
  height: calc(100% - 72px) !important;
  width: calc(100% - 54px) !important;
  padding-top: 14px !important;
  padding-right: 0 !important;
}
.LiveViewContents---contains_fixed_header.LiveViewContents---phone .LiveViewContents---responsive_frame > div {
  padding-top: 0 !important;
}
.LiveViewContents---phone.LiveViewContents---rotated .LiveViewContents---responsive_frame > div {
  height: calc(100% - 54px) !important;
  width: calc(100% - 72px) !important;
  padding-top: 14px !important;
  padding-right: 0 !important;
}
.LiveViewContents---contains_fixed_header.LiveViewContents---phone.LiveViewContents---rotated .LiveViewContents---responsive_frame > div {
  padding-top: 0 !important;
}
.LiveViewContents---tablet .LiveViewContents---responsive_frame > div {
  height: calc(100% - 86px) !important;
  width: calc(100% - 212px) !important;
  padding-top: 7px !important;
  padding-right: 0 !important;
}
.LiveViewContents---contains_fixed_header.LiveViewContents---tablet .LiveViewContents---responsive_frame > div {
  padding-top: 0 !important;
}
.LiveViewContents---tablet.LiveViewContents---rotated .LiveViewContents---responsive_frame > div {
  height: calc(100% - 212px) !important;
  width: calc(100% - 86px) !important;
  padding-top: 7px !important;
  padding-right: 0 !important;
}
.LiveViewContents---contains_fixed_header.LiveViewContents---tablet.LiveViewContents---rotated .LiveViewContents---responsive_frame > div {
  padding-top: 0 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* AN-79558: For some reason, the quoted font families are not processed the same way in LESS when they're used inside a
  detached ruleset (@shared-input-styles, here), and our theming extractor ends up not picking them. Moving the font-family
  declaration out of it addresses this. */
.EditComponentFieldWidget---text,
.EditComponentFieldWidget---password,
.EditComponentFieldWidget---textarea,
.EditComponentFieldWidget---textarea_print,
.EditComponentFieldWidget---dropdown_value,
.EditComponentFieldWidget---picker_value,
.EditComponentFieldWidget---date_range_value {
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
}
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.EditComponentFieldWidget---text {
  display: inline-block !important;
  word-wrap: break-word !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background-color: transparent !important;
  color: inherit !important;
  border: none !important;
  outline: 1px solid #1d659c !important;
}
.EditComponentFieldWidget---text:focus {
  outline-offset: 0 !important;
}
input::-ms-clear {
  display: none !important;
}
.EditComponentFieldWidget---editComponentFieldInputForm {
  font-size: 2.1429rem !important;
  line-height: 1.1 !important;
  font-weight: 600 !important;
  color: var(--appian-text-color, #222) !important;
  height: 3rem !important;
  margin: 0 0 0.5714rem 0 !important;
  position: relative !important;
}
.EditComponentFieldWidget---editComponentFieldInputField {
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-align: inherit !important;
}
.EditComponentFieldWidget---editComponentFieldInputSection {
  text-align: left !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
}
.EditComponentFieldWidget---editComponentFieldInputHeading {
  text-align: left !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
}
.EditComponentFieldWidget---editComponentFieldInputBox {
  font-weight: 600 !important;
  font-size: inherit !important;
}
.EditComponentFieldWidget---editComponentFieldInputFieldInstructions {
  font-size: 0.9286rem !important;
  line-height: 1.2307rem !important;
  color: var(--appian-subtle-text-color, #666) !important;
  white-space: normal !important;
}
.EditComponentFieldWidget---editComponentFieldInputFieldInstructions.EditComponentFieldWidget---above {
  margin-bottom: 0.5714rem !important;
}
.EditComponentFieldWidget---editComponentFieldInputFieldInstructions.EditComponentFieldWidget---below {
  margin-top: 0.5714rem !important;
}
.EditComponentFieldWidget---editComponentFieldInputFormInstructions {
  font-size: 0.9286rem !important;
  line-height: 1.2307rem !important;
  color: var(--appian-subtle-text-color, #666) !important;
  white-space: normal !important;
  padding-bottom: 1rem !important;
  margin-bottom: 1rem !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.EditableComponentField---editComponentField {
  width: 100% !important;
  z-index: 2000020 !important;
  outline: 1px solid transparent !important;
}
.appian-context-browser-firefox .EditableComponentField---editComponentField {
  outline: none !important;
  /* firefox includes the absolutely positioned pseudo-elements in the outline drawing, making the outline too large */
}
.EditableComponentField---editComponentField:hover {
  outline-color: #aaa !important;
}
.appian-context-browser-firefox .EditableComponentField---editComponentField:hover:hover {
  box-shadow: 0 0 0 1px #aaa !important;
}
.EditableComponentField---editComponentField:focus {
  outline-color: #1d659c !important;
}
.appian-context-browser-firefox .EditableComponentField---editComponentField:focus:focus {
  box-shadow: 0 0 0 1px #1d659c !important;
}
.EditableComponentField---editComponentFieldBoxLightBackground:hover {
  outline-color: #555 !important;
}
.EditableComponentField---editComponentFieldBoxAccentBackground:hover {
  outline-color: #fff !important;
}
.EditableComponentField---formLabel {
  display: block !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.LiveViewErrorWidget---live_view_error_wrapper {
  z-index: 2000011 !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: auto !important;
}
.LiveViewErrorWidget---live_view_error_message {
  position: absolute !important;
  width: 100% !important;
}
.LiveViewErrorWidget---live_view_error_message_animate {
  -webkit-animation-duration: 0.3s !important;
          animation-duration: 0.3s !important;
  -webkit-animation-name: LiveViewErrorWidget---fadeInMessage !important;
          animation-name: LiveViewErrorWidget---fadeInMessage !important;
}
.LiveViewErrorWidget---live_view_glass {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0.7 !important;
  background-color: #fff !important;
}
.LiveViewErrorWidget---live_view_glass_animate {
  -webkit-animation-duration: 0.3s !important;
          animation-duration: 0.3s !important;
  -webkit-animation-name: LiveViewErrorWidget---fadeInOverlay !important;
          animation-name: LiveViewErrorWidget---fadeInOverlay !important;
}
@-webkit-keyframes LiveViewErrorWidget---fadeInOverlay {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.7;
  }
}
@keyframes LiveViewErrorWidget---fadeInOverlay {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.7;
  }
}
@-webkit-keyframes LiveViewErrorWidget---fadeInMessage {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes LiveViewErrorWidget---fadeInMessage {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
div.LiveViewPlaceholder---placeholder {
  position: relative !important;
  display: block !important;
  background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%204.2333333%204.2333335%22%3E%3Cg%20transform%3D%22translate%280,-292.76665%29%22%3E%3Cpath%20stroke%3D%22%23f5f5f5%22%20style%3D%22stroke-width%3A0.75%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke-miterlimit%3A4%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%22%20d%3D%22M%204.2333333,292.76665%202.1166666,294.88478%200,297.00291%22/%3E%3Cpath%20stroke%3D%22%23f5f5f5%22%20style%3D%22stroke-width%3A0.75%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke-miterlimit%3A4%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%22%20d%3D%22m%204.8945592,296.34151%20-0.6609499,0.66081%20-0.6619665,0.66193%22/%3E%3Cpath%20stroke%3D%22%23f5f5f5%22%20style%3D%22stroke-width%3A0.75%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke-miterlimit%3A4%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%22%20d%3D%22M%200.6617389,292.1018%207.8899594e-4,292.76261%20-0.6611775,293.42454%22/%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat: repeat !important;
  background-size: 8px 8px !important;
  background-color: #fff !important;
  border: 1px dashed #e4e4ec !important;
  min-width: 22px !important;
  /* needed so placeholder text truncates with ellipsis when placeholder is very narrow */
  height: 100% !important;
  min-height: 60px !important;
  /* Any changes to min-height here should also be done in .fill_height of sidebysidegroup */
  width: 100% !important;
  overflow: hidden !important;
  /* IE needs overflow set on the parent element to prevent horizontal scrollbar (AN-97398) */
  margin: 0 !important;
  text-align: left !important;
  /* a!buttonArrayLayout can set alignment which interferes with the styling */
}
div.LiveViewPlaceholder---placeholder.LiveViewPlaceholder---targeted:after {
  position: absolute !important;
  border: 3px solid #ff2285 !important;
  width: 100% !important;
  height: 100% !important;
  content: "" !important;
}
div.LiveViewPlaceholder---placeholder .LiveViewPlaceholder---placeholderText {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  padding: 4px !important;
  max-width: 100% !important;
  color: #6d7278 !important;
  font-size: 14px !important;
  font-style: italic !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  cursor: default !important;
}
.LiveViewPlaceholder---actions {
  fill: #2376cd !important;
  pointer-events: auto !important;
  position: absolute !important;
  right: 2px !important;
  bottom: 0 !important;
}
.LiveViewPlaceholder---actions:hover {
  cursor: pointer !important;
}
.LiveViewPlaceholder---trashCanIcon {
  width: 18px !important;
  height: 18px !important;
  padding: 0 2px !important;
  opacity: 0.7 !important;
  /* Prevent the icon from receiving mouse events because icons do not contain the
   * data attribute needed to prevent selection. */
  pointer-events: none !important;
}
.LiveViewPlaceholder---actions:hover .LiveViewPlaceholder---trashCanIcon {
  opacity: 1 !important;
}
.appian-context-browser-safari div.LiveViewPlaceholder---placeholder.LiveViewPlaceholder---inColumnLayout {
  /* Safari renders columns containing table layouts as wider than columns not containing table layouts.
  Since most of our components are wrapped in field layouts, which use table layout styles, the columns with
  placeholders only have the correct width if the placeholders also use table layout styles (AN-95755) */
  display: table !important;
  table-layout: fixed !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.LoadingBarPreview---loading_preview {
  position: relative !important;
  z-index: 2000016 !important;
}
.LoadingBarPreview---loading_preview .LoadingBarPreview---bar,
.LoadingBarPreview---loading_preview .LoadingBarPreview---background {
  position: absolute !important;
  top: 0 !important;
  width: 50% !important;
  height: 4px !important;
}
.LoadingBarPreview---loading_preview .LoadingBarPreview---bar {
  background: #1d659c !important;
  left: 0 !important;
}
.LoadingBarPreview---loading_preview .LoadingBarPreview---background {
  background-color: rgba(255, 255, 255, 0.5) !important;
  right: 0 !important;
}

@-webkit-keyframes LoadingStateWidget---pulse_animation {
  50% {
    opacity: 0.1;
  }
}
@keyframes LoadingStateWidget---pulse_animation {
  50% {
    opacity: 0.1;
  }
}
.LoadingStateWidget---pulse_loading_animation div span {
  background-color: rgba(168, 168, 168, 0.15) !important;
  -webkit-animation: LoadingStateWidget---pulse_animation 4s ease-in-out infinite !important;
          animation: LoadingStateWidget---pulse_animation 4s ease-in-out infinite !important;
  display: block !important;
  height: var(--loading-state-widget-height, 34px) !important;
  width: var(--loading-state-widget-width, 100%) !important;
  border-radius: var(--loading-state-widget-border-radius, 0%) !important;
}
.LoadingStateWidget---spinner_loading_animation {
  height: var(--loading-state-widget-height, 100%) !important;
  width: var(--loading-state-widget-width, 100%) !important;
}
.LoadingStateWidget---spinner_loading_animation div {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  position: relative !important;
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
  top: 50% !important;
  left: 50% !important;
}
.LoadingStateWidget---spinner_loading_animation div span {
  width: 32px !important;
  height: 32px !important;
  border: 5px solid #a8a8a833 !important;
  border-bottom-color: transparent !important;
  border-radius: 50% !important;
  display: inline-block !important;
  box-sizing: border-box !important;
  -webkit-animation: LoadingStateWidget---rotation 1s linear infinite !important;
          animation: LoadingStateWidget---rotation 1s linear infinite !important;
}
@-webkit-keyframes LoadingStateWidget---rotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes LoadingStateWidget---rotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.MenuDivider---divider {
  border-bottom: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  padding: 0 0 7px 0 !important;
  margin-bottom: 7px !important;
}
.MenuDivider---divider.MenuDivider---inApplicationHeaderLayout:not(.MenuDivider---inProcessHQ).MenuDivider---inDarkBackground {
  background-color: transparent !important;
  border-color: #7781bd !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.MenuItem---icon {
  margin-right: 0.4286rem !important;
  height: 14px !important;
  max-width: 20px !important;
  vertical-align: -2px !important;
  fill: var(--appian-text-color, #222) !important;
}
.MenuItem---icon.MenuItem---icon_end {
  margin-right: 0 !important;
  margin-left: 0.4286rem !important;
}
.MenuItem---disabled .MenuItem---icon {
  fill: var(--appian-disabled-standalone-text-color, #bbb) !important;
}
.MenuItem---highlighted .MenuItem---icon_width img {
  background-color: #fff !important;
  border-radius: 2px !important;
}
.MenuItem---highlighted_dark_mode .MenuItem---icon_width img {
  background-color: #3f4e67 !important;
  border-radius: 2px !important;
}
.MenuItem---add_icon_padding.MenuItem---icon_width img {
  padding: 1px !important;
}
.MenuItem---icon_width {
  display: inline-block !important;
  width: 1.8571rem !important;
  text-align: center !important;
}
.MenuItem---icon_width:only-child {
  width: 100% !important;
}
.MenuItem---icon_width:only-child > .MenuItem---icon {
  margin-right: 0 !important;
  width: 1rem !important;
}
.MenuItem---icon_width.MenuItem---icon_end {
  float: right !important;
}
.MenuItem---has_secondary_text {
  display: table !important;
  width: 100% !important;
}
.MenuItem---has_secondary_text span {
  display: table-cell !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
.MenuItem---primary_text {
  max-width: 460px !important;
}
.MenuItem---secondary_text {
  color: var(--appian-secondary-text-color, #767676) !important;
  font-size: 0.8rem !important;
  text-align: right !important;
  padding-left: 1rem !important;
  max-width: 204px !important;
}
.MenuItem---highlighted {
  color: #eee !important;
}
.MenuItem---highlighted_dark_mode {
  color: #000 !important;
}
.MenuItem---secondary_text.MenuItem---highlighted {
  color: #eee !important;
}
.MenuItem---secondary_text.MenuItem---highlighted_dark_mode {
  color: #4f4f4f !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.MenuLayout---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .MenuLayout---accessibilityhidden {
  font-size: 0 !important;
}
.MenuLayout---button_menu,
.MenuLayout---submenu {
  z-index: 2000020 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.MilestoneWidget---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .MilestoneWidget---accessibilityhidden {
  font-size: 0 !important;
}
/* Set up milestone color, will be overwritten if a hex value was provided */
.MilestoneWidget---container.MilestoneWidget---accent:not(.MilestoneWidget---inAccentBackground) {
  --appian-milestone-color: #1d659c !important;
}
.MilestoneWidget---container.MilestoneWidget---accent:not(.MilestoneWidget---inAccentBackground).MilestoneWidget---accent_dark {
  --appian-linked-chevron-hover-color: color-mix(in oklab, #1d659c 90%, #fff) !important;
}
.MilestoneWidget---container.MilestoneWidget---accent:not(.MilestoneWidget---inAccentBackground):not(.MilestoneWidget---accent_dark) {
  --appian-linked-chevron-hover-color: color-mix(in oklab, #1d659c 95%, #000) !important;
}
.MilestoneWidget---container.MilestoneWidget---accent.MilestoneWidget---inAccentBackground {
  --appian-milestone-color: #fff !important;
  --appian-linked-chevron-hover-color: color-mix(in oklab, #fff 90%, #000) !important;
}
.MilestoneWidget---container.MilestoneWidget---accent.MilestoneWidget---inAccentBackground:not(.MilestoneWidget---accent_dark) {
  --appian-linked-chevron-hover-color: color-mix(in oklab, #fff 90%, #fff) !important;
}
.MilestoneWidget---container.MilestoneWidget---positive {
  --appian-milestone-color: #1cc101 !important;
  --appian-linked-chevron-hover-color: color-mix(in oklab, #1cc101 80%, #fff) !important;
}
.MilestoneWidget---container.MilestoneWidget---negative {
  --appian-milestone-color: #de0037 !important;
  --appian-linked-chevron-hover-color: color-mix(in oklab, #de0037 90%, #fff) !important;
}
.MilestoneWidget---container.MilestoneWidget---warn {
  --appian-milestone-color: #ffa800 !important;
  --appian-linked-chevron-hover-color: color-mix(in oklab, #ffa800 80%, #fff) !important;
}
.MilestoneWidget---container.MilestoneWidget---hex_color.MilestoneWidget---hex_color_dark {
  --appian-linked-chevron-hover-color: color-mix(in oklab, var(--appian-milestone-color) 90%, #fff) !important;
}
.MilestoneWidget---container.MilestoneWidget---hex_color:not(.MilestoneWidget---hex_color_dark) {
  --appian-linked-chevron-hover-color: color-mix(in oklab, var(--appian-milestone-color) 95%, #000) !important;
}
.MilestoneWidget---container.MilestoneWidget---inDarkBackground {
  --appian-linked-chevron-hover-color: color-mix(in oklab, var(--appian-milestone-color) 90%, #000) !important;
}
.MilestoneWidget---container.MilestoneWidget---inDarkBackground.MilestoneWidget---positive {
  --appian-milestone-color: var(--appian-positive-color-on-dark-bg, #59f73f) !important;
}
.MilestoneWidget---container.MilestoneWidget---inDarkBackground.MilestoneWidget---negative {
  --appian-milestone-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.MilestoneWidget---container.MilestoneWidget---inDarkBackground.MilestoneWidget---warn {
  --appian-milestone-color: #fcb858 !important;
}
/* Common list styles */
.MilestoneWidget---list {
  margin: 0 !important;
  padding: 0 !important;
}
.MilestoneWidget---list_item {
  list-style: none !important;
  font-size: 1rem !important;
  /* maintain correct vertical spacing when in side by side layout */
  text-align: center !important;
}
/* Horizontal DOT and LINE styles */
.MilestoneWidget---container.MilestoneWidget---horizontal.MilestoneWidget---dot,
.MilestoneWidget---container.MilestoneWidget---horizontal.MilestoneWidget---line {
  padding-top: 6px !important;
}
.MilestoneWidget---container.MilestoneWidget---horizontal .MilestoneWidget---outer_marker {
  margin: 0 auto !important;
}
.MilestoneWidget---container.MilestoneWidget---horizontal .MilestoneWidget---outer_marker.MilestoneWidget---line {
  height: 4px !important;
  width: 100% !important;
}
.MilestoneWidget---container.MilestoneWidget---horizontal .MilestoneWidget---outer_marker.MilestoneWidget---dot {
  height: 2px !important;
  width: calc(100% - var(--appian-milestone-marker-width-offset)) !important;
  margin-top: calc(16px / 2) !important;
}
.MilestoneWidget---container.MilestoneWidget---horizontal .MilestoneWidget---outer_marker .MilestoneWidget---inner_marker {
  width: var(--appian-milestone-percent-complete) !important;
  height: 100% !important;
}
.MilestoneWidget---container.MilestoneWidget---horizontal .MilestoneWidget---outer_marker .MilestoneWidget---inner_marker.MilestoneWidget---animate {
  -webkit-transition: width var(--appian-milestone-animation-timing) ease-out !important;
  transition: width var(--appian-milestone-animation-timing) ease-out !important;
}
.MilestoneWidget---container.MilestoneWidget---horizontal .MilestoneWidget---outer_marker.MilestoneWidget---line .MilestoneWidget---inner_marker.MilestoneWidget---in_progress:after {
  content: "" !important;
  display: inline-block !important;
  position: relative !important;
  z-index: 2 !important;
  width: 0 !important;
  height: 0 !important;
  left: calc(100% - 10px) !important;
  border: 10px solid transparent !important;
  border-top-color: var(--appian-milestone-color) !important;
}
.MilestoneWidget---container.MilestoneWidget---horizontal .MilestoneWidget---list.MilestoneWidget---dot {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
  gap: 0.8572rem !important;
  padding-top: 23px !important;
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
          justify-content: space-between !important;
}
.MilestoneWidget---container.MilestoneWidget---horizontal .MilestoneWidget---list.MilestoneWidget---dot .MilestoneWidget---list_item {
  min-width: 16px !important;
  width: var(--appian-milestone-step-width) !important;
}
.MilestoneWidget---container.MilestoneWidget---horizontal .MilestoneWidget---list.MilestoneWidget---line {
  display: -ms-grid !important;
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: 1fr !important;
  gap: 0 !important;
  padding-top: 0.5714rem !important;
}
.MilestoneWidget---container.MilestoneWidget---horizontal .MilestoneWidget---list.MilestoneWidget---line .MilestoneWidget---step_label {
  padding: 0 6px !important;
}
.MilestoneWidget---container.MilestoneWidget---horizontal .MilestoneWidget---list .MilestoneWidget---step_label {
  line-height: 1.4 !important;
  max-height: calc(1.4 * 3rem) !important;
  overflow: hidden !important;
  word-break: break-word !important;
}
/* Vertical DOT and LINE styles */
.MilestoneWidget---container.MilestoneWidget---vertical {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
}
.MilestoneWidget---container.MilestoneWidget---vertical.MilestoneWidget---dot {
  height: calc(var(--appian-milestone-total-steps) * (2rem * 2)) !important;
  margin-top: calc(-2rem + (16px / 2)) !important;
  margin-bottom: calc(-2rem + (16px / 2)) !important;
}
.MilestoneWidget---container.MilestoneWidget---vertical.MilestoneWidget---line {
  height: calc(var(--appian-milestone-total-steps) * 3rem) !important;
}
.MilestoneWidget---container.MilestoneWidget---vertical .MilestoneWidget---outer_marker {
  -webkit-flex-shrink: 0 !important;
          flex-shrink: 0 !important;
  height: var(--appian-milestone-marker-height) !important;
  margin: auto 0 !important;
}
.MilestoneWidget---container.MilestoneWidget---vertical .MilestoneWidget---outer_marker.MilestoneWidget---line {
  width: 4px !important;
}
.MilestoneWidget---container.MilestoneWidget---vertical .MilestoneWidget---outer_marker.MilestoneWidget---dot {
  width: 2px !important;
  margin-left: calc(16px / 2) !important;
}
.MilestoneWidget---container.MilestoneWidget---vertical .MilestoneWidget---outer_marker .MilestoneWidget---inner_marker {
  width: 100% !important;
  height: var(--appian-milestone-percent-complete) !important;
}
.MilestoneWidget---container.MilestoneWidget---vertical .MilestoneWidget---outer_marker .MilestoneWidget---inner_marker.MilestoneWidget---animate {
  -webkit-transition: height var(--appian-milestone-animation-timing) ease-out !important;
  transition: height var(--appian-milestone-animation-timing) ease-out !important;
}
.MilestoneWidget---container.MilestoneWidget---vertical .MilestoneWidget---outer_marker.MilestoneWidget---line .MilestoneWidget---inner_marker {
  position: relative !important;
}
.MilestoneWidget---container.MilestoneWidget---vertical .MilestoneWidget---outer_marker.MilestoneWidget---line .MilestoneWidget---inner_marker.MilestoneWidget---in_progress:after {
  content: "" !important;
  display: inline-block !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  z-index: 2 !important;
  border-top-color: transparent !important;
  right: auto !important;
  top: auto !important;
  bottom: -10px !important;
  border: 10px solid transparent !important;
  border-left-color: var(--appian-milestone-color) !important;
}
/* Colors for the bar that shows milestone progress in DOT and LINE styles */
.MilestoneWidget---outer_marker {
  background-color: var(--appian-progress-background-color, #ddd) !important;
}
.MilestoneWidget---outer_marker .MilestoneWidget---inner_marker {
  background-color: var(--appian-milestone-color) !important;
}
/* Text styles */
.MilestoneWidget---container.MilestoneWidget---vertical .MilestoneWidget---step_label .MilestoneWidget---label_inner {
  display: inline-block !important;
  vertical-align: top !important;
  width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
.MilestoneWidget---list_item.MilestoneWidget---current .MilestoneWidget---step_label .MilestoneWidget---label_inner {
  font-weight: 700 !important;
}
.MilestoneWidget---container.MilestoneWidget---line,
.MilestoneWidget---container.MilestoneWidget---dot,
.MilestoneWidget---container.MilestoneWidget---chevron.MilestoneWidget---vertical {
  --appian-milestone-label-color: var(--appian-text-color, #222) !important;
}
.MilestoneWidget---container.MilestoneWidget---line.MilestoneWidget---inDarkBackground,
.MilestoneWidget---container.MilestoneWidget---dot.MilestoneWidget---inDarkBackground,
.MilestoneWidget---container.MilestoneWidget---chevron.MilestoneWidget---vertical.MilestoneWidget---inDarkBackground {
  --appian-milestone-label-color: #eee !important;
}
.MilestoneWidget---container.MilestoneWidget---line.MilestoneWidget---inAccentBackground,
.MilestoneWidget---container.MilestoneWidget---dot.MilestoneWidget---inAccentBackground,
.MilestoneWidget---container.MilestoneWidget---chevron.MilestoneWidget---vertical.MilestoneWidget---inAccentBackground {
  --appian-milestone-label-color: #fff !important;
}
.MilestoneWidget---container.MilestoneWidget---line .MilestoneWidget---step_label,
.MilestoneWidget---container.MilestoneWidget---dot .MilestoneWidget---step_label,
.MilestoneWidget---container.MilestoneWidget---chevron.MilestoneWidget---vertical .MilestoneWidget---step_label {
  color: var(--appian-milestone-label-color) !important;
}
.MilestoneWidget---container.MilestoneWidget---chevron.MilestoneWidget---horizontal.MilestoneWidget---accent:not(.MilestoneWidget---inAccentBackground) {
  --appian-milestone-label-color: #fff !important;
}
.MilestoneWidget---container.MilestoneWidget---chevron.MilestoneWidget---horizontal.MilestoneWidget---accent.MilestoneWidget---inAccentBackground {
  --appian-milestone-label-color: #1d659c !important;
}
.MilestoneWidget---container.MilestoneWidget---chevron.MilestoneWidget---horizontal.MilestoneWidget---positive,
.MilestoneWidget---container.MilestoneWidget---chevron.MilestoneWidget---horizontal.MilestoneWidget---warn,
.MilestoneWidget---container.MilestoneWidget---chevron.MilestoneWidget---horizontal.MilestoneWidget---negative.MilestoneWidget---inDarkBackground,
.MilestoneWidget---container.MilestoneWidget---chevron.MilestoneWidget---horizontal.MilestoneWidget---hex_color:not(.MilestoneWidget---hex_color_dark) {
  --appian-milestone-label-color: #222 !important;
}
.MilestoneWidget---container.MilestoneWidget---chevron.MilestoneWidget---horizontal.MilestoneWidget---negative:not(.MilestoneWidget---inDarkBackground),
.MilestoneWidget---container.MilestoneWidget---chevron.MilestoneWidget---horizontal.MilestoneWidget---hex_color.MilestoneWidget---hex_color_dark {
  --appian-milestone-label-color: #eee !important;
}
.MilestoneWidget---container.MilestoneWidget---chevron.MilestoneWidget---horizontal .MilestoneWidget---step_label .MilestoneWidget---label_wrapper {
  color: var(--appian-text-color, #222) !important;
}
.MilestoneWidget---container.MilestoneWidget---chevron.MilestoneWidget---horizontal .MilestoneWidget---list_item.MilestoneWidget---current .MilestoneWidget---step_label .MilestoneWidget---label_wrapper,
.MilestoneWidget---container.MilestoneWidget---chevron.MilestoneWidget---horizontal .MilestoneWidget---list_item.MilestoneWidget---completed .MilestoneWidget---step_label .MilestoneWidget---label_wrapper {
  color: var(--appian-milestone-label-color) !important;
}
/* DOT and LINE indicator and list styles */
ol.MilestoneWidget---milestone.MilestoneWidget---vertical {
  display: table !important;
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  /* needed so the milestone step indicator is aligned properly in a grid */
  padding: 0 !important;
  margin: 0 !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---vertical.MilestoneWidget---line {
  margin-left: 1.1429rem !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---vertical li {
  display: table !important;
  table-layout: fixed !important;
  width: 100% !important;
  vertical-align: middle !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---vertical.MilestoneWidget---line li {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  height: 3rem !important;
}
ol.MilestoneWidget---milestone li div.MilestoneWidget---indicator_wrapper {
  display: table !important;
  width: 100% !important;
  table-layout: fixed !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---vertical li div.MilestoneWidget---indicator_wrapper {
  display: table-cell !important;
  width: 16px !important;
  vertical-align: middle !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---vertical.MilestoneWidget---dot li div.MilestoneWidget---indicator_wrapper {
  width: 23px !important;
}
ol.MilestoneWidget---milestone li div.MilestoneWidget---indicator_wrapper > div {
  display: table-cell !important;
  position: relative !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---vertical.MilestoneWidget---dot li div.MilestoneWidget---indicator_wrapper > div {
  display: block !important;
  height: 2rem !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---dot li div.MilestoneWidget---indicator_wrapper > div.MilestoneWidget---indicator:after {
  content: "" !important;
  display: inline-block !important;
  position: absolute !important;
  z-index: 2 !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 8px !important;
  border: 2px solid var(--appian-progress-background-color, #ddd) !important;
  background-color: var(--appian-progress-background-color, #ddd) !important;
  top: -32px !important;
  right: -8px !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---dot.MilestoneWidget---vertical li div.MilestoneWidget---indicator_wrapper > div.MilestoneWidget---indicator:after {
  content: "" !important;
  display: inline-block !important;
  position: absolute !important;
  z-index: 2 !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 8px !important;
  border: 2px solid var(--appian-progress-background-color, #ddd) !important;
  background-color: var(--appian-progress-background-color, #ddd) !important;
  top: calc(2rem - (16px / 2)) !important;
  left: -9px !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---dot li.MilestoneWidget---completed div.MilestoneWidget---indicator_wrapper > div.MilestoneWidget---indicator:after {
  border-color: var(--appian-milestone-color) !important;
  background-color: var(--appian-milestone-color) !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---dot li.MilestoneWidget---current div.MilestoneWidget---indicator_wrapper > div.MilestoneWidget---indicator:after {
  border-color: var(--appian-milestone-color) !important;
  background-color: #fff !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---dot li.MilestoneWidget---animate div.MilestoneWidget---indicator_wrapper > div.MilestoneWidget---indicator:after {
  -webkit-transition: background-color, border-color !important;
  transition: background-color, border-color !important;
  -webkit-transition-duration: var(--appian-milestone-animation-node-timing) !important;
          transition-duration: var(--appian-milestone-animation-node-timing) !important;
  -webkit-transition-delay: var(--appian-milestone-step-delay) !important;
          transition-delay: var(--appian-milestone-step-delay) !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---vertical li div.MilestoneWidget---step_label {
  display: table-cell !important;
  text-align: left !important;
  vertical-align: middle !important;
  padding: 0 !important;
  overflow: hidden !important;
}
/* CHEVRON styles */
.MilestoneWidget---container.MilestoneWidget---chevron {
  --appian-milestone-chevron-completed-color: color-mix(in oklab, var(--appian-milestone-color) 85%, #fff) !important;
}
.MilestoneWidget---horizontal .MilestoneWidget---chevron_wrapper {
  border-radius: 0rem !important;
  overflow: hidden !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---chevron.MilestoneWidget---horizontal {
  display: -ms-grid !important;
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: 1fr !important;
  gap: 0.1429rem !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---chevron.MilestoneWidget---horizontal li .MilestoneWidget---step_label {
  height: 100% !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---chevron.MilestoneWidget---horizontal li .MilestoneWidget---step_label a:hover {
  text-decoration: none !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---chevron.MilestoneWidget---horizontal li .MilestoneWidget---step_label a:hover,
ol.MilestoneWidget---milestone.MilestoneWidget---chevron.MilestoneWidget---horizontal li .MilestoneWidget---step_label a:focus:not([data-appian-ux-mouse-focus]) {
  background-color: color-mix(in oklab, var(--appian-progress-background-color, #ddd) 95%, #000) !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---chevron.MilestoneWidget---horizontal li.MilestoneWidget---current .MilestoneWidget---step_label .MilestoneWidget---label_wrapper {
  background-color: var(--appian-milestone-color) !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---chevron.MilestoneWidget---horizontal li.MilestoneWidget---current .MilestoneWidget---step_label a:hover,
ol.MilestoneWidget---milestone.MilestoneWidget---chevron.MilestoneWidget---horizontal li.MilestoneWidget---current .MilestoneWidget---step_label a:focus:not([data-appian-ux-mouse-focus]) {
  background-color: var(--appian-linked-chevron-hover-color) !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---chevron.MilestoneWidget---horizontal li.MilestoneWidget---completed .MilestoneWidget---step_label a:hover,
ol.MilestoneWidget---milestone.MilestoneWidget---chevron.MilestoneWidget---horizontal li.MilestoneWidget---completed .MilestoneWidget---step_label a:focus:not([data-appian-ux-mouse-focus]) {
  background-color: color-mix(in oklab, var(--appian-milestone-chevron-completed-color) 95%, #000) !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---chevron.MilestoneWidget---horizontal li.MilestoneWidget---completed .MilestoneWidget---step_label .MilestoneWidget---label_wrapper {
  background-color: var(--appian-milestone-chevron-completed-color) !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---chevron.MilestoneWidget---horizontal li .MilestoneWidget---step_label .MilestoneWidget---label_wrapper {
  background-color: var(--appian-progress-background-color, #ddd) !important;
  height: 100% !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---chevron.MilestoneWidget---horizontal li .MilestoneWidget---step_label .MilestoneWidget---label_wrapper .MilestoneWidget---label_inner {
  overflow: hidden !important;
  line-height: 1.4 !important;
  max-height: calc(1.4rem * 2) !important;
  display: block !important;
  text-align: center !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---chevron.MilestoneWidget---horizontal li .MilestoneWidget---step_label .MilestoneWidget---label_wrapper {
  padding: 0.8571rem calc(1.4286rem + 0.2857rem) 0.8571rem calc(1.4286rem + 0.7143rem) !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---chevron.MilestoneWidget---horizontal li:first-child .MilestoneWidget---step_label .MilestoneWidget---label_wrapper {
  padding-left: 1.1429rem !important;
  padding-right: calc(1.4286rem + 0.2857rem) !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---chevron.MilestoneWidget---horizontal li:last-child .MilestoneWidget---step_label .MilestoneWidget---label_wrapper {
  padding-left: calc(1.4286rem + 0.2857rem) !important;
  padding-right: 1.1429rem !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---chevron.MilestoneWidget---horizontal:not(.MilestoneWidget---rtl) li .MilestoneWidget---step_label .MilestoneWidget---label_wrapper {
  -webkit-clip-path: polygon(0 0, calc(100% - 1.4286rem) 0, 100% 50%, calc(100% - 1.4286rem) 100%, 0 100%, 1.4286rem 50%) !important;
          clip-path: polygon(0 0, calc(100% - 1.4286rem) 0, 100% 50%, calc(100% - 1.4286rem) 100%, 0 100%, 1.4286rem 50%) !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---chevron.MilestoneWidget---horizontal:not(.MilestoneWidget---rtl) li:first-child .MilestoneWidget---step_label .MilestoneWidget---label_wrapper {
  -webkit-clip-path: polygon(0 0, calc(100% - 1.4286rem) 0, 100% 50%, calc(100% - 1.4286rem) 100%, 0 100%) !important;
          clip-path: polygon(0 0, calc(100% - 1.4286rem) 0, 100% 50%, calc(100% - 1.4286rem) 100%, 0 100%) !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---chevron.MilestoneWidget---horizontal:not(.MilestoneWidget---rtl) li:last-child .MilestoneWidget---step_label .MilestoneWidget---label_wrapper {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 1.4286rem 50%) !important;
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 1.4286rem 50%) !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---chevron.MilestoneWidget---horizontal.MilestoneWidget---rtl li .MilestoneWidget---step_label .MilestoneWidget---label_wrapper {
  -webkit-clip-path: polygon(1.4286rem 0, 100% 0%, calc(100% - 1.4286rem) 50%, 100% 100%, 1.4286rem 100%, 0 50%) !important;
          clip-path: polygon(1.4286rem 0, 100% 0%, calc(100% - 1.4286rem) 50%, 100% 100%, 1.4286rem 100%, 0 50%) !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---chevron.MilestoneWidget---horizontal.MilestoneWidget---rtl li:first-child .MilestoneWidget---step_label .MilestoneWidget---label_wrapper {
  -webkit-clip-path: polygon(1.4286rem 0, 100% 0, 100% 100%, 1.4286rem 100%, 0 50%) !important;
          clip-path: polygon(1.4286rem 0, 100% 0, 100% 100%, 1.4286rem 100%, 0 50%) !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---chevron.MilestoneWidget---horizontal.MilestoneWidget---rtl li:last-child .MilestoneWidget---step_label .MilestoneWidget---label_wrapper {
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 1.4286rem) 50%, 100% 100%, 0 100%) !important;
          clip-path: polygon(0 0, 100% 0, calc(100% - 1.4286rem) 50%, 100% 100%, 0 100%) !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---chevron.MilestoneWidget---horizontal li:not(:first-child) .MilestoneWidget---step_label {
  margin-left: -1.4286rem !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---vertical.MilestoneWidget---chevron li {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
  gap: 1.1429rem !important;
  height: 4rem !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---vertical.MilestoneWidget---chevron li .MilestoneWidget---indicator_wrapper {
  width: 0.8571rem !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  background-color: var(--appian-progress-background-color, #ddd) !important;
  -webkit-clip-path: polygon(0 0, 50% 0.3571rem, 100% 0, 100% calc(100% - 0.3571rem), 50% 100%, 0 calc(100% - 0.3571rem), 0 100%) !important;
          clip-path: polygon(0 0, 50% 0.3571rem, 100% 0, 100% calc(100% - 0.3571rem), 50% 100%, 0 calc(100% - 0.3571rem), 0 100%) !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---vertical.MilestoneWidget---chevron li.MilestoneWidget---current .MilestoneWidget---indicator_wrapper {
  background-color: var(--appian-milestone-color) !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---vertical.MilestoneWidget---chevron li.MilestoneWidget---completed .MilestoneWidget---indicator_wrapper {
  background-color: var(--appian-milestone-chevron-completed-color) !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---vertical.MilestoneWidget---chevron li:not(:first-child) {
  margin-top: -0.2143rem !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---vertical.MilestoneWidget---chevron li:first-child .MilestoneWidget---indicator_wrapper {
  border-top-left-radius: 0rem !important;
  border-top-right-radius: 0rem !important;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0.3571rem), 50% 100%, 0 calc(100% - 0.3571rem), 0 100%) !important;
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0.3571rem), 50% 100%, 0 calc(100% - 0.3571rem), 0 100%) !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---vertical.MilestoneWidget---chevron li:last-child .MilestoneWidget---indicator_wrapper {
  border-bottom-left-radius: 0rem !important;
  border-bottom-right-radius: 0rem !important;
  -webkit-clip-path: polygon(0 0, 50% 0.3571rem, 100% 0, 100% 100%, 0 100%) !important;
          clip-path: polygon(0 0, 50% 0.3571rem, 100% 0, 100% 100%, 0 100%) !important;
}
ol.MilestoneWidget---milestone.MilestoneWidget---vertical.MilestoneWidget---chevron li div.MilestoneWidget---step_label {
  -webkit-align-self: center !important;
              -ms-grid-row-align: center !important;
          align-self: center !important;
  padding: 0 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

body.ModalDialogLayout---has_modal {
  overflow: hidden !important;
}
.ModalDialogLayout---modal_backdrop {
  background-color: rgba(0, 0, 0, 0.4) !important;
  position: fixed !important;
  z-index: 2000019 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}
.ModalDialogLayout---modal_backdrop.ModalDialogLayout---high_priority_z_index {
  z-index: 2000028 !important;
}
.ModalDialogLayout---modal_dialog {
  background-color: var(--appian-modal-background-color, #fff) !important;
  border: 1px solid var(--appian-choice-border-color, #bbb) !important;
  z-index: 2000022 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: auto !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  max-width: 98% !important;
  max-height: 98% !important;
  overflow-y: auto !important;
}
.ModalDialogLayout---modal_dialog:focus {
  outline: none !important;
}
.ModalDialogLayout---modal_dialog.ModalDialogLayout---width_fit {
  width: 96% !important;
}
.ModalDialogLayout---modal_dialog.ModalDialogLayout---width_narrow {
  width: 480px !important;
}
.ModalDialogLayout---modal_dialog.ModalDialogLayout---width_medium {
  width: 720px !important;
}
.ModalDialogLayout---modal_dialog.ModalDialogLayout---width_medium_plus {
  width: 960px !important;
}
.ModalDialogLayout---modal_dialog.ModalDialogLayout---width_wide {
  width: 1200px !important;
}
.ModalDialogLayout---modal_dialog.ModalDialogLayout---width_extra_wide {
  width: 98% !important;
  max-width: 2000px !important;
}
.ModalDialogLayout---modal_dialog.ModalDialogLayout---height_fit {
  height: 94% !important;
}
.ModalDialogLayout---modal_dialog.ModalDialogLayout---height_short {
  height: 340px !important;
}
.ModalDialogLayout---modal_dialog.ModalDialogLayout---height_medium {
  height: 480px !important;
}
.ModalDialogLayout---modal_dialog.ModalDialogLayout---height_tall {
  height: 640px !important;
}
.ModalDialogLayout---modal_dialog.ModalDialogLayout---height_extra_tall {
  height: 670px !important;
}
.ModalDialogLayout---modal_dialog.ModalDialogLayout---height_auto {
  margin-top: 0 !important;
  top: 90px !important;
  max-height: calc(100% - 110px) !important;
}
@media print {
  .ModalDialogLayout---modal_backdrop {
    display: none !important;
  }
}
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ModalDialogLayout---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .ModalDialogLayout---accessibilityhidden {
  font-size: 0 !important;
}
.ModalDialogLayout---modal_dialog {
  z-index: 2000018 !important;
  overflow-x: hidden !important;
  border-radius: var(--appian-dialog-border-radius, 0) !important;
}
.ModalDialogLayout---modal_dialog.ModalDialogLayout---top {
  z-index: 2000022 !important;
}
.ModalDialogLayout---modal_dialog.ModalDialogLayout---hidden {
  visibility: hidden !important;
}
.ModalDialogLayout---modal_dialog.ModalDialogLayout---top.ModalDialogLayout---high_priority_z_index {
  z-index: 2000029 !important;
}
.ModalDialogLayout---modal_dialog.ModalDialogLayout---show_focus:not(.ModalDialogLayout---anchor_first_focus) {
  outline: 2px solid #1d659c !important;
  outline-offset: 1px !important;
}
.ModalDialogLayout---modal_dialog.ModalDialogLayout---record_list_action,
.ModalDialogLayout---modal_dialog.ModalDialogLayout---related_action {
  background-color: #f0f0f0 !important;
}
@media print {
  .ModalDialogLayout---modal_dialog.ModalDialogLayout---top {
    display: block !important;
    overflow: visible !important;
    position: absolute !important;
    border: none !important;
  }
  .ModalDialogLayout---modal_dialog.ModalDialogLayout---top.ModalDialogLayout---record_list_action {
    top: 0 !important;
  }
  .ModalDialogLayout---modal_dialog.ModalDialogLayout---top.ModalDialogLayout---related_action {
    top: 100px !important;
  }
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.MultiColumnLayout---column_layout {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  margin: 0 auto !important;
  width: 100% !important;
}
.MultiColumnLayout---column_layout:not(.appian-context-last-in-list),
.MultiColumnLayout---column_layout.MultiColumnLayout---static:not(.appian-context-last-in-list),
.MultiColumnLayout---column_layout.MultiColumnLayout---margin_below_standard,
.MultiColumnLayout---column_layout.MultiColumnLayout---margin_below_standard.MultiColumnLayout---static {
  margin-bottom: 0.7143rem !important;
  /* parallels field layout */
}
.MultiColumnLayout---column_layout.MultiColumnLayout---margin_below_less {
  margin-bottom: 0.5rem !important;
}
.MultiColumnLayout---column_layout.MultiColumnLayout---margin_below_even_less {
  margin-bottom: 0.2857rem !important;
}
.MultiColumnLayout---column_layout.MultiColumnLayout---margin_below_more {
  margin-bottom: 2rem !important;
}
.MultiColumnLayout---column_layout.MultiColumnLayout---margin_below_even_more {
  margin-bottom: 4rem !important;
}
.MultiColumnLayout---column_layout.MultiColumnLayout---margin_below_none,
.MultiColumnLayout---column_layout.MultiColumnLayout---margin_below_none:not(.appian-context-last-in-list) {
  margin-bottom: 0 !important;
}
.MultiColumnLayout---column_layout.MultiColumnLayout---margin_above_standard {
  margin-top: 0.7143rem !important;
  /* parallels field layout */
}
.MultiColumnLayout---column_layout.MultiColumnLayout---margin_above_less {
  margin-top: 0.5rem !important;
}
.MultiColumnLayout---column_layout.MultiColumnLayout---margin_above_even_less {
  margin-top: 0.2857rem !important;
}
.MultiColumnLayout---column_layout.MultiColumnLayout---margin_above_more {
  margin-top: 2rem !important;
}
.MultiColumnLayout---column_layout.MultiColumnLayout---margin_above_even_more {
  margin-top: 4rem !important;
}
.MultiColumnLayout---column_layout.MultiColumnLayout---margin_above_none {
  margin-top: 0 !important;
}
/* allows columns to take up less than 100% width (i.e., 2 narrow columns won't
 * stretch to fill available space) & prevents columns from overflowing past 100% */
.MultiColumnLayout---column_layout.MultiColumnLayout---static {
  width: auto !important;
  margin: 0 !important;
}
.MultiColumnLayout---margin_above_div {
  height: 0.05px !important;
}
/* multiColumnLayout in the live view needs to have height 100% for the
   placeholder to fill an empty column when sibling columns have contents */
.MultiColumnLayout---fill_height {
  height: 100% !important;
}
.appian-context-ux-page-size-phone .MultiColumnLayout---column_layout.MultiColumnLayout---stack_when_phone,
.appian-context-ux-page-size-phone .MultiColumnLayout---column_layout.MultiColumnLayout---stack_when_phone.MultiColumnLayout---show_dividers {
  display: block !important;
  width: 100% !important;
}
.appian-context-ux-page-size-tablet-portrait .MultiColumnLayout---column_layout.MultiColumnLayout---stack_when_tablet_portrait,
.appian-context-ux-page-size-tablet-portrait .MultiColumnLayout---column_layout.MultiColumnLayout---stack_when_tablet_portrait.MultiColumnLayout---show_dividers {
  display: block !important;
  width: 100% !important;
}
.appian-context-ux-page-size-tablet-landscape .MultiColumnLayout---column_layout.MultiColumnLayout---stack_when_tablet_landscape,
.appian-context-ux-page-size-tablet-landscape .MultiColumnLayout---column_layout.MultiColumnLayout---stack_when_tablet_landscape.MultiColumnLayout---show_dividers {
  display: block !important;
  width: 100% !important;
}
.appian-context-ux-page-size-desktop-narrow .MultiColumnLayout---column_layout.MultiColumnLayout---stack_when_desktop_narrow,
.appian-context-ux-page-size-desktop-narrow .MultiColumnLayout---column_layout.MultiColumnLayout---stack_when_desktop_narrow.MultiColumnLayout---show_dividers {
  display: block !important;
  width: 100% !important;
}
.appian-context-ux-page-size-desktop .MultiColumnLayout---column_layout.MultiColumnLayout---stack_when_desktop,
.appian-context-ux-page-size-desktop .MultiColumnLayout---column_layout.MultiColumnLayout---stack_when_desktop.MultiColumnLayout---show_dividers {
  display: block !important;
  width: 100% !important;
}
.appian-context-ux-page-size-desktop-wide .MultiColumnLayout---column_layout.MultiColumnLayout---stack_when_desktop_wide,
.appian-context-ux-page-size-desktop-wide .MultiColumnLayout---column_layout.MultiColumnLayout---stack_when_desktop_wide.MultiColumnLayout---show_dividers {
  display: block !important;
  width: 100% !important;
}

.MultipleDropdownWidget---wrapper {
  position: static !important;
}
.MultipleDropdownWidget---tether_dropdown,
.MultipleDropdownWidget---date_picker2__menu {
  z-index: 2000020 !important;
}
.MultipleDropdownWidget---dropdown {
  min-width: 3.2142rem !important;
  /* needed so dropdown icon doesn't overlap text when very narrow (AN-77265) */
}
.appian-context-browser-firefox .MultipleDropdownWidget---dropdown:not(.MultipleDropdownWidget---multi) {
  min-width: 4.0714rem !important;
}
.MultipleDropdownWidget---dropdown .MultipleDropdownWidget---dropdown_value {
  padding-right: 1.5714rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  cursor: default !important;
}
.MultipleDropdownWidget---dropdown .MultipleDropdownWidget---preview_interface_locale_dropdown_value {
  padding-right: 1.5714rem !important;
  padding-left: 0.5714rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  cursor: default !important;
  line-height: 2.06rem !important;
  font-size: 1rem !important;
}
ul.MultipleDropdownWidget---dropdown_list.MultipleDropdownWidget---no_top_border {
  border-top-width: 0 !important;
}
.MultipleDropdownWidget---dropdown.MultipleDropdownWidget---time_picker .MultipleDropdownWidget---dropdown_value {
  cursor: text !important;
  padding-right: 0.5714rem !important;
  text-overflow: clip !important;
  /* needed for consistency so both date and time inputs truncate text without ellipsis */
}
.MultipleDropdownWidget---dropdown.MultipleDropdownWidget---time_picker .MultipleDropdownWidget---dropdown_value.MultipleDropdownWidget---is_disabled {
  cursor: default !important;
}
.MultipleDropdownWidget---dropdown .MultipleDropdownWidget---dropdown_caret,
.MultipleDropdownWidget---date_picker2__control .MultipleDropdownWidget---dropdown_caret {
  display: inline-block !important;
  width: 1rem !important;
  height: 1rem !important;
  position: absolute !important;
  right: 0.3rem !important;
  top: calc(50% - 0.5rem) !important;
  fill: var(--appian-text-color, #222) !important;
}
.MultipleDropdownWidget---dropdown .MultipleDropdownWidget---dropdown_value.MultipleDropdownWidget---is_disabled .MultipleDropdownWidget---dropdown_caret {
  fill: var(--appian-disabled-text-color, #777) !important;
}
.MultipleDropdownWidget---dropdown_list li,
.MultipleDropdownWidget---date_picker2__option {
  padding: 0.3571rem 0.5714rem 0.3571rem 0 !important;
  text-indent: 0.5714rem !important;
  /* needed so italicised text (placeholder) doesn't appear cut off */
}
/* placeholder for single-select dropdown */
/* repeated class name is a specificity hack to work around listbox color styling */
.MultipleDropdownWidget---dropdown_value.MultipleDropdownWidget---placeholder,
.MultipleDropdownWidget---dropdown_list.MultipleDropdownWidget---dropdown_list li.MultipleDropdownWidget---placeholder > div {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.MultipleDropdownWidget---dropdown_list li[aria-selected="true"].MultipleDropdownWidget---placeholder > div {
  color: #fff !important;
}
/* placeholder for multi-select dropdown */
.MultipleDropdownWidget---dropdown_value .MultipleDropdownWidget---value_display:empty:before {
  content: attr(data-placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.MultipleDropdownWidget---dropdown_value.MultipleDropdownWidget---has_inline_label .MultipleDropdownWidget---value_display:empty:before {
  display: inline !important;
}
/* repeated class name is a specificity hack to work around listbox max-height styling */
.MultipleDropdownWidget---dropdown_list.MultipleDropdownWidget---dropdown_list {
  max-height: 24.2857rem !important;
  /* displays 11 items + partial item */
}
.MultipleDropdownWidget---dropdown_list li[aria-selected="true"],
.MultipleDropdownWidget---dropdown_list li[aria-selected="true"]:before,
.MultipleDropdownWidget---dropdown_list li[aria-selected="true"] > div,
.MultipleDropdownWidget---date_picker2__menu .MultipleDropdownWidget---date_picker2__option.MultipleDropdownWidget---date_picker2__option--is-selected {
  background-color: #1d659c !important;
  color: #fff !important;
}
.MultipleDropdownWidget---search_box_wrapper {
  background-color: var(--appian-pop-up-menu-color, #fff) !important;
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-top-left-radius: 0rem !important;
  border-top-right-radius: 0rem !important;
  font-size: 0 !important;
  padding: 3px !important;
}
/* AN-79558: For some reason, the quoted font families are not processed the same way in LESS when they're used inside a
  detached ruleset (@shared-input-styles, here), and our theming extractor ends up not picking them. Moving the font-family
  declaration out of it addresses this. */
.MultipleDropdownWidget---text,
.MultipleDropdownWidget---password,
.MultipleDropdownWidget---textarea,
.MultipleDropdownWidget---textarea_print,
.MultipleDropdownWidget---dropdown_value,
.MultipleDropdownWidget---picker_value,
.MultipleDropdownWidget---date_range_value {
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
}
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.MultipleDropdownWidget---align_start {
  text-align: left !important;
}
.MultipleDropdownWidget---align_end {
  text-align: right !important;
}
.MultipleDropdownWidget---center {
  text-align: center !important;
}
.MultipleDropdownWidget---text::-ms-clear,
.MultipleDropdownWidget---picker_input::-ms-clear {
  display: none !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.MultipleDropdownWidget---text::-webkit-input-placeholder,
.MultipleDropdownWidget---password::-webkit-input-placeholder,
.MultipleDropdownWidget---picker_input::-webkit-input-placeholder,
.MultipleDropdownWidget---dropdown_value::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-style: italic !important;
  font-weight: 400 !important;
}
.MultipleDropdownWidget---text::-moz-placeholder,
.MultipleDropdownWidget---password::-moz-placeholder,
.MultipleDropdownWidget---picker_input::-moz-placeholder,
.MultipleDropdownWidget---dropdown_value::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.MultipleDropdownWidget---text:-ms-input-placeholder,
.MultipleDropdownWidget---password:-ms-input-placeholder,
.MultipleDropdownWidget---picker_input:-ms-input-placeholder,
.MultipleDropdownWidget---dropdown_value:-ms-input-placeholder,
.MultipleDropdownWidget---dropdown_value:disabled:-ms-input-placeholder,
.MultipleDropdownWidget---text:disabled:-ms-input-placeholder,
.MultipleDropdownWidget---password:disabled:-ms-input-placeholder,
.MultipleDropdownWidget---picker_input:disabled:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.MultipleDropdownWidget---textarea_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.MultipleDropdownWidget---text.MultipleDropdownWidget---has_clear_link,
.MultipleDropdownWidget---password.MultipleDropdownWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.MultipleDropdownWidget---text,
.MultipleDropdownWidget---password,
.MultipleDropdownWidget---textarea,
.MultipleDropdownWidget---textarea_print,
.MultipleDropdownWidget---dropdown_value,
.MultipleDropdownWidget---picker_value,
.MultipleDropdownWidget---date_range_value,
.MultipleDropdownWidget---date_picker2__control {
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  /* needs extra decimals for correct alignment in some browsers */
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  width: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
}
.MultipleDropdownWidget---text.MultipleDropdownWidget---inDarkBackground,
.MultipleDropdownWidget---password.MultipleDropdownWidget---inDarkBackground,
.MultipleDropdownWidget---textarea.MultipleDropdownWidget---inDarkBackground,
.MultipleDropdownWidget---textarea_print.MultipleDropdownWidget---inDarkBackground,
.MultipleDropdownWidget---dropdown_value.MultipleDropdownWidget---inDarkBackground,
.MultipleDropdownWidget---picker_value.MultipleDropdownWidget---inDarkBackground,
.MultipleDropdownWidget---date_range_value.MultipleDropdownWidget---inDarkBackground,
.MultipleDropdownWidget---date_picker2__control.MultipleDropdownWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.MultipleDropdownWidget---dropdown,
.MultipleDropdownWidget---picker {
  position: relative !important;
  font-size: 1rem !important;
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}
.MultipleDropdownWidget---dropdown_value,
.MultipleDropdownWidget---picker_value {
  min-height: 2.4286rem !important;
}
.appian-context-browser-safari .MultipleDropdownWidget---text,
.appian-context-browser-safari .MultipleDropdownWidget---textarea {
  margin: 0 !important;
  /* needed to prevent 2px margin-top & margin-bottom on Safari */
}
.appian-context-os-ios .MultipleDropdownWidget---text,
.appian-context-os-ios .MultipleDropdownWidget---password,
.appian-context-os-ios .MultipleDropdownWidget---textarea,
.appian-context-os-ios .MultipleDropdownWidget---textarea_print,
.appian-context-os-ios .MultipleDropdownWidget---dropdown_value,
.appian-context-os-ios .MultipleDropdownWidget---picker_value {
  font-family: -apple-system !important;
}
.appian-context-os-android .MultipleDropdownWidget---text,
.appian-context-os-android .MultipleDropdownWidget---password,
.appian-context-os-android .MultipleDropdownWidget---textarea,
.appian-context-os-android .MultipleDropdownWidget---textarea_print,
.appian-context-os-android .MultipleDropdownWidget---dropdown_value,
.appian-context-os-android .MultipleDropdownWidget---picker_value {
  font-family: "Roboto" !important;
}
.MultipleDropdownWidget---text.MultipleDropdownWidget---width_narrow,
.MultipleDropdownWidget---password.MultipleDropdownWidget---width_narrow,
.MultipleDropdownWidget---textarea.MultipleDropdownWidget---width_narrow,
.MultipleDropdownWidget---textarea_print.MultipleDropdownWidget---width_narrow,
.MultipleDropdownWidget---dropdown.MultipleDropdownWidget---width_narrow,
.MultipleDropdownWidget---picker.MultipleDropdownWidget---width_narrow {
  max-width: 160px !important;
}
.MultipleDropdownWidget---text.MultipleDropdownWidget---width_medium,
.MultipleDropdownWidget---password.MultipleDropdownWidget---width_medium,
.MultipleDropdownWidget---textarea.MultipleDropdownWidget---width_medium,
.MultipleDropdownWidget---textarea_print.MultipleDropdownWidget---width_medium,
.MultipleDropdownWidget---dropdown.MultipleDropdownWidget---width_medium,
.MultipleDropdownWidget---picker.MultipleDropdownWidget---width_medium {
  max-width: 320px !important;
}
.MultipleDropdownWidget---text:focus,
.MultipleDropdownWidget---password:focus,
.MultipleDropdownWidget---textarea:focus,
.MultipleDropdownWidget---dropdown_value:focus,
.MultipleDropdownWidget---dropdown_value.MultipleDropdownWidget---focus,
.MultipleDropdownWidget---picker_value:focus,
.MultipleDropdownWidget---picker_value.MultipleDropdownWidget---focus,
.MultipleDropdownWidget---date_picker2__control.MultipleDropdownWidget---date_picker2__control--is-focused {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.MultipleDropdownWidget---text:disabled,
.MultipleDropdownWidget---password:disabled,
.MultipleDropdownWidget---textarea:disabled,
.MultipleDropdownWidget---textarea.MultipleDropdownWidget---is_disabled,
.MultipleDropdownWidget---dropdown_value.MultipleDropdownWidget---is_disabled,
.MultipleDropdownWidget---picker_value.MultipleDropdownWidget---is_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  /* needed to prevent dropdown & picker from getting focus styling on click on IE */
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.MultipleDropdownWidget---text:disabled,
.MultipleDropdownWidget---password:disabled,
.MultipleDropdownWidget---textarea:disabled,
.MultipleDropdownWidget---textarea.MultipleDropdownWidget---is_disabled,
.MultipleDropdownWidget---dropdown_value.MultipleDropdownWidget---is_disabled:after,
.MultipleDropdownWidget---dropdown_value.MultipleDropdownWidget---is_disabled:not(.MultipleDropdownWidget---placeholder) {
  color: var(--appian-disabled-text-color, #777) !important;
  -webkit-text-fill-color: var(--appian-disabled-text-color, #777) !important;
  /* needed so disabled text color is correct in Safari */
}
.MultipleDropdownWidget---picker_value.MultipleDropdownWidget---is_disabled {
  cursor: default !important;
  /* needed to prevent text cursor */
}
.MultipleDropdownWidget---text[aria-invalid="true"]:not(.MultipleDropdownWidget---inEditableGridLayout),
.MultipleDropdownWidget---password[aria-invalid="true"]:not(.MultipleDropdownWidget---inEditableGridLayout),
.MultipleDropdownWidget---textarea[aria-invalid="true"]:not(.MultipleDropdownWidget---inEditableGridLayout),
.MultipleDropdownWidget---dropdown_value[aria-invalid="true"]:not(.MultipleDropdownWidget---inEditableGridLayout),
.MultipleDropdownWidget---picker_value.MultipleDropdownWidget---invalid:not(.MultipleDropdownWidget---inEditableGridLayout) {
  border-color: #de0037 !important;
}
.MultipleDropdownWidget---text[aria-invalid="true"]:not(.MultipleDropdownWidget---inEditableGridLayout).MultipleDropdownWidget---inDarkBackground,
.MultipleDropdownWidget---password[aria-invalid="true"]:not(.MultipleDropdownWidget---inEditableGridLayout).MultipleDropdownWidget---inDarkBackground,
.MultipleDropdownWidget---textarea[aria-invalid="true"]:not(.MultipleDropdownWidget---inEditableGridLayout).MultipleDropdownWidget---inDarkBackground,
.MultipleDropdownWidget---dropdown_value[aria-invalid="true"]:not(.MultipleDropdownWidget---inEditableGridLayout).MultipleDropdownWidget---inDarkBackground,
.MultipleDropdownWidget---picker_value.MultipleDropdownWidget---invalid:not(.MultipleDropdownWidget---inEditableGridLayout).MultipleDropdownWidget---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.MultipleDropdownWidget---text[aria-invalid="true"]:not(.MultipleDropdownWidget---inEditableGridLayout):focus,
.MultipleDropdownWidget---password[aria-invalid="true"]:not(.MultipleDropdownWidget---inEditableGridLayout):focus,
.MultipleDropdownWidget---textarea[aria-invalid="true"]:not(.MultipleDropdownWidget---inEditableGridLayout):focus,
.MultipleDropdownWidget---dropdown_value[aria-invalid="true"]:not(.MultipleDropdownWidget---inEditableGridLayout):focus,
.MultipleDropdownWidget---picker_value.MultipleDropdownWidget---invalid:not(.MultipleDropdownWidget---inEditableGridLayout):focus,
.MultipleDropdownWidget---picker_value.MultipleDropdownWidget---invalid:not(.MultipleDropdownWidget---inEditableGridLayout).MultipleDropdownWidget---focus {
  border-color: #1d659c !important;
}
.MultipleDropdownWidget---picker_value.MultipleDropdownWidget---invalid:not(.MultipleDropdownWidget---inEditableGridLayout),
.MultipleDropdownWidget---picker_value.MultipleDropdownWidget---invalid:not(.MultipleDropdownWidget---inEditableGridLayout):focus,
.MultipleDropdownWidget---picker_value.MultipleDropdownWidget---invalid:not(.MultipleDropdownWidget---inEditableGridLayout).MultipleDropdownWidget---focus {
  z-index: 2 !important;
}
.MultipleDropdownWidget---text[aria-invalid="true"].MultipleDropdownWidget---inEditableGridLayout.MultipleDropdownWidget---inSideBySideItem,
.MultipleDropdownWidget---text[aria-invalid="true"].MultipleDropdownWidget---inEditableGridLayout.MultipleDropdownWidget---inSideBySideItem:focus,
.MultipleDropdownWidget---password[aria-invalid="true"].MultipleDropdownWidget---inEditableGridLayout.MultipleDropdownWidget---inSideBySideItem,
.MultipleDropdownWidget---password[aria-invalid="true"].MultipleDropdownWidget---inEditableGridLayout.MultipleDropdownWidget---inSideBySideItem:focus,
.MultipleDropdownWidget---dropdown_value[aria-invalid="true"].MultipleDropdownWidget---inEditableGridLayout.MultipleDropdownWidget---inSideBySideItem,
.MultipleDropdownWidget---dropdown_value[aria-invalid="true"].MultipleDropdownWidget---inEditableGridLayout.MultipleDropdownWidget---inSideBySideItem:focus,
.MultipleDropdownWidget---picker_value.MultipleDropdownWidget---invalid.MultipleDropdownWidget---inEditableGridLayout.MultipleDropdownWidget---inSideBySideItem,
.MultipleDropdownWidget---picker_value.MultipleDropdownWidget---invalid.MultipleDropdownWidget---inEditableGridLayout.MultipleDropdownWidget---inSideBySideItem:focus,
.MultipleDropdownWidget---picker_value.MultipleDropdownWidget---invalid.MultipleDropdownWidget---inEditableGridLayout.MultipleDropdownWidget---inSideBySideItem.MultipleDropdownWidget---focus {
  border: 1px solid transparent !important;
}
.MultipleDropdownWidget---invalidInSideBySide,
.MultipleDropdownWidget---invalidInSideBySide:focus {
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.MultipleDropdownWidget---invalidInSideBySide.MultipleDropdownWidget---inDarkBackground,
.MultipleDropdownWidget---invalidInSideBySide:focus.MultipleDropdownWidget---inDarkBackground {
  border-left-color: var(--appian-input-border-color, #ddd) !important;
  border-right-color: var(--appian-input-border-color, #ddd) !important;
}
.MultipleDropdownWidget---textarea[aria-invalid="true"].MultipleDropdownWidget---inEditableGridLayout.MultipleDropdownWidget---inSideBySideItem,
.MultipleDropdownWidget---textarea[aria-invalid="true"].MultipleDropdownWidget---inEditableGridLayout.MultipleDropdownWidget---inSideBySideItem:focus {
  border-color: #de0037 !important;
}
.MultipleDropdownWidget---textarea[aria-invalid="true"].MultipleDropdownWidget---inEditableGridLayout.MultipleDropdownWidget---inSideBySideItem.MultipleDropdownWidget---inDarkBackground,
.MultipleDropdownWidget---textarea[aria-invalid="true"].MultipleDropdownWidget---inEditableGridLayout.MultipleDropdownWidget---inSideBySideItem.MultipleDropdownWidget---inDarkBackground:focus {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.MultipleDropdownWidget---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.MultipleDropdownWidget---show_data_icon .MultipleDropdownWidget---text,
.MultipleDropdownWidget---show_data_icon .MultipleDropdownWidget---password,
.MultipleDropdownWidget---show_data_icon .MultipleDropdownWidget---textarea,
.MultipleDropdownWidget---show_data_icon .MultipleDropdownWidget---dropdown_value {
  padding-left: 1.7857rem !important;
}
.MultipleDropdownWidget---text.MultipleDropdownWidget---has_clear_link,
.MultipleDropdownWidget---password.MultipleDropdownWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.MultipleDropdownWidget---character_count {
  position: absolute !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 300 !important;
  right: 0 !important;
  bottom: 0 !important;
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  pointer-events: none !important;
}
.MultipleDropdownWidget---character_count.MultipleDropdownWidget---over_limit:not(.MultipleDropdownWidget---inDarkBackground) {
  color: #de0037 !important;
  fill: #de0037 !important;
}
.MultipleDropdownWidget---character_count.MultipleDropdownWidget---over_limit.MultipleDropdownWidget---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.MultipleDropdownWidget---character_count .MultipleDropdownWidget---icon_container {
  outline: none !important;
  margin-right: 3px !important;
  margin-bottom: -2px !important;
}
.MultipleDropdownWidget---character_count .MultipleDropdownWidget---icon_container > svg {
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
.MultipleDropdownWidget---character_count_overlay {
  background-color: var(--appian-input-background-color-faded, #fffd) !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 0.7143rem 0.5714rem 0 !important;
  z-index: 3 !important;
}
.appian-context-os-windows .MultipleDropdownWidget---character_count_overlay {
  margin: 0 1.2857rem 0.5714rem 0 !important;
}
.MultipleDropdownWidget---textarea:disabled + .MultipleDropdownWidget---character_count_overlay,
.MultipleDropdownWidget---character_count_overlay_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.MultipleDropdownWidget---data_icon {
  position: absolute !important;
  top: 0.7143rem !important;
  left: 0.5714rem !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  fill: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
a.MultipleDropdownWidget---input_clear_link {
  border: none !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.MultipleDropdownWidget---input_icon_wrapper > a.MultipleDropdownWidget---input_clear_link {
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.9286rem !important;
}
.appian-context-browser-edge .MultipleDropdownWidget---input_icon_wrapper > a.MultipleDropdownWidget---input_clear_link {
  top: 0.5rem !important;
}
.MultipleDropdownWidget---dropdown_value a.MultipleDropdownWidget---input_clear_link {
  position: absolute !important;
  right: 1.4286rem !important;
  top: 0.5714rem !important;
}
.appian-context-os-mac.appian-context-browser-chrome .MultipleDropdownWidget---dropdown_value a.MultipleDropdownWidget---input_clear_link {
  top: 0.5rem !important;
}
a.MultipleDropdownWidget---input_clear_link:hover,
a.MultipleDropdownWidget---input_clear_link:focus:not([data-appian-ux-mouse-focus]) {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.MultipleDropdownWidget---dropdown .MultipleDropdownWidget---dropdown_value.MultipleDropdownWidget---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.MultipleDropdownWidget---dropdown_value.MultipleDropdownWidget---has_inline_label span.MultipleDropdownWidget---inline_label,
.MultipleDropdownWidget---date_range_value.MultipleDropdownWidget---has_inline_label span.MultipleDropdownWidget---inline_label {
  display: inline-block !important;
  max-width: 70% !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.7857rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.1429rem !important;
  vertical-align: -0.2143rem !important;
  margin-right: 0.5rem !important;
  padding-right: 0.5rem !important;
  border-right: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.MultipleDropdownWidget---dropdown_value.MultipleDropdownWidget---has_inline_label.MultipleDropdownWidget---inDarkBackground span.MultipleDropdownWidget---inline_label,
.MultipleDropdownWidget---date_range_value.MultipleDropdownWidget---has_inline_label.MultipleDropdownWidget---inDarkBackground span.MultipleDropdownWidget---inline_label {
  border-right-color: var(--appian-choice-border-color, #bbb) !important;
}
.appian-context-browser-safari .MultipleDropdownWidget---dropdown_value.MultipleDropdownWidget---has_inline_label span.MultipleDropdownWidget---inline_label,
.appian-context-browser-safari .MultipleDropdownWidget---date_range_value.MultipleDropdownWidget---has_inline_label span.MultipleDropdownWidget---inline_label {
  vertical-align: inherit !important;
}
.MultipleDropdownWidget---dropdown_value.MultipleDropdownWidget---has_inline_label.MultipleDropdownWidget---highlighted span.MultipleDropdownWidget---value_display,
.MultipleDropdownWidget---date_range_value.MultipleDropdownWidget---has_inline_label.MultipleDropdownWidget---highlighted span.MultipleDropdownWidget---value_display {
  font-weight: 700 !important;
}
.MultipleDropdownWidget---dropdown_value.MultipleDropdownWidget---has_inline_label a.MultipleDropdownWidget---input_clear_link,
.MultipleDropdownWidget---date_range_value.MultipleDropdownWidget---has_inline_label a.MultipleDropdownWidget---input_clear_link {
  display: none !important;
  position: absolute !important;
  right: 1.5714rem !important;
  top: 0.5714rem !important;
}
.MultipleDropdownWidget---dropdown_value.MultipleDropdownWidget---has_inline_label.MultipleDropdownWidget---highlighted a.MultipleDropdownWidget---input_clear_link,
.MultipleDropdownWidget---date_range_value.MultipleDropdownWidget---has_inline_label.MultipleDropdownWidget---highlighted a.MultipleDropdownWidget---input_clear_link {
  display: inline-block !important;
}
.MultipleDropdownWidget---date_range_value.MultipleDropdownWidget---has_inline_label.MultipleDropdownWidget---validation:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.MultipleDropdownWidget---date_range_value.MultipleDropdownWidget---has_inline_label.MultipleDropdownWidget---validation:before {
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.MultipleDropdownWidget---date_range_value.MultipleDropdownWidget---has_inline_label.MultipleDropdownWidget---validation.MultipleDropdownWidget---inDarkBackground:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.MultipleDropdownWidget---number_range_input.MultipleDropdownWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.MultipleDropdownWidget---date_range_value.MultipleDropdownWidget---has_inline_label.MultipleDropdownWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
}
.MultipleDropdownWidget---date_range_value.MultipleDropdownWidget---has_inline_label.MultipleDropdownWidget---validation.MultipleDropdownWidget---inDarkBackground:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.MultipleDropdownWidget---number_range_input.MultipleDropdownWidget---validation,
.MultipleDropdownWidget---date_range_value.MultipleDropdownWidget---has_inline_label.MultipleDropdownWidget---validation {
  position: relative !important;
  border-color: transparent !important;
}
ul.MultipleDropdownWidget---listbox,
.MultipleDropdownWidget---date_picker2__menu {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  -webkit-appearance: none !important;
  background-color: var(--appian-pop-up-menu-color, #fff) !important;
  z-index: 2000020 !important;
  white-space: nowrap !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  max-height: 24.5714rem !important;
  /* displays 11 items + partial item */
  max-width: 700px !important;
  /* if this value changes, also update widthThreshold in DropdownWidget.jsx, MultipleDropdown.jsx, PickerWidget.jsx, & TimeWidget.jsx */
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  position: absolute !important;
  margin-top: 2px !important;
  left: 0 !important;
  right: auto !important;
  text-align: left !important;
  outline: none !important;
}
ul.MultipleDropdownWidget---listbox.MultipleDropdownWidget---inDarkBackground,
.MultipleDropdownWidget---date_picker2__menu.MultipleDropdownWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
ul.MultipleDropdownWidget---relative {
  /* necessary for Tether to be aware of the listbox's height */
  position: relative !important;
  margin-top: 0px !important;
}
ul.MultipleDropdownWidget---listbox.MultipleDropdownWidget---inline {
  /* default medium height */
  position: static !important;
  z-index: auto !important;
}
ul.MultipleDropdownWidget---listbox.MultipleDropdownWidget---short {
  max-height: 12rem !important;
  /* displays 5 items + partial item */
}
ul.MultipleDropdownWidget---listbox.MultipleDropdownWidget---tall {
  max-height: 34.6429rem !important;
  /* displays 16 items + partial item */
}
ul.MultipleDropdownWidget---listbox.MultipleDropdownWidget---auto {
  /* auto height = no constraint */
  max-height: none !important;
}
ul.MultipleDropdownWidget---listbox.MultipleDropdownWidget---pointer {
  margin-top: 6px !important;
}
ul.MultipleDropdownWidget---listbox.MultipleDropdownWidget---pointer:before {
  content: "" !important;
  position: absolute !important;
  top: -16px !important;
  left: 3px !important;
  width: 0 !important;
  height: 0 !important;
  border-bottom: 8px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-top: 8px solid transparent !important;
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
}
ul.MultipleDropdownWidget---listbox.MultipleDropdownWidget---pointer:after {
  content: "" !important;
  position: absolute !important;
  top: -12px !important;
  left: 5px !important;
  width: 0 !important;
  height: 0 !important;
  border-bottom: 6px solid var(--appian-pop-up-menu-color, #fff) !important;
  border-top: 6px solid transparent !important;
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
}
ul.MultipleDropdownWidget---listbox.MultipleDropdownWidget---anchor_end.MultipleDropdownWidget---pointer:before {
  left: auto !important;
  right: 3px !important;
}
ul.MultipleDropdownWidget---listbox.MultipleDropdownWidget---pointer:after {
  left: auto !important;
  right: 5px !important;
}
ul.MultipleDropdownWidget---listbox.MultipleDropdownWidget---anchor_top {
  top: auto !important;
  bottom: 2.5rem !important;
}
ul.MultipleDropdownWidget---listbox.MultipleDropdownWidget---anchor_end {
  /*rtl:begin:ignore*/
  left: auto !important;
  right: 0 !important;
  /*rtl:end:ignore*/
}
ul.MultipleDropdownWidget---listbox.MultipleDropdownWidget---closed {
  display: none !important;
}
ul.MultipleDropdownWidget---listbox.MultipleDropdownWidget---open {
  display: block !important;
}
ul.MultipleDropdownWidget---listbox.MultipleDropdownWidget---inModalDialogLayout {
  z-index: 2000023 !important;
}
ul.MultipleDropdownWidget---listbox li,
.MultipleDropdownWidget---date_picker2__menu .MultipleDropdownWidget---date_picker2__option {
  outline: none !important;
  position: relative !important;
  cursor: default !important;
  line-height: 1.4 !important;
}
li.MultipleDropdownWidget---active,
.MultipleDropdownWidget---date_picker2__menu .MultipleDropdownWidget---date_picker2__option.MultipleDropdownWidget---date_picker2__option--is-focused:not(.MultipleDropdownWidget---date_picker2__option--is-selected) {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
  box-shadow: 0 0 0 1px #1d659c inset !important;
}
li:not(.MultipleDropdownWidget---inRichTextEditorWidget).MultipleDropdownWidget---active[aria-selected="true"]:after,
.MultipleDropdownWidget---date_picker2__option.MultipleDropdownWidget---date_picker2__option--is-focused.MultipleDropdownWidget---date_picker2__option--is-selected:after {
  content: "" !important;
  display: inline-block !important;
  width: calc(100% - 4px) !important;
  height: calc(100% - 4px) !important;
  position: absolute !important;
  left: 2px !important;
  top: 2px !important;
  border: 1px solid #fff !important;
}
li.MultipleDropdownWidget---inApplicationHeaderLayout:not(.MultipleDropdownWidget---inProcessHQ).MultipleDropdownWidget---inDarkBackground.MultipleDropdownWidget---active {
  background-color: rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 0 0 1px #fff inset !important;
}
ul.MultipleDropdownWidget---listbox li > div,
.MultipleDropdownWidget---date_picker2__menu .MultipleDropdownWidget---date_picker2__option {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  min-height: 1.3571rem !important;
  cursor: default !important;
  color: var(--appian-text-color, #222) !important;
}
ul.MultipleDropdownWidget---listbox.MultipleDropdownWidget---inApplicationHeaderLayout:not(.MultipleDropdownWidget---inProcessHQ).MultipleDropdownWidget---inDarkBackground li > div {
  color: #fff !important;
  fill: #fff !important;
}
.MultipleDropdownWidget---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .MultipleDropdownWidget---accessibilityhidden {
  font-size: 0 !important;
}
/* needed on multi dropdown to accommodate the overflow indicator */
.MultipleDropdownWidget---dropdown.MultipleDropdownWidget---multi .MultipleDropdownWidget---dropdown_value {
  padding-right: 1.4286rem !important;
}
.MultipleDropdownWidget---dropdown.MultipleDropdownWidget---multi .MultipleDropdownWidget---dropdown_value.MultipleDropdownWidget---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.MultipleDropdownWidget---dropdown.MultipleDropdownWidget---multi .MultipleDropdownWidget---dropdown_value:after {
  position: absolute !important;
  right: 0 !important;
  width: 1.3571rem !important;
  height: 1.2857rem !important;
  margin-right: 1px !important;
  /* accommodates for the 1px border around input*/
  background-color: #fff !important;
}
.appian-context-browser-edge .MultipleDropdownWidget---dropdown.MultipleDropdownWidget---multi .MultipleDropdownWidget---dropdown_value:after {
  width: 1.4286rem !important;
}
.MultipleDropdownWidget---dropdown.MultipleDropdownWidget---multi .MultipleDropdownWidget---dropdown_value.MultipleDropdownWidget---is_disabled:after {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
ul.MultipleDropdownWidget---dropdown_list.MultipleDropdownWidget---multi.MultipleDropdownWidget---is_selectable .MultipleDropdownWidget---list_item_checkmark,
ul.MultipleDropdownWidget---dropdown_list.MultipleDropdownWidget---multi.MultipleDropdownWidget---is_selectable .MultipleDropdownWidget---list_item_text {
  vertical-align: middle !important;
}
ul.MultipleDropdownWidget---dropdown_list.MultipleDropdownWidget---multi.MultipleDropdownWidget---is_selectable .MultipleDropdownWidget---list_item_checkmark {
  height: 1rem !important;
  width: 1rem !important;
  margin-right: 0.4rem !important;
  fill: var(--appian-unselected-checkmark-color, #cfcfcf) !important;
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
ul.MultipleDropdownWidget---dropdown_list.MultipleDropdownWidget---multi.MultipleDropdownWidget---is_selectable li[aria-selected="true"] .MultipleDropdownWidget---list_item_checkmark {
  fill: #fff !important;
  opacity: 1 !important;
}
ul.MultipleDropdownWidget---dropdown_list.MultipleDropdownWidget---multi li {
  border-bottom: 1px solid var(--appian-pop-up-menu-color, #fff) !important;
}
ul.MultipleDropdownWidget---dropdown_list.MultipleDropdownWidget---multi li:last-of-type {
  border-bottom: none !important;
}
.MultipleDropdownWidget---dropdown.MultipleDropdownWidget---multi .MultipleDropdownWidget---dropdown_value a.MultipleDropdownWidget---input_clear_link {
  padding: 0 0.2857rem !important;
  right: 1.1429rem !important;
}
.MultipleDropdownWidget---dropdown.MultipleDropdownWidget---multi .MultipleDropdownWidget---dropdown_value.MultipleDropdownWidget---is_disabled a.MultipleDropdownWidget---input_clear_link {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  -webkit-transform: none !important;
          transform: none !important;
  cursor: default !important;
}
a.MultipleDropdownWidget---input_clear_link i.MultipleDropdownWidget---fa-times-circle-svg {
  content: "" !important;
  display: inline-block !important;
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1277%201122q0-26-19-45l-181-181%20181-181q19-19%2019-45%200-27-19-46l-90-90q-19-19-46-19-26%200-45%2019l-181%20181-181-181q-19-19-45-19-27%200-46%2019l-90%2090q-19%2019-19%2046%200%2026%2019%2045l181%20181-181%20181q-19%2019-19%2045%200%2027%2019%2046l90%2090q19%2019%2046%2019%2026%200%2045-19l181-181%20181%20181q19%2019%2045%2019%2027%200%2046-19l90-90q19-19%2019-46zm387-226q0%20209-103%20385.5t-279.5%20279.5-385.5%20103-385.5-103-279.5-279.5-103-385.5%20103-385.5%20279.5-279.5%20385.5-103%20385.5%20103%20279.5%20279.5%20103%20385.5z%22/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 1rem 1rem !important;
  background-position: 50% 25% !important;
  width: 1rem !important;
  height: 1rem !important;
  position: static !important;
  vertical-align: middle !important;
  margin-top: -0.2143rem !important;
}
.appian-context-browser-edge a.MultipleDropdownWidget---input_clear_link i.MultipleDropdownWidget---fa-times-circle-svg {
  background-size: 2rem 2rem !important;
  width: 2rem !important;
  height: 2rem !important;
  -webkit-transform: scale(0.5) !important;
          transform: scale(0.5) !important;
  margin: -0.3571rem -0.3571rem 0 -0.5rem !important;
}
.MultipleDropdownWidget---dropdown_value.MultipleDropdownWidget---is_disabled a.MultipleDropdownWidget---input_clear_link i.MultipleDropdownWidget---fa-times-circle-svg {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22var%28--appian-disabled-text-color,%20%23777%29%22%3E%3Cpath%20d%3D%22M1277%201122q0-26-19-45l-181-181%20181-181q19-19%2019-45%200-27-19-46l-90-90q-19-19-46-19-26%200-45%2019l-181%20181-181-181q-19-19-45-19-27%200-46%2019l-90%2090q-19%2019-19%2046%200%2026%2019%2045l181%20181-181%20181q-19%2019-19%2045%200%2027%2019%2046l90%2090q19%2019%2046%2019%2026%200%2045-19l181-181%20181%20181q19%2019%2045%2019%2027%200%2046-19l90-90q19-19%2019-46zm387-226q0%20209-103%20385.5t-279.5%20279.5-385.5%20103-385.5-103-279.5-279.5-103-385.5%20103-385.5%20279.5-279.5%20385.5-103%20385.5%20103%20279.5%20279.5%20103%20385.5z%22/%3E%3C/svg%3E") !important;
}
.MultipleDropdownWidget---dropdown_overflow_indicator {
  position: absolute !important;
  top: 0.5514rem !important;
  right: 1.2857rem !important;
  background-color: #fff !important;
}
.MultipleDropdownWidget---inDarkBackground .MultipleDropdownWidget---dropdown_overflow_indicator {
  background-color: var(--appian-input-background-color, #fff) !important;
}
.MultipleDropdownWidget---dropdown_overflow_indicator:focus {
  outline: none !important;
}
.MultipleDropdownWidget---dropdown_value.MultipleDropdownWidget---highlighted .MultipleDropdownWidget---dropdown_overflow_indicator {
  right: 2.5714rem !important;
}
.appian-context-browser-edge .MultipleDropdownWidget---dropdown_value.MultipleDropdownWidget---highlighted .MultipleDropdownWidget---dropdown_overflow_indicator {
  right: 2.7143rem !important;
}
.MultipleDropdownWidget---dropdown_value.MultipleDropdownWidget---is_disabled .MultipleDropdownWidget---dropdown_overflow_indicator {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.MultipleDropdownWidget---dropdown_overflow_indicator:before {
  content: "" !important;
  position: absolute !important;
  display: inline-block !important;
  top: -0.2857rem !important;
  height: 1.857rem !important;
  background-color: #fff !important;
}
.MultipleDropdownWidget---dropdown_overflow_indicator:after {
  content: "" !important;
  display: inline-block !important;
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M576%20736v192q0%2040-28%2068t-68%2028h-192q-40%200-68-28t-28-68v-192q0-40%2028-68t68-28h192q40%200%2068%2028t28%2068zm512%200v192q0%2040-28%2068t-68%2028h-192q-40%200-68-28t-28-68v-192q0-40%2028-68t68-28h192q40%200%2068%2028t28%2068zm512%200v192q0%2040-28%2068t-68%2028h-192q-40%200-68-28t-28-68v-192q0-40%2028-68t68-28h192q40%200%2068%2028t28%2068z%22/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 2rem 2rem !important;
  width: 2rem !important;
  height: 1.2857rem !important;
  -webkit-transform: scale(0.5) !important;
          transform: scale(0.5) !important;
  margin: -0.0714rem -0.3571rem 0 -0.2143rem !important;
}
/* Forces truncation tooltip to remain accent color even when disabled in all browsers but IE11. */
.MultipleDropdownWidget---dropdown_value.MultipleDropdownWidget---is_disabled .MultipleDropdownWidget---dropdown_overflow_indicator:after {
  -webkit-text-fill-color: #1d659c !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.MultipleFileUploadWidget---nowrap {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.MultipleFileUploadWidget---ui-inaccessible {
  display: none !important;
}
.MultipleFileUploadWidget---drag_drop_zone_wrapper {
  width: 100% !important;
  max-width: 450px !important;
  display: inline-block !important;
  padding: 0.1429rem 0.1429rem 0.1429rem calc(0.1429rem + 1px) !important;
  border: 1px dashed var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-top-right-radius: 0rem !important;
  border-bottom-right-radius: 0rem !important;
  border-top-left-radius: max(0rem, 0rem) !important;
  border-bottom-left-radius: max(0rem, 0rem) !important;
  overflow: hidden !important;
  font-size: 1rem !important;
  /* fix alignment issue when in side-by-side layout which sets font-size:0 */
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  cursor: default !important;
  vertical-align: top !important;
  /* needed to prevent extra white space from showing below inline-block element */
  color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed for instructions ellipsis */
}
.MultipleFileUploadWidget---drag_drop_zone_wrapper.MultipleFileUploadWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .MultipleFileUploadWidget---drag_drop_zone_wrapper {
    padding: 0 !important;
    border: none !important;
  }
}
.appian-context-ux-screen-size-narrow .MultipleFileUploadWidget---drag_drop_zone_wrapper {
  /* rules to apply in the phone form factor preview in ID */
  padding: 0 !important;
  border: none !important;
}
.appian-context-ux-screen-size-medium .MultipleFileUploadWidget---drag_drop_zone_wrapper {
  /* rules to apply in the tablet form factor preview in ID */
  padding: 0 !important;
  border: none !important;
}
.MultipleFileUploadWidget---drag_drop_zone_wrapper.MultipleFileUploadWidget---inAccentBackground {
  color: #fff !important;
  /* needed for instructions ellipsis */
  border-color: var(--appian-choice-border-color, #bbb) !important;
}
.MultipleFileUploadWidget---drag_drop_zone_wrapper.MultipleFileUploadWidget---multi {
  width: calc(100% - 24px) !important;
  max-width: 426px !important;
  height: 38px !important;
  padding-top: 7px !important;
  padding-left: 14px !important;
  border-left: none !important;
  margin-left: -18px !important;
}
@media print {
  .MultipleFileUploadWidget---drag_drop_zone_wrapper.MultipleFileUploadWidget---multi {
    padding-top: 10px !important;
    padding-left: 20px !important;
  }
  .appian-context-browser-edge .MultipleFileUploadWidget---drag_drop_zone_wrapper.MultipleFileUploadWidget---multi {
    display: none !important;
  }
}
.MultipleFileUploadWidget---drag_drop_zone_wrapper.MultipleFileUploadWidget---dragover {
  border-color: #1d659c !important;
}
.MultipleFileUploadWidget---drag_drop_zone_wrapper.MultipleFileUploadWidget---dragover.MultipleFileUploadWidget---inAccentBackground {
  border-color: #fff !important;
}
.MultipleFileUploadWidget---drag_drop_zone_wrapper .MultipleFileUploadWidget---drop_icon {
  display: inline-block !important;
  position: relative !important;
  width: 2rem !important;
  height: 1.4289rem !important;
  vertical-align: text-bottom !important;
  margin-right: 0.2857rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .MultipleFileUploadWidget---drag_drop_zone_wrapper .MultipleFileUploadWidget---drop_icon {
    display: none !important;
  }
}
.appian-context-ux-screen-size-narrow .MultipleFileUploadWidget---drag_drop_zone_wrapper .MultipleFileUploadWidget---drop_icon {
  /* rules to apply in the phone form factor preview in ID */
  display: none !important;
}
.appian-context-ux-screen-size-medium .MultipleFileUploadWidget---drag_drop_zone_wrapper .MultipleFileUploadWidget---drop_icon {
  /* rules to apply in the tablet form factor preview in ID */
  display: none !important;
}
@media print {
  .appian-context-browser-edge .MultipleFileUploadWidget---drag_drop_zone_wrapper .MultipleFileUploadWidget---drop_icon {
    display: none !important;
  }
}
.MultipleFileUploadWidget---drag_drop_zone_wrapper .MultipleFileUploadWidget---drop_instructions {
  font-size: 0.9286rem !important;
  font-style: italic !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .MultipleFileUploadWidget---drag_drop_zone_wrapper .MultipleFileUploadWidget---drop_instructions {
    display: none !important;
  }
}
.appian-context-ux-screen-size-narrow .MultipleFileUploadWidget---drag_drop_zone_wrapper .MultipleFileUploadWidget---drop_instructions {
  /* rules to apply in the phone form factor preview in ID */
  display: none !important;
}
.appian-context-ux-screen-size-medium .MultipleFileUploadWidget---drag_drop_zone_wrapper .MultipleFileUploadWidget---drop_instructions {
  /* rules to apply in the tablet form factor preview in ID */
  display: none !important;
}
@media print {
  .appian-context-browser-edge .MultipleFileUploadWidget---drag_drop_zone_wrapper .MultipleFileUploadWidget---drop_instructions {
    margin-left: 0.5714rem !important;
  }
}
.MultipleFileUploadWidget---drag_drop_zone_wrapper .MultipleFileUploadWidget---drop_instructions {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 400 !important;
}
.MultipleFileUploadWidget---drag_drop_zone_wrapper.MultipleFileUploadWidget---inAccentBackground .MultipleFileUploadWidget---drop_instructions {
  color: #fff !important;
}
.MultipleFileUploadWidget---drag_drop_zone_wrapper.MultipleFileUploadWidget---disabled .MultipleFileUploadWidget---drop_instructions {
  opacity: 0.7 !important;
}
.MultipleFileUploadWidget---drag_drop_zone_wrapper:not(.MultipleFileUploadWidget---multi) .MultipleFileUploadWidget---drop_instructions {
  margin-right: 0.5714rem !important;
}
.MultipleFileUploadWidget---drag_drop_zone_wrapper .MultipleFileUploadWidget---drop_icon .MultipleFileUploadWidget---drop_file_icon {
  width: 1rem !important;
  height: 1rem !important;
  position: absolute !important;
  top: 0.2143rem !important;
  left: 0.6429rem /*rtl:0.1429rem*/ !important;
}
.MultipleFileUploadWidget---drag_drop_zone_wrapper .MultipleFileUploadWidget---drop_icon .MultipleFileUploadWidget---drop_pointer_icon {
  width: 0.9286rem !important;
  height: 0.9286rem !important;
  position: absolute !important;
  top: 0.7143rem !important;
  left: 1.1429rem /*rtl:0.7143rem*/ !important;
}
.MultipleFileUploadWidget---drag_drop_zone_wrapper .MultipleFileUploadWidget---drop_icon {
  fill: var(--appian-placeholder-text-color, #767676) !important;
}
.MultipleFileUploadWidget---drag_drop_zone_wrapper.MultipleFileUploadWidget---inAccentBackground .MultipleFileUploadWidget---drop_icon {
  fill: #fff !important;
}
.MultipleFileUploadWidget---drag_drop_zone_wrapper.MultipleFileUploadWidget---disabled .MultipleFileUploadWidget---drop_icon {
  opacity: 0.7 !important;
}
.MultipleFileUploadWidget---drag_drop_zone_wrapper.MultipleFileUploadWidget---compact .MultipleFileUploadWidget---drop_instructions {
  margin-left: 0.5714rem !important;
}
.MultipleFileUploadWidget---upload_add {
  display: inline-block !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 19px !important;
  border: 3px solid #1d659c !important;
  position: relative !important;
  vertical-align: middle !important;
  border-color: var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.MultipleFileUploadWidget---upload_add.MultipleFileUploadWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.MultipleFileUploadWidget---upload_add.MultipleFileUploadWidget---inAccentBackground,
.MultipleFileUploadWidget---upload_add.MultipleFileUploadWidget---inAccentBackground:not(.MultipleFileUploadWidget---disabled):hover,
.MultipleFileUploadWidget---upload_add.MultipleFileUploadWidget---inAccentBackground:not(.MultipleFileUploadWidget---disabled):focus {
  border: 3px solid #fff !important;
  border-color: #fff !important;
}
/* hide icon since background images don't print properly on Edge */
@media print {
  .appian-context-browser-edge .MultipleFileUploadWidget---upload_add {
    display: none !important;
  }
}
.MultipleFileUploadWidget---upload_add:not(.MultipleFileUploadWidget---disabled):hover,
.MultipleFileUploadWidget---upload_add:not(.MultipleFileUploadWidget---disabled):focus {
  background-color: #1d659c !important;
  border-color: #1d659c !important;
}
.MultipleFileUploadWidget---upload_add.MultipleFileUploadWidget---disabled:hover {
  background-color: #fff !important;
  border-color: var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.MultipleFileUploadWidget---upload_add.MultipleFileUploadWidget---disabled:hover.MultipleFileUploadWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.MultipleFileUploadWidget---upload_add:not(.MultipleFileUploadWidget---disabled):after {
  content: "" !important;
  display: inline-block !important;
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1600%20736v192q0%2040-28%2068t-68%2028h-416v416q0%2040-28%2068t-68%2028h-192q-40%200-68-28t-28-68v-416h-416q-40%200-68-28t-28-68v-192q0-40%2028-68t68-28h416v-416q0-40%2028-68t68-28h192q40%200%2068%2028t28%2068v416h416q40%200%2068%2028t28%2068z%22/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 20px 20px !important;
  background-position: 50% 50% !important;
  width: 34px !important;
  height: 34px !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
  cursor: pointer !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
}
.appian-context-browser-edge .MultipleFileUploadWidget---upload_add:not(.MultipleFileUploadWidget---disabled):after {
  background-size: 40px 40px !important;
  -webkit-transform: scale(0.5) !important;
          transform: scale(0.5) !important;
  margin: -17px -17px !important;
}
.MultipleFileUploadWidget---upload_add.MultipleFileUploadWidget---inAccentBackground:not(.MultipleFileUploadWidget---disabled):after {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M1600%20736v192q0%2040-28%2068t-68%2028h-416v416q0%2040-28%2068t-68%2028h-192q-40%200-68-28t-28-68v-416h-416q-40%200-68-28t-28-68v-192q0-40%2028-68t68-28h416v-416q0-40%2028-68t68-28h192q40%200%2068%2028t28%2068v416h416q40%200%2068%2028t28%2068z%22/%3E%3C/svg%3E") !important;
}
.MultipleFileUploadWidget---upload_add:not(.MultipleFileUploadWidget---disabled):hover:after,
.MultipleFileUploadWidget---upload_add:not(.MultipleFileUploadWidget---disabled):focus:after {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M1600%20736v192q0%2040-28%2068t-68%2028h-416v416q0%2040-28%2068t-68%2028h-192q-40%200-68-28t-28-68v-416h-416q-40%200-68-28t-28-68v-192q0-40%2028-68t68-28h416v-416q0-40%2028-68t68-28h192q40%200%2068%2028t28%2068v416h416q40%200%2068%2028t28%2068z%22/%3E%3C/svg%3E") !important;
  background-position: 50% !important;
  cursor: pointer !important;
}
.MultipleFileUploadWidget---upload_add.MultipleFileUploadWidget---inAccentBackground:not(.MultipleFileUploadWidget---disabled):hover:after,
.MultipleFileUploadWidget---upload_add.MultipleFileUploadWidget---inAccentBackground:not(.MultipleFileUploadWidget---disabled):focus:after {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M1600%20736v192q0%2040-28%2068t-68%2028h-416v416q0%2040-28%2068t-68%2028h-192q-40%200-68-28t-28-68v-416h-416q-40%200-68-28t-28-68v-192q0-40%2028-68t68-28h416v-416q0-40%2028-68t68-28h192q40%200%2068%2028t28%2068v416h416q40%200%2068%2028t28%2068z%22/%3E%3C/svg%3E") !important;
}
.MultipleFileUploadWidget---upload_add:not(.MultipleFileUploadWidget---disabled):hover:after {
  -webkit-transform: scaleX(1.2) scaleY(1.2) translate(-42%, -42%) !important;
          transform: scaleX(1.2) scaleY(1.2) translate(-42%, -42%) !important;
}
.appian-context-browser-edge .MultipleFileUploadWidget---upload_add:not(.MultipleFileUploadWidget---disabled):hover:after {
  width: 68px !important;
  height: 68px !important;
  -webkit-transform: scaleX(0.6) scaleY(0.6) !important;
          transform: scaleX(0.6) scaleY(0.6) !important;
  margin: -34px -34px !important;
}
.MultipleFileUploadWidget---uploads_wrapper {
  outline: none !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.FileInfoView---nowrap {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.FileInfoView---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .FileInfoView---accessibilityhidden {
  font-size: 0 !important;
}
.FileInfoView---upload_item {
  display: table !important;
  table-layout: fixed !important;
  width: 100% !important;
  max-width: 450px !important;
}
.FileInfoView---upload_item.FileInfoView---inAccentBackground .FileInfoView---file_metadata {
  color: #fff !important;
}
.FileInfoView---upload_item.FileInfoView---inDarkBackground .FileInfoView---file_metadata {
  color: #eee !important;
}
.FileInfoView---upload_item.FileInfoView---inLightBackground .FileInfoView---file_metadata {
  color: #222 !important;
}
.FileInfoView---upload_item p {
  line-height: 19px !important;
  /* needed so that 2 lines of text equal the height of the icon (38px) */
}
/* icon is hidden when printing on Edge */
@media print {
  .appian-context-browser-edge .FileInfoView---upload_item p {
    line-height: 13px !important;
  }
}
.FileInfoView---upload_item:focus {
  outline: none !important;
}
.FileInfoView---upload_item:not(:last-child) {
  margin-bottom: 6px !important;
}
.FileInfoView---upload_item > div {
  display: table-cell !important;
  vertical-align: middle !important;
}
.FileInfoView---upload_item .FileInfoView---icon {
  width: 46px !important;
  position: relative !important;
}
/* hide icon since background images don't print properly on Edge */
@media print {
  .appian-context-browser-edge .FileInfoView---upload_item .FileInfoView---icon {
    display: none !important;
  }
}
.FileInfoView---file_icon,
.FileInfoView---upload_item.FileInfoView---disabled .FileInfoView---file_icon {
  display: inline-block !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 19px !important;
  border: 3px solid #1d659c !important;
  position: relative !important;
  vertical-align: middle !important;
}
.FileInfoView---file_icon.FileInfoView---inAccentBackground,
.FileInfoView---upload_item.FileInfoView---inAccentBackground.FileInfoView---disabled .FileInfoView---file_icon {
  border: 3px solid #fff !important;
}
.FileInfoView---file_icon.FileInfoView---uploading {
  border-color: var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.FileInfoView---file_icon.FileInfoView---uploading.FileInfoView---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.FileInfoView---file_icon.FileInfoView---generic:after {
  content: "" !important;
  display: inline-block !important;
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1596%20380q28%2028%2048%2076t20%2088v1152q0%2040-28%2068t-68%2028h-1344q-40%200-68-28t-28-68v-1600q0-40%2028-68t68-28h896q40%200%2088%2020t76%2048zm-444-244v376h376q-10-29-22-41l-313-313q-12-12-41-22zm384%201528v-1024h-416q-40%200-68-28t-28-68v-416h-768v1536h1280z%22/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 20px 20px !important;
  background-position: 50% 50% /*rtl: 60% 50%*/ !important;
  width: 34px !important;
  height: 34px !important;
  margin-top: -1px !important;
}
.FileInfoView---file_icon.FileInfoView---generic.FileInfoView---inAccentBackground:after {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M1596%20380q28%2028%2048%2076t20%2088v1152q0%2040-28%2068t-68%2028h-1344q-40%200-68-28t-28-68v-1600q0-40%2028-68t68-28h896q40%200%2088%2020t76%2048zm-444-244v376h376q-10-29-22-41l-313-313q-12-12-41-22zm384%201528v-1024h-416q-40%200-68-28t-28-68v-416h-768v1536h1280z%22/%3E%3C/svg%3E") !important;
}
.FileInfoView---file_icon.FileInfoView---uploading:after {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22var%28--appian-input-border-color,%20%23ddd%29%22%3E%3Cpath%20d%3D%22M1596%20380q28%2028%2048%2076t20%2088v1152q0%2040-28%2068t-68%2028h-1344q-40%200-68-28t-28-68v-1600q0-40%2028-68t68-28h896q40%200%2088%2020t76%2048zm-444-244v376h376q-10-29-22-41l-313-313q-12-12-41-22zm384%201528v-1024h-416q-40%200-68-28t-28-68v-416h-768v1536h1280z%22/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 20px 20px !important;
  background-position: 50% 50% !important;
  margin-top: -1px !important;
}
.FileInfoView---file_icon:before {
  display: none !important;
  content: "" !important;
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1490%201322q0%2040-28%2068l-136%20136q-28%2028-68%2028t-68-28l-294-294-294%20294q-28%2028-68%2028t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20294%20294-294q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068t-28%2068l-294%20294%20294%20294q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 20px 20px !important;
  background-position: 50% 50% !important;
  width: 34px !important;
  height: 34px !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
  cursor: pointer !important;
  margin-top: -1px !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
}
.appian-context-browser-edge .FileInfoView---file_icon:before {
  background-size: 40px 40px !important;
  -webkit-transform: scale(0.5) !important;
          transform: scale(0.5) !important;
  margin: -17px -17px !important;
}
.FileInfoView---file_icon.FileInfoView---inAccentBackground:before {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M1490%201322q0%2040-28%2068l-136%20136q-28%2028-68%2028t-68-28l-294-294-294%20294q-28%2028-68%2028t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20294%20294-294q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068t-28%2068l-294%20294%20294%20294q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
}
.FileInfoView---upload_item:hover {
  background: -webkit-linear-gradient(left, transparent 19px, /*{{@accent-color-faded}}*/var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08))/*{{/@accent-color-faded}}*/ 19px, /*{{@accent-color-faded}}*/var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08))/*{{/@accent-color-faded}}*/ 100%) !important;
  background: linear-gradient(to right, transparent 19px, var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) 19px, var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) 100%) !important;
}
.FileInfoView---upload_item:hover.FileInfoView---inCardLayout,
.FileInfoView---upload_item:hover.FileInfoView---inEditableGridLayout,
.FileInfoView---upload_item:hover.FileInfoView---inDarkBackground,
.FileInfoView---upload_item:hover.FileInfoView---inLightBackground {
  background: none !important;
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
}
.FileInfoView---upload_item.FileInfoView---inAccentBackground:hover {
  background-color: #2173b2 !important;
}
.FileInfoView---upload_item.FileInfoView---disabled,
.FileInfoView---upload_item.FileInfoView---disabled .FileInfoView---file_icon {
  cursor: default !important;
}
.FileInfoView---upload_item.FileInfoView---disabled,
.FileInfoView---upload_item:hover .FileInfoView---file_icon,
.FileInfoView---file_icon:focus {
  background-color: #fff !important;
}
.FileInfoView---upload_item.FileInfoView---inAccentBackground.FileInfoView---disabled,
.FileInfoView---upload_item.FileInfoView---inAccentBackground:hover .FileInfoView---file_icon,
.FileInfoView---upload_item.FileInfoView---inAccentBackground .FileInfoView---file_icon:focus {
  background-color: #1d659c !important;
}
.FileInfoView---upload_item.FileInfoView---inEditableGridLayout.FileInfoView---disabled,
.FileInfoView---upload_item.FileInfoView---inEditableGridLayout:hover .FileInfoView---file_icon,
.FileInfoView---file_icon.FileInfoView---inEditableGridLayout:focus,
.FileInfoView---upload_item.FileInfoView---inCardLayout.FileInfoView---disabled,
.FileInfoView---upload_item.FileInfoView---inCardLayout:hover .FileInfoView---file_icon,
.FileInfoView---file_icon.FileInfoView---inCardLayout:focus,
.FileInfoView---upload_item.FileInfoView---inDarkBackground.FileInfoView---disabled,
.FileInfoView---upload_item.FileInfoView---inDarkBackground:hover .FileInfoView---file_icon,
.FileInfoView---file_icon.FileInfoView---inDarkBackground:focus,
.FileInfoView---upload_item.FileInfoView---inLightBackground.FileInfoView---disabled,
.FileInfoView---upload_item.FileInfoView---inLightBackground:hover .FileInfoView---file_icon,
.FileInfoView---file_icon.FileInfoView---inLightBackground:focus {
  background-color: transparent !important;
}
.FileInfoView---upload_item.FileInfoView---inCardLayout .FileInfoView---file_icon,
.FileInfoView---upload_item.FileInfoView---inEditableGridLayout .FileInfoView---file_icon {
  margin: 2px !important;
}
.FileInfoView---upload_item.FileInfoView---inCardLayout:not(:last-child),
.FileInfoView---upload_item.FileInfoView---inEditableGridLayout:not(:last-child) {
  margin-bottom: 2px !important;
}
.FileInfoView---upload_item.FileInfoView---inCardLayout .FileInfoView---icon,
.FileInfoView---upload_item.FileInfoView---inEditableGridLayout .FileInfoView---icon {
  width: 48px !important;
}
.FileInfoView---upload_item:not(.FileInfoView---disabled):hover .FileInfoView---file_icon:after,
.FileInfoView---upload_item:not(.FileInfoView---disabled) .FileInfoView---file_icon:focus:after {
  display: none !important;
}
.FileInfoView---upload_item:not(.FileInfoView---disabled):hover .FileInfoView---file_icon:before,
.FileInfoView---upload_item:not(.FileInfoView---disabled) .FileInfoView---file_icon:focus:before {
  display: block !important;
}
.FileInfoView---file_icon:not(.FileInfoView---disabled):hover:before {
  -webkit-transform: scaleX(1.2) scaleY(1.2) translate(-42%, -42%) !important;
          transform: scaleX(1.2) scaleY(1.2) translate(-42%, -42%) !important;
  cursor: pointer !important;
}
.appian-context-browser-edge .FileInfoView---file_icon:not(.FileInfoView---disabled):hover:before {
  width: 68px !important;
  height: 68px !important;
  -webkit-transform: scaleX(0.6) scaleY(0.6) !important;
          transform: scaleX(0.6) scaleY(0.6) !important;
  margin: -34px -34px !important;
}
.FileInfoView---upload_item .FileInfoView---progress_circle {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 38px !important;
  height: 38px !important;
  pointer-events: none !important;
}
/* needed because 2px margin is added to icon when in grid or card */
.FileInfoView---upload_item.FileInfoView---inCardLayout .FileInfoView---progress_circle,
.FileInfoView---upload_item.FileInfoView---inEditableGridLayout .FileInfoView---progress_circle {
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
}
.FileInfoView---upload_item .FileInfoView---progress_circle > circle {
  fill: transparent !important;
  stroke: #1d659c !important;
  stroke-width: 3px !important;
}
.FileInfoView---upload_item.FileInfoView---inAccentBackground .FileInfoView---progress_circle > circle {
  stroke: #fff !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.VirtualNavigationCard---nav_card {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  padding: 8px 10px !important;
  background-color: transparent !important;
  margin-bottom: 10px !important;
  cursor: pointer !important;
  border-radius: 0rem !important;
}
.VirtualNavigationCard---nav_card.VirtualNavigationCard---selected {
  background-color: #1d659c !important;
  font-weight: 700 !important;
}
.VirtualNavigationCard---nav_card.VirtualNavigationCard---selected.VirtualNavigationCard---accent {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
}
.VirtualNavigationCard---nav_card.VirtualNavigationCard---selected:focus:not([data-appian-ux-mouse-focus]):after {
  border-color: #fff !important;
}
.VirtualNavigationCard---nav_card.VirtualNavigationCard---selected.VirtualNavigationCard---dark_blue:focus:not([data-appian-ux-mouse-focus]):after {
  border-color: #212835 !important;
}
.VirtualNavigationCard---nav_card.VirtualNavigationCard---selected.VirtualNavigationCard---accent:focus:not([data-appian-ux-mouse-focus]):after {
  border-color: #1d659c !important;
}
.VirtualNavigationCard---nav_card.VirtualNavigationCard---icon_only {
  padding: 10px !important;
}
.VirtualNavigationCard---nav_card:not(.VirtualNavigationCard---selected):hover {
  background-color: #e7f1ff !important;
}
.VirtualNavigationCard---nav_card:not(.VirtualNavigationCard---selected):hover.VirtualNavigationCard---dark_blue {
  background-color: #334057 !important;
}
.VirtualNavigationCard---nav_card:not(.VirtualNavigationCard---selected):hover.VirtualNavigationCard---accent {
  background-color: rgba(29, 101, 156, 0.05) !important;
}
.VirtualNavigationCard---nav_card:focus {
  outline: none !important;
}
.VirtualNavigationCard---nav_card:focus:not([data-appian-ux-mouse-focus]):after {
  content: "" !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  height: calc(100% - 4px) !important;
  width: calc(100% - 4px) !important;
  border: 1px solid #4b4d72 !important;
  border-radius: 0rem !important;
}
.VirtualNavigationCard---nav_card.VirtualNavigationCard---dark_blue:focus:not([data-appian-ux-mouse-focus]):after {
  border-color: #fff !important;
}
.VirtualNavigationCard---nav_card.VirtualNavigationCard---accent:focus:not([data-appian-ux-mouse-focus]):after {
  border-color: #1d659c !important;
}
.VirtualNavigationCard---icon_and_label_wrapper {
  width: 100% !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: row nowrap !important;
          flex-flow: row nowrap !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
          justify-content: flex-start !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.VirtualNavigationCard---nav_card.VirtualNavigationCard---icon_only .VirtualNavigationCard---icon_and_label_wrapper {
  width: auto !important;
}
.VirtualNavigationCard---icon {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  width: 1.2143rem !important;
  height: 1.2143rem !important;
  fill: #4b4d72 !important;
}
.VirtualNavigationCard---label {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #4b4d72 !important;
  margin-left: 1.2857rem !important;
}
.VirtualNavigationCard---dark_blue .VirtualNavigationCard---label {
  color: #fff !important;
}
.VirtualNavigationCard---dark_blue .VirtualNavigationCard---icon {
  fill: #fff !important;
}
.VirtualNavigationCard---accent .VirtualNavigationCard---label,
.VirtualNavigationCard---nav_card.VirtualNavigationCard---selected.VirtualNavigationCard---accent .VirtualNavigationCard---label {
  color: #1d659c !important;
}
.VirtualNavigationCard---accent .VirtualNavigationCard---icon,
.VirtualNavigationCard---nav_card.VirtualNavigationCard---selected.VirtualNavigationCard---accent .VirtualNavigationCard---icon {
  fill: #1d659c !important;
}
.VirtualNavigationCard---nav_card.VirtualNavigationCard---selected .VirtualNavigationCard---icon {
  fill: #fff !important;
}
.VirtualNavigationCard---nav_card.VirtualNavigationCard---selected .VirtualNavigationCard---label {
  color: #fff !important;
}
.VirtualNavigationCard---nav_card.VirtualNavigationCard---selected.VirtualNavigationCard---dark_blue .VirtualNavigationCard---icon {
  fill: #212835 !important;
}
.VirtualNavigationCard---nav_card.VirtualNavigationCard---selected.VirtualNavigationCard---dark_blue .VirtualNavigationCard---label {
  color: #212835 !important;
}

.NavigationCardGroup---card_group {
  padding: 20px 11px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.NavSkipToContent---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .NavSkipToContent---accessibilityhidden {
  font-size: 0 !important;
}
a.NavSkipToContent---skip_nav_link:focus {
  position: fixed !important;
  top: 5px !important;
  left: 5px !important;
  width: auto !important;
  height: auto !important;
  padding: 5px !important;
  font-size: 1rem !important;
  z-index: 2000025 !important;
  background-color: rgba(0, 0, 0, 0.8) !important;
  color: #eee !important;
  border-bottom: none !important;
  clip: auto !important;
  -webkit-clip-path: none !important;
          clip-path: none !important;
}

.VirtualNavigationHeaderLayout_MERCURY---align_start {
  text-align: left !important;
}
.VirtualNavigationHeaderLayout_MERCURY---align_end {
  text-align: right !important;
}
.VirtualNavigationHeaderLayout_MERCURY---center {
  text-align: center !important;
}
nav.VirtualNavigationHeaderLayout_MERCURY---header {
  width: 100% !important;
  padding: 0 14px !important;
  display: -webkit-flex !important;
  display: -webkit-box !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: row nowrap !important;
          flex-flow: row nowrap !important;
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
          justify-content: space-between !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
  z-index: 2000015 !important;
}
nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---inLivePreview {
  position: static !important;
}
@media print {
  nav.VirtualNavigationHeaderLayout_MERCURY---header {
    display: none !important;
  }
}
nav.VirtualNavigationHeaderLayout_MERCURY---header,
nav.VirtualNavigationHeaderLayout_MERCURY---header > div {
  background-color: #46708c !important;
}
nav.VirtualNavigationHeaderLayout_MERCURY---header > div {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
  min-width: 0 !important;
  /* allows flex child to narrow past the 'implied width' of it's child elements */
}
.appian-context-ux-page-size-phone nav.VirtualNavigationHeaderLayout_MERCURY---header > div {
  display: block !important;
}
nav.VirtualNavigationHeaderLayout_MERCURY---header > div.VirtualNavigationHeaderLayout_MERCURY---minimize,
nav.VirtualNavigationHeaderLayout_MERCURY---header > div.VirtualNavigationHeaderLayout_MERCURY---title.VirtualNavigationHeaderLayout_MERCURY---minimize {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
}
nav.VirtualNavigationHeaderLayout_MERCURY---header > div.VirtualNavigationHeaderLayout_MERCURY---title {
  -webkit-flex: 1 1 auto !important;
  -webkit-box-flex: 1 !important;
          flex: 1 1 auto !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}
nav.VirtualNavigationHeaderLayout_MERCURY---header h1 {
  color: #ededed !important;
  font-weight: 600 !important;
  font-size: 20px !important;
  line-height: 26px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
nav.VirtualNavigationHeaderLayout_MERCURY---header .VirtualNavigationHeaderLayout_MERCURY---title img {
  vertical-align: middle !important;
  max-height: 24px !important;
  min-height: 24px !important;
  max-width: 24px !important;
  min-width: 24px !important;
  /* Safari needs explicit min-width */
  width: 24px !important;
  /* IE needs explicit width */
  margin: 0 8px 0 0 !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
          flex-grow: 0 !important;
}
nav.VirtualNavigationHeaderLayout_MERCURY---header a:focus,
nav.VirtualNavigationHeaderLayout_MERCURY---vertical_header a:focus,
nav.VirtualNavigationHeaderLayout_MERCURY---header a:focus:not([data-appian-ux-mouse-focus]),
nav.VirtualNavigationHeaderLayout_MERCURY---vertical_header a:focus:not([data-appian-ux-mouse-focus]),
nav.VirtualNavigationHeaderLayout_MERCURY---header a:hover,
nav.VirtualNavigationHeaderLayout_MERCURY---vertical_header a:hover {
  outline: none !important;
  border: none !important;
  text-decoration: none !important;
}
nav.VirtualNavigationHeaderLayout_MERCURY---header > div.VirtualNavigationHeaderLayout_MERCURY---buttons {
  padding: 0 14px !important;
}
nav.VirtualNavigationHeaderLayout_MERCURY---header > div.VirtualNavigationHeaderLayout_MERCURY---profile {
  padding: 0 14px 0 8px !important;
}
nav.VirtualNavigationHeaderLayout_MERCURY---header > div.VirtualNavigationHeaderLayout_MERCURY---contextWidget {
  padding: 0 6px 0 6px !important;
}
nav.VirtualNavigationHeaderLayout_MERCURY---header > div.VirtualNavigationHeaderLayout_MERCURY---omnibox {
  padding-right: 6px !important;
}
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout {
  border-bottom: none !important;
  /* matches VirtualNavigationHamburgerMenu */
  height: 60px !important;
  /* flex shrink 1 needed to prevent logo from going off page when long site name */
  /* Should match the styles for .inUserProfileLayout in ButtonLayout2.less */
}
nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout:not(.VirtualNavigationHeaderLayout_MERCURY---inExploreViewPreview):not(.VirtualNavigationHeaderLayout_MERCURY---inDesignerPreview) {
  margin-top: 0px !important;
}
.appian-context-desktop nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout:not(.VirtualNavigationHeaderLayout_MERCURY---inExploreViewPreview):not(.VirtualNavigationHeaderLayout_MERCURY---inDesignerPreview) {
  margin-top: calc(0px + var(--title-bar-height)) !important;
}
@media only screen and (max-width: 480px), screen and (max-height: 480px) and (max-width: 1024px) {
  nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout {
    /* matches VirtualNavigationHamburgerMenu */
    height: 46px !important;
  }
}
nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout.VirtualNavigationHeaderLayout_MERCURY---hidden {
  position: fixed !important;
  width: auto !important;
  visibility: hidden !important;
}
nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout .VirtualNavigationHeaderLayout_MERCURY---hamburgerAndLogoWrapper {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 0 auto !important;
          flex: 1 0 auto !important;
}
.appian-context-ux-page-size-phone nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout .VirtualNavigationHeaderLayout_MERCURY---hamburgerAndLogoWrapper {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
}
nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout .VirtualNavigationHeaderLayout_MERCURY---logo img {
  vertical-align: middle !important;
}
nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout .VirtualNavigationHeaderLayout_MERCURY---logo a:focus:not([data-appian-ux-mouse-focus]),
nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout a:focus:not([data-appian-ux-mouse-focus]) .VirtualNavigationHeaderLayout_MERCURY---appian_logo {
  position: relative !important;
}
nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout .VirtualNavigationHeaderLayout_MERCURY---logo a:focus:not([data-appian-ux-mouse-focus]):before,
nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout a:focus:not([data-appian-ux-mouse-focus]) .VirtualNavigationHeaderLayout_MERCURY---appian_logo:before {
  position: absolute !important;
  content: "" !important;
  top: -3px !important;
  left: -3px !important;
  height: calc(100% + 2 * 3px) !important;
  width: calc(100% + 2 * 3px) !important;
  border: 1px solid #ededed !important;
  border-radius: 0 !important;
}
nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout .VirtualNavigationHeaderLayout_MERCURY---tabs_wrapper {
  height: 100% !important;
}
nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout .VirtualNavigationHeaderLayout_MERCURY---tabs_wrapper ul.VirtualNavigationHeaderLayout_MERCURY---tabs {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  height: 100% !important;
}
nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout .VirtualNavigationHeaderLayout_MERCURY---contextWidgetText {
  color: #ededed !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 22px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 !important;
  white-space: nowrap !important;
  max-width: 400px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.appian-context-ux-page-size-phone nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout .VirtualNavigationHeaderLayout_MERCURY---contextWidgetText {
  font-size: 16px !important;
}
nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout > div.VirtualNavigationHeaderLayout_MERCURY---displayNameMinimize {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 1 auto !important;
          flex: 0 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout > .VirtualNavigationHeaderLayout_MERCURY---appian_logo {
  -webkit-box-flex: 0 !important;
  -webkit-flex: none !important;
          flex: none !important;
}
nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout .VirtualNavigationHeaderLayout_MERCURY---userProfileButtonWrapper {
  font-size: 0 !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout .VirtualNavigationHeaderLayout_MERCURY---userProfileButtonWrapper > *:not(.appian-context-component-selector),nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout .VirtualNavigationHeaderLayout_MERCURY---userProfileButtonWrapper .appian-context-component-selector > .appian-context-component-selector-children > *:not(.appian-context-component-selector) {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout {
  /* We only want to remove padding on the right of the profile if it's the last item. If the
     Appian logo is being rendered, the profile will not be the last item. */
}
nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout .VirtualNavigationHeaderLayout_MERCURY---logo {
  margin-right: 28px !important;
}
@media only screen and (max-width: 480px), screen and (max-height: 480px) and (max-width: 1024px) {
  nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout .VirtualNavigationHeaderLayout_MERCURY---logo {
    margin-right: 10px !important;
  }
}
nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout .VirtualNavigationHeaderLayout_MERCURY---logo > img,
nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout .VirtualNavigationHeaderLayout_MERCURY---logo > a > img {
  /* matches logo styling in VirtualNavigationHamburgerMenu_MERCURY.less */
  max-height: 40px !important;
  max-width: 170px !important;
}
@media only screen and (max-width: 480px), screen and (max-height: 480px) and (max-width: 1024px) {
  nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout .VirtualNavigationHeaderLayout_MERCURY---logo > img,
  nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout .VirtualNavigationHeaderLayout_MERCURY---logo > a > img {
    max-width: 130px !important;
    max-height: 32px !important;
  }
}
nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout .VirtualNavigationHeaderLayout_MERCURY---minimize.VirtualNavigationHeaderLayout_MERCURY---profile:last-child {
  padding-right: 0 !important;
}
nav.VirtualNavigationHeaderLayout_MERCURY---header.VirtualNavigationHeaderLayout_MERCURY---nav_layout .VirtualNavigationHeaderLayout_MERCURY---tabs_wrapper ~ .VirtualNavigationHeaderLayout_MERCURY---minimize.VirtualNavigationHeaderLayout_MERCURY---logo {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.VirtualNavigationHeaderLayout_HELIUM---align_start {
  text-align: left !important;
}
.VirtualNavigationHeaderLayout_HELIUM---align_end {
  text-align: right !important;
}
.VirtualNavigationHeaderLayout_HELIUM---center {
  text-align: center !important;
}
nav.VirtualNavigationHeaderLayout_HELIUM---header {
  width: 100% !important;
  padding: 0 14px !important;
  display: -webkit-flex !important;
  display: -webkit-box !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: row nowrap !important;
          flex-flow: row nowrap !important;
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
          justify-content: space-between !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
  z-index: 2000015 !important;
}
nav.VirtualNavigationHeaderLayout_HELIUM---header.VirtualNavigationHeaderLayout_HELIUM---inLivePreview {
  position: static !important;
}
@media print {
  nav.VirtualNavigationHeaderLayout_HELIUM---header {
    display: none !important;
  }
}
nav.VirtualNavigationHeaderLayout_HELIUM---header,
nav.VirtualNavigationHeaderLayout_HELIUM---header > div {
  background-color: #46708c !important;
}
nav.VirtualNavigationHeaderLayout_HELIUM---header > div {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
  min-width: 0 !important;
  /* allows flex child to narrow past the 'implied width' of it's child elements */
}
.appian-context-ux-page-size-phone nav.VirtualNavigationHeaderLayout_HELIUM---header > div {
  display: block !important;
}
nav.VirtualNavigationHeaderLayout_HELIUM---header > div.VirtualNavigationHeaderLayout_HELIUM---minimize,
nav.VirtualNavigationHeaderLayout_HELIUM---header > div.VirtualNavigationHeaderLayout_HELIUM---title.VirtualNavigationHeaderLayout_HELIUM---minimize {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
}
nav.VirtualNavigationHeaderLayout_HELIUM---header > div.VirtualNavigationHeaderLayout_HELIUM---title {
  -webkit-flex: 1 1 auto !important;
  -webkit-box-flex: 1 !important;
          flex: 1 1 auto !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}
nav.VirtualNavigationHeaderLayout_HELIUM---header h1 {
  color: #ededed !important;
  font-weight: 600 !important;
  font-size: 20px !important;
  line-height: 26px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
nav.VirtualNavigationHeaderLayout_HELIUM---header .VirtualNavigationHeaderLayout_HELIUM---title img {
  vertical-align: middle !important;
  max-height: 24px !important;
  min-height: 24px !important;
  max-width: 24px !important;
  min-width: 24px !important;
  /* Safari needs explicit min-width */
  width: 24px !important;
  /* IE needs explicit width */
  margin: 0 8px 0 0 !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
          flex-grow: 0 !important;
}
nav.VirtualNavigationHeaderLayout_HELIUM---header a:focus,
nav.VirtualNavigationHeaderLayout_HELIUM---vertical_header a:focus,
nav.VirtualNavigationHeaderLayout_HELIUM---header a:focus:not([data-appian-ux-mouse-focus]),
nav.VirtualNavigationHeaderLayout_HELIUM---vertical_header a:focus:not([data-appian-ux-mouse-focus]),
nav.VirtualNavigationHeaderLayout_HELIUM---header a:hover,
nav.VirtualNavigationHeaderLayout_HELIUM---vertical_header a:hover {
  outline: none !important;
  border: none !important;
  text-decoration: none !important;
}
nav.VirtualNavigationHeaderLayout_HELIUM---header > div.VirtualNavigationHeaderLayout_HELIUM---buttons {
  padding: 0 14px !important;
}
nav.VirtualNavigationHeaderLayout_HELIUM---header > div.VirtualNavigationHeaderLayout_HELIUM---profile {
  padding: 0 14px 0 8px !important;
}
nav.VirtualNavigationHeaderLayout_HELIUM---header > div.VirtualNavigationHeaderLayout_HELIUM---contextWidget {
  padding: 0 6px 0 6px !important;
}
nav.VirtualNavigationHeaderLayout_HELIUM---header > div.VirtualNavigationHeaderLayout_HELIUM---omnibox {
  padding-right: 6px !important;
}
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
nav.VirtualNavigationHeaderLayout_HELIUM---header.VirtualNavigationHeaderLayout_HELIUM---nav_layout {
  border-bottom: none !important;
  /* matches VirtualNavigationHamburgerMenu */
  height: 60px !important;
  /* flex shrink 1 needed to prevent logo from going off page when long site name */
  /* Should match the styles for .inUserProfileLayout in ButtonLayout2.less */
}
nav.VirtualNavigationHeaderLayout_HELIUM---header.VirtualNavigationHeaderLayout_HELIUM---nav_layout:not(.VirtualNavigationHeaderLayout_HELIUM---inExploreViewPreview):not(.VirtualNavigationHeaderLayout_HELIUM---inDesignerPreview) {
  margin-top: 0px !important;
}
.appian-context-desktop nav.VirtualNavigationHeaderLayout_HELIUM---header.VirtualNavigationHeaderLayout_HELIUM---nav_layout:not(.VirtualNavigationHeaderLayout_HELIUM---inExploreViewPreview):not(.VirtualNavigationHeaderLayout_HELIUM---inDesignerPreview) {
  margin-top: calc(0px + var(--title-bar-height)) !important;
}
@media only screen and (max-width: 480px), screen and (max-height: 480px) and (max-width: 1024px) {
  nav.VirtualNavigationHeaderLayout_HELIUM---header.VirtualNavigationHeaderLayout_HELIUM---nav_layout {
    /* matches VirtualNavigationHamburgerMenu */
    height: 46px !important;
  }
}
nav.VirtualNavigationHeaderLayout_HELIUM---header.VirtualNavigationHeaderLayout_HELIUM---nav_layout.VirtualNavigationHeaderLayout_HELIUM---hidden {
  position: fixed !important;
  width: auto !important;
  visibility: hidden !important;
}
nav.VirtualNavigationHeaderLayout_HELIUM---header.VirtualNavigationHeaderLayout_HELIUM---nav_layout .VirtualNavigationHeaderLayout_HELIUM---hamburgerAndLogoWrapper {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 0 auto !important;
          flex: 1 0 auto !important;
}
.appian-context-ux-page-size-phone nav.VirtualNavigationHeaderLayout_HELIUM---header.VirtualNavigationHeaderLayout_HELIUM---nav_layout .VirtualNavigationHeaderLayout_HELIUM---hamburgerAndLogoWrapper {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
}
nav.VirtualNavigationHeaderLayout_HELIUM---header.VirtualNavigationHeaderLayout_HELIUM---nav_layout .VirtualNavigationHeaderLayout_HELIUM---logo img {
  vertical-align: middle !important;
}
nav.VirtualNavigationHeaderLayout_HELIUM---header.VirtualNavigationHeaderLayout_HELIUM---nav_layout .VirtualNavigationHeaderLayout_HELIUM---logo a:focus:not([data-appian-ux-mouse-focus]),
nav.VirtualNavigationHeaderLayout_HELIUM---header.VirtualNavigationHeaderLayout_HELIUM---nav_layout a:focus:not([data-appian-ux-mouse-focus]) .VirtualNavigationHeaderLayout_HELIUM---appian_logo {
  position: relative !important;
}
nav.VirtualNavigationHeaderLayout_HELIUM---header.VirtualNavigationHeaderLayout_HELIUM---nav_layout .VirtualNavigationHeaderLayout_HELIUM---logo a:focus:not([data-appian-ux-mouse-focus]):before,
nav.VirtualNavigationHeaderLayout_HELIUM---header.VirtualNavigationHeaderLayout_HELIUM---nav_layout a:focus:not([data-appian-ux-mouse-focus]) .VirtualNavigationHeaderLayout_HELIUM---appian_logo:before {
  position: absolute !important;
  content: "" !important;
  top: -3px !important;
  left: -3px !important;
  height: calc(100% + 2 * 3px) !important;
  width: calc(100% + 2 * 3px) !important;
  border: 1px solid #ededed !important;
  border-radius: 0 !important;
}
nav.VirtualNavigationHeaderLayout_HELIUM---header.VirtualNavigationHeaderLayout_HELIUM---nav_layout .VirtualNavigationHeaderLayout_HELIUM---tabs_wrapper {
  height: 100% !important;
}
nav.VirtualNavigationHeaderLayout_HELIUM---header.VirtualNavigationHeaderLayout_HELIUM---nav_layout .VirtualNavigationHeaderLayout_HELIUM---tabs_wrapper ul.VirtualNavigationHeaderLayout_HELIUM---tabs {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  height: 100% !important;
}
nav.VirtualNavigationHeaderLayout_HELIUM---header.VirtualNavigationHeaderLayout_HELIUM---nav_layout .VirtualNavigationHeaderLayout_HELIUM---contextWidgetText {
  color: #ededed !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 22px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 !important;
  white-space: nowrap !important;
  max-width: 400px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.appian-context-ux-page-size-phone nav.VirtualNavigationHeaderLayout_HELIUM---header.VirtualNavigationHeaderLayout_HELIUM---nav_layout .VirtualNavigationHeaderLayout_HELIUM---contextWidgetText {
  font-size: 16px !important;
}
nav.VirtualNavigationHeaderLayout_HELIUM---header.VirtualNavigationHeaderLayout_HELIUM---nav_layout > div.VirtualNavigationHeaderLayout_HELIUM---displayNameMinimize {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 1 auto !important;
          flex: 0 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
nav.VirtualNavigationHeaderLayout_HELIUM---header.VirtualNavigationHeaderLayout_HELIUM---nav_layout > .VirtualNavigationHeaderLayout_HELIUM---appian_logo {
  -webkit-box-flex: 0 !important;
  -webkit-flex: none !important;
          flex: none !important;
}
nav.VirtualNavigationHeaderLayout_HELIUM---header.VirtualNavigationHeaderLayout_HELIUM---nav_layout .VirtualNavigationHeaderLayout_HELIUM---userProfileButtonWrapper {
  font-size: 0 !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
nav.VirtualNavigationHeaderLayout_HELIUM---header.VirtualNavigationHeaderLayout_HELIUM---nav_layout .VirtualNavigationHeaderLayout_HELIUM---userProfileButtonWrapper > *:not(.appian-context-component-selector),nav.VirtualNavigationHeaderLayout_HELIUM---header.VirtualNavigationHeaderLayout_HELIUM---nav_layout .VirtualNavigationHeaderLayout_HELIUM---userProfileButtonWrapper .appian-context-component-selector > .appian-context-component-selector-children > *:not(.appian-context-component-selector) {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
nav.VirtualNavigationHeaderLayout_HELIUM---header.VirtualNavigationHeaderLayout_HELIUM---nav_layout .VirtualNavigationHeaderLayout_HELIUM---logo > img,
nav.VirtualNavigationHeaderLayout_HELIUM---header.VirtualNavigationHeaderLayout_HELIUM---nav_layout .VirtualNavigationHeaderLayout_HELIUM---logo > a > img {
  /* matches logo styling in VirtualNavigationHamburgerMenu_HELIUM.less */
  max-height: 32px !important;
  max-width: 150px !important;
}
nav.VirtualNavigationHeaderLayout_HELIUM---header.VirtualNavigationHeaderLayout_HELIUM---nav_layout > div.VirtualNavigationHeaderLayout_HELIUM---profile:last-child {
  padding-right: 0 !important;
}
nav.VirtualNavigationHeaderLayout_HELIUM---header.VirtualNavigationHeaderLayout_HELIUM---nav_layout:not(.VirtualNavigationHeaderLayout_HELIUM---inHamburger) > .VirtualNavigationHeaderLayout_HELIUM---appian_logo {
  margin-left: 14px !important;
  padding-left: 14px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  -webkit-border-start: 1px solid rgba(255, 255, 255, 0.3) !important;
          border-inline-start: 1px solid rgba(255, 255, 255, 0.3) !important;
}
@media only screen and (max-width: 1024px) {
  .appian-context-ux-responsive .VirtualNavigationHeaderLayout_HELIUM---showIconNav .VirtualNavigationHeaderLayout_HELIUM---tabs_wrapper.VirtualNavigationHeaderLayout_HELIUM---single_tab {
    display: none !important;
  }
  .appian-context-ux-responsive .VirtualNavigationHeaderLayout_HELIUM---showIconNav .VirtualNavigationHeaderLayout_HELIUM---tabs_wrapper.VirtualNavigationHeaderLayout_HELIUM---single_tab ~ .VirtualNavigationHeaderLayout_HELIUM---profile {
    -webkit-box-ordinal-group: 2 !important;
    -webkit-order: 1 !important;
            order: 1 !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 0 auto !important;
            flex: 1 0 auto !important;
    padding-left: 0 !important;
  }
  .appian-context-ux-responsive .VirtualNavigationHeaderLayout_HELIUM---showIconNav .VirtualNavigationHeaderLayout_HELIUM---tabs_wrapper.VirtualNavigationHeaderLayout_HELIUM---single_tab ~ .VirtualNavigationHeaderLayout_HELIUM---contextWidget {
    -webkit-box-ordinal-group: 3 !important;
    -webkit-order: 2 !important;
            order: 2 !important;
    padding-right: 14px !important;
  }
  .appian-context-ux-responsive .VirtualNavigationHeaderLayout_HELIUM---showIconNav .VirtualNavigationHeaderLayout_HELIUM---tabs_wrapper.VirtualNavigationHeaderLayout_HELIUM---single_tab ~ .VirtualNavigationHeaderLayout_HELIUM---logo {
    -webkit-box-ordinal-group: 4 !important;
    -webkit-order: 3 !important;
            order: 3 !important;
  }
  .appian-context-ux-responsive .VirtualNavigationHeaderLayout_HELIUM---showIconNav .VirtualNavigationHeaderLayout_HELIUM---tabs_wrapper.VirtualNavigationHeaderLayout_HELIUM---single_tab ~ .VirtualNavigationHeaderLayout_HELIUM---appian_logo {
    -webkit-box-ordinal-group: 5 !important;
    -webkit-order: 4 !important;
            order: 4 !important;
  }
}
@media only screen and (max-width: 1200px) {
  .appian-context-ux-responsive .VirtualNavigationHeaderLayout_HELIUM---showSiteNameNav .VirtualNavigationHeaderLayout_HELIUM---tabs_wrapper.VirtualNavigationHeaderLayout_HELIUM---single_tab {
    display: none !important;
  }
  .appian-context-ux-responsive .VirtualNavigationHeaderLayout_HELIUM---showSiteNameNav .VirtualNavigationHeaderLayout_HELIUM---tabs_wrapper.VirtualNavigationHeaderLayout_HELIUM---single_tab ~ .VirtualNavigationHeaderLayout_HELIUM---profile {
    -webkit-box-ordinal-group: 2 !important;
    -webkit-order: 1 !important;
            order: 1 !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 0 auto !important;
            flex: 1 0 auto !important;
    padding-left: 0 !important;
  }
  .appian-context-ux-responsive .VirtualNavigationHeaderLayout_HELIUM---showSiteNameNav .VirtualNavigationHeaderLayout_HELIUM---tabs_wrapper.VirtualNavigationHeaderLayout_HELIUM---single_tab ~ .VirtualNavigationHeaderLayout_HELIUM---contextWidget {
    -webkit-box-ordinal-group: 3 !important;
    -webkit-order: 2 !important;
            order: 2 !important;
    padding-right: 14px !important;
  }
  .appian-context-ux-responsive .VirtualNavigationHeaderLayout_HELIUM---showSiteNameNav .VirtualNavigationHeaderLayout_HELIUM---tabs_wrapper.VirtualNavigationHeaderLayout_HELIUM---single_tab ~ .VirtualNavigationHeaderLayout_HELIUM---logo {
    -webkit-box-ordinal-group: 4 !important;
    -webkit-order: 3 !important;
            order: 3 !important;
  }
  .appian-context-ux-responsive .VirtualNavigationHeaderLayout_HELIUM---showSiteNameNav .VirtualNavigationHeaderLayout_HELIUM---tabs_wrapper.VirtualNavigationHeaderLayout_HELIUM---single_tab ~ .VirtualNavigationHeaderLayout_HELIUM---appian_logo {
    -webkit-box-ordinal-group: 5 !important;
    -webkit-order: 4 !important;
            order: 4 !important;
  }
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.VirtualNavigationHamburgerMenu_MERCURY---hamburger_icon {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  margin-left: 6px !important;
  /* left padding on header is 14px */
  margin-right: 20px !important;
}
.VirtualNavigationHamburgerMenu_MERCURY---hamburger_menu {
  position: fixed !important;
  top: 0px !important;
  bottom: 0 !important;
  z-index: 2000015 !important;
  left: 0 !important;
  -webkit-transition: left 300ms ease-in, width 150ms ease-in !important;
  transition: left 300ms ease-in, width 150ms ease-in !important;
  overflow-y: auto !important;
  background-color: #46708c !important;
  scrollbar-color: #c7c7c7 #46708c !important;
  scrollbar-width: auto !important;
  /* stylelint-disable-next-line prettier/prettier */
}
.VirtualNavigationHamburgerMenu_MERCURY---hamburger_menu.VirtualNavigationHamburgerMenu_MERCURY---inDesignerPreview {
  position: absolute !important;
  height: 100% !important;
}
.appian-context-desktop .VirtualNavigationHamburgerMenu_MERCURY---hamburger_menu {
  top: calc(0px + var(--title-bar-height)) !important;
}
.VirtualNavigationHamburgerMenu_MERCURY---hamburger_menu::-webkit-scrollbar {
  width: 16px !important;
}
.VirtualNavigationHamburgerMenu_MERCURY---hamburger_menu::-webkit-scrollbar-track {
  background-color: #46708c !important;
}
.VirtualNavigationHamburgerMenu_MERCURY---hamburger_menu::-webkit-scrollbar-thumb {
  background-color: #c7c7c7 !important;
  border-radius: 8px !important;
  border: 4px solid transparent !important;
  background-clip: content-box !important;
}
.VirtualNavigationHamburgerMenu_MERCURY---hamburger_menu::-webkit-scrollbar-thumb:hover {
  background-color: #e1e1e1 !important;
}
.VirtualNavigationHamburgerMenu_MERCURY---hamburger_menu.VirtualNavigationHamburgerMenu_MERCURY---hidden {
  left: -480px !important;
  -webkit-transition: none !important;
  transition: none !important;
}
.VirtualNavigationHamburgerMenu_MERCURY---hamburger_menu .VirtualNavigationHamburgerMenu_MERCURY---hamburger_header {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  /* matches VirtualNavigationHeaderLayout */
  height: 60px !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
@media only screen and (max-width: 480px), screen and (max-height: 480px) and (max-width: 1024px) {
  .VirtualNavigationHamburgerMenu_MERCURY---hamburger_menu .VirtualNavigationHamburgerMenu_MERCURY---hamburger_header {
    /* matches VirtualNavigationHeaderLayout */
    height: 46px !important;
  }
}
.VirtualNavigationHamburgerMenu_MERCURY---hamburger_menu .VirtualNavigationHamburgerMenu_MERCURY---hamburger_header .VirtualNavigationHamburgerMenu_MERCURY---logo {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
}
@media only screen and (max-width: 480px), screen and (max-height: 480px) and (max-width: 1024px) {
  .VirtualNavigationHamburgerMenu_MERCURY---hamburger_menu .VirtualNavigationHamburgerMenu_MERCURY---hamburger_header .VirtualNavigationHamburgerMenu_MERCURY---logo {
    max-width: calc(100% - 50px) !important;
  }
}
.VirtualNavigationHamburgerMenu_MERCURY---hamburger_menu .VirtualNavigationHamburgerMenu_MERCURY---hamburger_header .VirtualNavigationHamburgerMenu_MERCURY---logo img {
  vertical-align: middle !important;
}
.VirtualNavigationHamburgerMenu_MERCURY---hamburger_menu .VirtualNavigationHamburgerMenu_MERCURY---hamburger_header .VirtualNavigationHamburgerMenu_MERCURY---logo a:hover,
.VirtualNavigationHamburgerMenu_MERCURY---hamburger_menu .VirtualNavigationHamburgerMenu_MERCURY---hamburger_header .VirtualNavigationHamburgerMenu_MERCURY---logo a:focus {
  text-decoration: none !important;
  /* needed to override styling in elements.less */
}
.VirtualNavigationHamburgerMenu_MERCURY---hamburger_menu .VirtualNavigationHamburgerMenu_MERCURY---hamburger_header .VirtualNavigationHamburgerMenu_MERCURY---logo a:focus:not([data-appian-ux-mouse-focus]) img {
  outline: 1px dotted #ededed !important;
}
.VirtualNavigationHamburgerMenu_MERCURY---hamburger_menu .VirtualNavigationHamburgerMenu_MERCURY---hamburger_header .VirtualNavigationHamburgerMenu_MERCURY---close_icon {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 0 auto !important;
          flex: 1 0 auto !important;
  fill: #ededed !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.VirtualNavigationHamburgerMenu_MERCURY---hamburger_menu ul.VirtualNavigationHamburgerMenu_MERCURY---hamburger_tabs {
  list-style: none !important;
  margin-bottom: 0 !important;
  padding: 6px 0 0 0 !important;
}
.VirtualNavigationHamburgerMenu_MERCURY---glass {
  position: fixed !important;
  top: 0px !important;
  bottom: 0 !important;
  z-index: 2000015 !important;
  left: 0 !important;
  right: 0 !important;
  background-color: #000 !important;
  opacity: 0.5 !important;
  -webkit-transition: opacity 300ms ease-in !important;
  transition: opacity 300ms ease-in !important;
}
.VirtualNavigationHamburgerMenu_MERCURY---glass.VirtualNavigationHamburgerMenu_MERCURY---inDesignerPreview {
  position: absolute !important;
  height: 100% !important;
}
.appian-context-desktop .VirtualNavigationHamburgerMenu_MERCURY---glass {
  top: calc(0px + var(--title-bar-height)) !important;
}
.VirtualNavigationHamburgerMenu_MERCURY---glass.VirtualNavigationHamburgerMenu_MERCURY---hidden {
  opacity: 0 !important;
  pointer-events: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}
.VirtualNavigationHamburgerMenu_MERCURY---hamburger_menu {
  padding: 0 24px 10px 24px !important;
  width: 350px !important;
}
.VirtualNavigationHamburgerMenu_MERCURY---hamburger_menu .VirtualNavigationHamburgerMenu_MERCURY---hamburger_header .VirtualNavigationHamburgerMenu_MERCURY---logo img {
  /* matches logo styling in VirtualNavigationHeaderLayout_MERCURY.less */
  max-height: 40px !important;
  max-width: 170px !important;
}
@media only screen and (max-width: 480px), screen and (max-height: 480px) and (max-width: 1024px) {
  .VirtualNavigationHamburgerMenu_MERCURY---hamburger_menu .VirtualNavigationHamburgerMenu_MERCURY---hamburger_header .VirtualNavigationHamburgerMenu_MERCURY---logo img {
    max-width: 130px !important;
    max-height: 32px !important;
  }
}
@media only screen and (max-width: 480px) {
  .VirtualNavigationHamburgerMenu_MERCURY---hamburger_menu {
    width: 100% !important;
  }
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.VirtualNavigationHamburgerMenu_HELIUM---hamburger_icon {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  margin-left: 6px !important;
  /* left padding on header is 14px */
  margin-right: 20px !important;
}
.VirtualNavigationHamburgerMenu_HELIUM---hamburger_menu {
  position: fixed !important;
  top: 0px !important;
  bottom: 0 !important;
  z-index: 2000015 !important;
  left: 0 !important;
  -webkit-transition: left 300ms ease-in, width 150ms ease-in !important;
  transition: left 300ms ease-in, width 150ms ease-in !important;
  overflow-y: auto !important;
  background-color: #46708c !important;
  scrollbar-color: #c7c7c7 #46708c !important;
  scrollbar-width: auto !important;
  /* stylelint-disable-next-line prettier/prettier */
}
.VirtualNavigationHamburgerMenu_HELIUM---hamburger_menu.VirtualNavigationHamburgerMenu_HELIUM---inDesignerPreview {
  position: absolute !important;
  height: 100% !important;
}
.appian-context-desktop .VirtualNavigationHamburgerMenu_HELIUM---hamburger_menu {
  top: calc(0px + var(--title-bar-height)) !important;
}
.VirtualNavigationHamburgerMenu_HELIUM---hamburger_menu::-webkit-scrollbar {
  width: 16px !important;
}
.VirtualNavigationHamburgerMenu_HELIUM---hamburger_menu::-webkit-scrollbar-track {
  background-color: #46708c !important;
}
.VirtualNavigationHamburgerMenu_HELIUM---hamburger_menu::-webkit-scrollbar-thumb {
  background-color: #c7c7c7 !important;
  border-radius: 8px !important;
  border: 4px solid transparent !important;
  background-clip: content-box !important;
}
.VirtualNavigationHamburgerMenu_HELIUM---hamburger_menu::-webkit-scrollbar-thumb:hover {
  background-color: #e1e1e1 !important;
}
.VirtualNavigationHamburgerMenu_HELIUM---hamburger_menu.VirtualNavigationHamburgerMenu_HELIUM---hidden {
  left: -480px !important;
  -webkit-transition: none !important;
  transition: none !important;
}
.VirtualNavigationHamburgerMenu_HELIUM---hamburger_menu .VirtualNavigationHamburgerMenu_HELIUM---hamburger_header {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  /* matches VirtualNavigationHeaderLayout */
  height: 60px !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
@media only screen and (max-width: 480px), screen and (max-height: 480px) and (max-width: 1024px) {
  .VirtualNavigationHamburgerMenu_HELIUM---hamburger_menu .VirtualNavigationHamburgerMenu_HELIUM---hamburger_header {
    /* matches VirtualNavigationHeaderLayout */
    height: 46px !important;
  }
}
.VirtualNavigationHamburgerMenu_HELIUM---hamburger_menu .VirtualNavigationHamburgerMenu_HELIUM---hamburger_header .VirtualNavigationHamburgerMenu_HELIUM---logo {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
}
@media only screen and (max-width: 480px), screen and (max-height: 480px) and (max-width: 1024px) {
  .VirtualNavigationHamburgerMenu_HELIUM---hamburger_menu .VirtualNavigationHamburgerMenu_HELIUM---hamburger_header .VirtualNavigationHamburgerMenu_HELIUM---logo {
    max-width: calc(100% - 50px) !important;
  }
}
.VirtualNavigationHamburgerMenu_HELIUM---hamburger_menu .VirtualNavigationHamburgerMenu_HELIUM---hamburger_header .VirtualNavigationHamburgerMenu_HELIUM---logo img {
  vertical-align: middle !important;
}
.VirtualNavigationHamburgerMenu_HELIUM---hamburger_menu .VirtualNavigationHamburgerMenu_HELIUM---hamburger_header .VirtualNavigationHamburgerMenu_HELIUM---logo a:hover,
.VirtualNavigationHamburgerMenu_HELIUM---hamburger_menu .VirtualNavigationHamburgerMenu_HELIUM---hamburger_header .VirtualNavigationHamburgerMenu_HELIUM---logo a:focus {
  text-decoration: none !important;
  /* needed to override styling in elements.less */
}
.VirtualNavigationHamburgerMenu_HELIUM---hamburger_menu .VirtualNavigationHamburgerMenu_HELIUM---hamburger_header .VirtualNavigationHamburgerMenu_HELIUM---logo a:focus:not([data-appian-ux-mouse-focus]) img {
  outline: 1px dotted #ededed !important;
}
.VirtualNavigationHamburgerMenu_HELIUM---hamburger_menu .VirtualNavigationHamburgerMenu_HELIUM---hamburger_header .VirtualNavigationHamburgerMenu_HELIUM---close_icon {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 0 auto !important;
          flex: 1 0 auto !important;
  fill: #ededed !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.VirtualNavigationHamburgerMenu_HELIUM---hamburger_menu ul.VirtualNavigationHamburgerMenu_HELIUM---hamburger_tabs {
  list-style: none !important;
  margin-bottom: 0 !important;
  padding: 6px 0 0 0 !important;
}
.VirtualNavigationHamburgerMenu_HELIUM---glass {
  position: fixed !important;
  top: 0px !important;
  bottom: 0 !important;
  z-index: 2000015 !important;
  left: 0 !important;
  right: 0 !important;
  background-color: #000 !important;
  opacity: 0.5 !important;
  -webkit-transition: opacity 300ms ease-in !important;
  transition: opacity 300ms ease-in !important;
}
.VirtualNavigationHamburgerMenu_HELIUM---glass.VirtualNavigationHamburgerMenu_HELIUM---inDesignerPreview {
  position: absolute !important;
  height: 100% !important;
}
.appian-context-desktop .VirtualNavigationHamburgerMenu_HELIUM---glass {
  top: calc(0px + var(--title-bar-height)) !important;
}
.VirtualNavigationHamburgerMenu_HELIUM---glass.VirtualNavigationHamburgerMenu_HELIUM---hidden {
  opacity: 0 !important;
  pointer-events: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}
.VirtualNavigationHamburgerMenu_HELIUM---hamburger_menu {
  padding: 0 !important;
  width: 350px !important;
}
.VirtualNavigationHamburgerMenu_HELIUM---hamburger_menu .VirtualNavigationHamburgerMenu_HELIUM---hamburger_header {
  padding: 0 13px !important;
}
.VirtualNavigationHamburgerMenu_HELIUM---hamburger_menu .VirtualNavigationHamburgerMenu_HELIUM---hamburger_header .VirtualNavigationHamburgerMenu_HELIUM---logo img {
  /* matches logo styling in VirtualNavigationHeaderLayout_HELIUM.less */
  max-height: 32px !important;
  max-width: 150px !important;
}
@media only screen and (max-width: 480px) {
  .VirtualNavigationHamburgerMenu_HELIUM---hamburger_menu {
    width: 100% !important;
  }
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_icon {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  margin-left: 6px !important;
  /* left padding on header is 14px */
  margin-right: 20px !important;
}
.VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_menu {
  position: fixed !important;
  top: 0px !important;
  bottom: 0 !important;
  z-index: 2000015 !important;
  left: 0 !important;
  -webkit-transition: left 300ms ease-in, width 150ms ease-in !important;
  transition: left 300ms ease-in, width 150ms ease-in !important;
  overflow-y: auto !important;
  background-color: #46708c !important;
  scrollbar-color: #c7c7c7 #46708c !important;
  scrollbar-width: auto !important;
  /* stylelint-disable-next-line prettier/prettier */
}
.VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_menu.VirtualNavigationHamburgerMenu_SIDEBAR---inDesignerPreview {
  position: absolute !important;
  height: 100% !important;
}
.appian-context-desktop .VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_menu {
  top: calc(0px + var(--title-bar-height)) !important;
}
.VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_menu::-webkit-scrollbar {
  width: 16px !important;
}
.VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_menu::-webkit-scrollbar-track {
  background-color: #46708c !important;
}
.VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_menu::-webkit-scrollbar-thumb {
  background-color: #c7c7c7 !important;
  border-radius: 8px !important;
  border: 4px solid transparent !important;
  background-clip: content-box !important;
}
.VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_menu::-webkit-scrollbar-thumb:hover {
  background-color: #e1e1e1 !important;
}
.VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_menu.VirtualNavigationHamburgerMenu_SIDEBAR---hidden {
  left: -480px !important;
  -webkit-transition: none !important;
  transition: none !important;
}
.VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_menu .VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_header {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  /* matches VirtualNavigationHeaderLayout */
  height: 60px !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
@media only screen and (max-width: 480px), screen and (max-height: 480px) and (max-width: 1024px) {
  .VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_menu .VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_header {
    /* matches VirtualNavigationHeaderLayout */
    height: 46px !important;
  }
}
.VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_menu .VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_header .VirtualNavigationHamburgerMenu_SIDEBAR---logo {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
}
@media only screen and (max-width: 480px), screen and (max-height: 480px) and (max-width: 1024px) {
  .VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_menu .VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_header .VirtualNavigationHamburgerMenu_SIDEBAR---logo {
    max-width: calc(100% - 50px) !important;
  }
}
.VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_menu .VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_header .VirtualNavigationHamburgerMenu_SIDEBAR---logo img {
  vertical-align: middle !important;
}
.VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_menu .VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_header .VirtualNavigationHamburgerMenu_SIDEBAR---logo a:hover,
.VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_menu .VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_header .VirtualNavigationHamburgerMenu_SIDEBAR---logo a:focus {
  text-decoration: none !important;
  /* needed to override styling in elements.less */
}
.VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_menu .VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_header .VirtualNavigationHamburgerMenu_SIDEBAR---logo a:focus:not([data-appian-ux-mouse-focus]) img {
  outline: 1px dotted #ededed !important;
}
.VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_menu .VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_header .VirtualNavigationHamburgerMenu_SIDEBAR---close_icon {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 0 auto !important;
          flex: 1 0 auto !important;
  fill: #ededed !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_menu ul.VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_tabs {
  list-style: none !important;
  margin-bottom: 0 !important;
  padding: 6px 0 0 0 !important;
}
.VirtualNavigationHamburgerMenu_SIDEBAR---glass {
  position: fixed !important;
  top: 0px !important;
  bottom: 0 !important;
  z-index: 2000015 !important;
  left: 0 !important;
  right: 0 !important;
  background-color: #000 !important;
  opacity: 0.5 !important;
  -webkit-transition: opacity 300ms ease-in !important;
  transition: opacity 300ms ease-in !important;
}
.VirtualNavigationHamburgerMenu_SIDEBAR---glass.VirtualNavigationHamburgerMenu_SIDEBAR---inDesignerPreview {
  position: absolute !important;
  height: 100% !important;
}
.appian-context-desktop .VirtualNavigationHamburgerMenu_SIDEBAR---glass {
  top: calc(0px + var(--title-bar-height)) !important;
}
.VirtualNavigationHamburgerMenu_SIDEBAR---glass.VirtualNavigationHamburgerMenu_SIDEBAR---hidden {
  opacity: 0 !important;
  pointer-events: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}
.VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_menu {
  padding: 0 !important;
  width: 250px !important;
}
.VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_menu .VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_header {
  padding: 0 21px !important;
}
.VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_menu .VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_header .VirtualNavigationHamburgerMenu_SIDEBAR---logo img {
  /* matches logo styling in VirtualNavigationHeaderLayout_HELIUM.less */
  max-height: 32px !important;
  max-width: 150px !important;
}
.VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_menu .VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_tabs {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_menu .VirtualNavigationHamburgerMenu_SIDEBAR---display_name {
  width: 100% !important;
  padding: 0 22px !important;
  margin-top: 19px !important;
  -webkit-align-self: center !important;
              -ms-grid-row-align: center !important;
          align-self: center !important;
  color: #ededed !important;
  font-size: 1.2857rem !important;
}
.VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_menu .VirtualNavigationHamburgerMenu_SIDEBAR---display_name.VirtualNavigationHamburgerMenu_SIDEBAR---two_lines {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  display: -webkit-box !important;
  word-wrap: break-word !important;
}
@media only screen and (max-width: 480px) {
  .VirtualNavigationHamburgerMenu_SIDEBAR---hamburger_menu {
    width: 100% !important;
  }
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.ApnLogo---appian_logo {
  height: 16px !important;
  width: 42px !important;
  background-size: cover !important;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYcAAACgCAYAAADnwKBEAAASX0lEQVR4nO3dfbRVdZ3H8fc9XFCeBURQVFSsECEpRwkfCHyo1GKs0ZnGcpXOOJMVZmvVMkdbtVrO1FitHBOmLE3NiXycytSaHAFzHGfyCZLRjAEdDHASEAW6yoU7f3zPGQ5333vZ55zv7/z2w+e11lkX9PLd37vv3vu7H377+wMREREREREREREREREREREREREREREREREREREREZG86Ojp6Ymdg0gZLQZOBTx2wA7gp8CFDrFEAOiMnYBISR0OjHeMN9kxlgiV2AmIlNRm53ivOMeTklNxEBGRBBUHERFJUHEQEZEEFQcREUlQcRARkQQVBxERSVBxECmGsbETkGJRcRAphmdiJyDFouIgkn9LgUtiJyHFovYZIvn2K2Be7CSkeHTlIJJfK4ETYychxdTMlcMfASfj001yIB3VZewAtgGvAhuxHjK/B9YFXn5v5wIHE/7nblRH9esOoAtbT5uw3j0vA+uBN9qYz6nAW8neegJbV93A68Br2DqqracN2HaWF2uA2djvPbR5wEzas8/vwn6mrcAWdm/LL2H7fbt0AhcB+5LtbbmL3dvyJnbv810tL6CJlt1XA59tdcEt6gZeBJ4G/h275/pI4GU+Tz47X24AnsVuPyyrfrYGXN49wHsDxg9lM/Ac8DjwS2AJdkAK5X7gPU3+2/8FjsYOBO1wF/CBNi2rP13YPrgC2+eXAMsDLm8EdtDNo99jAxQeY/c+v6XRIM0Uh8uArzT6j9rgBWyH+w7wRID4y4A5AeK22ybgQeBGbH15ux4748q7LuBh4Bbg+wHiN1sctgLTgLW+6QxoIfDxNi4vrWeAH2H7/Brn2MOwE9AxznFjeAU7gf4e8JO0/6iZZw5ZvMQCO6v/GHbmdzd2+8tTVn/uRo0FzgHuww5+853jF2U97QuchhWHZ4C/jpsOYLcHj6O9hQGy+zs9CrgcWIWdlBziHD+rP3ej9gPOBn4MPAr8SZp/VNQH0u/HbqNcFTuRjDsR22BuxA6G0repwLeAXwBHRMqhBzgJu0Uoe6pgV6u/IRtFPMtmAXcCtwKjBvrGohaHmiuwe5M68A3sAuAp4NDYiWTcadhzrhi3F+dhJzzSv6FYEf9O7ERy4EPY85s39fcNRS8OAHOxZxAqEAN7C/AkcFDsRDJuKPb86eQ2LvPM6jIlnb/ErohlYJOxk8LD+/qfZSgOYPcml8ZOIgfGEn7UV1Esoz1XWucQZuBA0c3HbpfKwIYB/wkM7v0/ylIcwO61/UPsJHJgMvDD2EnkQAfhD9oXYsNIpTkXAB+JnUQO7E8fV1plKg5g/WfeHjuJHPgz9OZtGtOAzwSKfSk29FBacxMwPHYSOXAGvUYuNlMc2vm2bQi3xE4gJ26InUBO/C3+z7OuRFe5nq6LnUBOLKr/S9muHMDeLNVZ8d69BTg9dhI5MATfjgFfxgqO+PkocEDsJHJgEnB+7S9lLA4AX4qdQE58MnYCOeH19vC1wN84xfLUsfdvybyLYyeQEwtqfyhrcTgFewgjA5tPMdoHhDYROL7FGDcBn2o9lSC6YyfgQMUhneOAw6C8xQHgrNgJ5ESqV+2F8xr8/vrWDHdjI2ta8TbCzc+yM1DcdpqAbiendR6Uuzh49xQqqiI0G2yHdzf5735O6wV4IfADwh3Ei3BbCTQpUlrvguaKw3jnRGJ5J8XZ6EOaGTuBnJiKnZ2mNRubk6TZtt0152PPPF4iXKO4orw1ryuHdN4KdDRzGXpv9av3hjgIa00wEhtZMAV7szmUcdhKCNkTPq0twENY98912NwCfyB5JtiD3ToYjDXNGoetp2OxnyWE6djzmXbNHTCQXdibycuxzqSbsQl6et8T78G2p05sexqLvdx3DHBCwPymkm4OiMFYF9GFLS7vXHYPzQ4598TNWOdT732+E9vnRwMHYn1++mzl4GQWtl1k5TbZBmyffxFrq72dvp/vdGDDpYdhJ+eHYKMuQ72/MQY4qpni8Ajta7HwZuB92OiiYQHiTyN+cfg09jDylRbjzMbaF7+v1YR66QBmYA0MY7oaG4f9QotxpgKfIMxIrGmk64G0C5sXpRVnAbfX/T3kfPD3VT/t8Das6F0eIPYYbIj2fwWI3Yh/xrblh2j+vbFx2KyLl2L7vreZWX/m8Bzwdezg1PBMRil4939v1BnANbReGMBmx5qPPdz09uYAMRtxWfXTamEAa3m9APi8Q6zepqb8vlbPXOcCP20xRlY9iQ3nfRdWRL1NCxCzEYuwWfUeoLUXijdiJwcnYBMeeZua9eJQs5owPVJiTvt5O/CzAHHPw+ZI9hTyUn9vVmNXDd6uwk4+PB3mHK8vxxL/Kq4dfkGY3/uUADHTWoNdtXp7P/5T/x6Rl+IA1hjK48yxXswrh8WB4r6Of7viSc7xGnFHwNjerVQOdI7X23Ssg2ZZhGghMjFAzLRC7fPgvy0flKfiAHbrxFMjo0u8eRe6et7rKWbrgScDxn7MOd4453j1jsQKQ9722VZswP/qLuZLnSsCxvae72N03ja0Tc7x9nOO1wiP5wz92egcb4RzvEZsDhg7xPa0j3NMgIOB/8BG9pSN93zZI53jNWJDjmKPyFtx8H6NfyQ2tC2GkMPpvGMXdRY976GZw/EvpOOxwjDWOW5eeD+Ujtm+O8QD9hrvbXlo3oqD90trw4h34Av5Ap737zVmcQi5jXrHHoLvwWc48CjFeQmtGd6/oxBD4tPK07a8b96Kg7dBxLtyyJMhsRPIiQ78bit1YlcMRzjFExPyfZAiGVz24tBDuJYDRaJ1lJ7XunoEewtWfGlbTqen7MVBJIuWYK2TRaJRcRDJlnuxN6BFolJxEMmO24EzYychAioOIllxI9ZwTiQT8lYcQo4TFonlWlqfCa6o9AA5krwVh22xExBx9gXqJnWXBO8mkpJSq2N+h2MTqEzHxmNPwPrLjKx+9uljGd3Y2UBH3Z93YW/19lS/7qz7b7Wv3cRvtyviaTbwxdhJNGh/bGKpo7EutAdg/YpGYW+HD2HPd4d62N3ZoK99vvfX3n+eFfKHkf41UxymYvPlnor1Eg/ZbEykyL4RO4GUjgdOq35mEfctY2mTRorDXOASrHe4iLTmcLJ/VnwOdstrTuxEpP3SFIfJ2AOz+YFzESmTs2InMIBZwDfRi3iltrcH0h/GplVUYRDxNT12Av24Emv2p8JQcgNdOXwO+HK7EhEpmZgzkvXnBuDC2ElINvR35bCAchQGNd6TWLI2cc/1qDBInb6KwzuwZwxlMAi18JU4snRScjFwUewkJFt6F4dO4L4YiURSQfM5SBxZKQ6TgEWxk5DMGdS7OHyJuBNwt5tuK0nZ3RI7AcmkjvriMA57CC0i5XA8cErsJCSb6ovDJYSd11hEsuXy2AlEoDsFKdUXh4/GSkJE2m48cHbsJCLIW7PRaGorahZwaMxERKStPhQ7gUg0ACWlWnH406hZiEi7zYudgGRbrTiosZZIeVSAE2MnIdlWwfqvHxU7ERFpm2NQq33Zi06sAdjwQPFXAQ8AjwHPAxuB7fQ/u1MF6xU/Cns5ZwZ2+XtyoPxEyihkU70ngAeBp4C1wBZsBscd/Xz/IOz4Mxp77jkTOL36VSLqxGZ0CmEBcF2LMe7EplGcA9yDFQ0RaU2Ifb4L+HPgRy3G+UH164eB77cYS1pQAd4UIO5FtF4Y6j2EzTq3yzGmSFmF2Ofn0XphqHcrcL5jPGlQBZvMx9Mq4LvOMQFWAncEiCtSNhOc492BzQHh7Vbg6QBxJYUKcKBzzB86x6t3f8DYImUx2jnezc7x6umEMJIKMNY55krnePV+GzC2SBkMwb84vOAcr97agLFlABX8N5RXnePV2xYwtkgZDMd/dGJ/ow89dAWMLQOo4L+hhOxdosaAIq0ZAezrHFPN7Aqo9l6Bp5AHcBUHkdYMxX8/0j5fQJoJTaRctL9LKhV0SShSJtrfJRX1NhcRkQQVBxERSVBxECmXwbETkHxQcRARkQQVBxERSVBxEBGRBBUHERFJUHEQKRe9cSypqDiIlIsmzJJUVBxEyqU7dgKSDyoOIiKSoOIgaeg+dXpaV1IIFcq9MQ9CXSrTULO24ijz/i4NqAA7YicRUQVdPaURcqavItkF/CF2EnuhZw6SSgXY7hwzT6Mheoh3Vhxyud6/g5jFIeT2FGI9ee9P3rbjv+2F3JZ11RpJBc3LHEvIBmjesWPO4xvyNoj3VeM2YKtzTG/b8C9guvouoArwqnPM/ZzjFdXYgLEnOMfz3kYaMT5g7AOc420G3nCO6W0r/gVsqHO8et5z3OtKJKUK8LJzzLc7xyuqIwLGfqdzvJec4zXi+ICxT3COt9E5Xgjd+Bf7I53j1ZviHE8DUFKqAOucY57nHK+o/iJQ3PHAGc4xf+ccrxHnBoz9Eed4653jhfKKc7yPOcer90HneJ3O8QqrArzgHHMi8EXnmEV0OnBRgLh343+ffo1zvEZMBL4ZIO63gYOcY652jheKdxE7DfiAc0yAy4DDnGPqtlJKFeC5AHG/AHwVODBA7CK5HvgGcFSLcUYDZwO/Bk5qNak+/CZAzEZ8ErgdmEVrhW8f7JbbvcBfOeTV27MBYoYQYp+/C/gUMMIh1mjgCuArDrGkSZ3A04FifwZYAPwr8Dh29rkRexi2A9jZx78ZAowDRgH/RPYf7nm4tPp5FjsIrwc2YSOEdrLnwbAHK+iDsR1oHHA4MANbZyF0Y0UntnOrn7XAyurXTdjIm9rY/dq6qq2nTmAkMAaYDByN/8P6es8EjO0p1O/zGuDzwBLgKex3tBF79+N1bOhw7+I+BHugvT9wCDATuxIZEyhHSakT26C3YAcbb/sAZ1Y/jfg45XtZZ2r1kzUrsO0jKw6pfrIoL1cOvwoYexxwTvUjOVbBzk5Xxk6kzgeBfyRfL9MV2ZOxE8iJFeRjtBLYCWHMQQaSA7WXV5bGTKLOBcBtsZOQPSyNnUBO3B87gQY9HDsBybZaccjCAfnTwE2xk5A97AR+HDuJnFgcO4EG/UvsBCTbasVhBXFHpFyBPcySbLkLeC12EjmwFlgeO4kG3Ua5m27KXtT3RLkhUg5XAX8XadkysIWxE8iJEO9hhLYNuDl2EpJd9cVhIe1vsFYb+ibZ82vgodhJ5MB28nvV+/exE5Dsqi8O24Er27jsG7HnDJJNodp7FM3l5Pf2zCr0nE/60bvV7teB37ZhuYvRwSfLbiHsWPiiWA5cGzuJFl1M3JbsklF99WF/T+Bl/gQ158uyNfg3pCuiXcBZsZNw0EXjL6lKCfRVHFYD8wMt7wHgjwPFltZtAk6MnUROzKU4L5ItwVrdiPy//mZwugf/Vsn/hnUilWxaDRxLftpOx9INnAL8MnYizq4DPhE7CcmOgab3uxOYjU+/mOXAHIc4EsZtwDHA85HzyLpHsCaHS2InEsgi7Lbyi7ETkfj2Nvfro8B0rHVusw+tVgHvQL2Ssuhp4Hysn1XW5z6OaQPwWeyWW16a6zXr51gDyGsoX/NLqZNmYvCd2HC9Kdi46EYmNHkROA6NhsiaZdhD5xnArZFzybKnsNbzU4CvRc6lnbZhw8yPBK4G/jtuOhJDI1PmrQM+V/3MxS4/52AHmL4m+HgZm//Xc0pC74nMh1D8aQN7sBFIjwMPAj9Dt4/6sw7rQrsMO4NeEXBZhznHO9Q5HtgskZdVPycB765+nYG15s6jtPNdV4Cxzsse7hwvZOyRzR4Yl7K7W+d+2EQqB1c/k6r/7Vr8H26uxWZP89JNvN5Bi7EXDyvsferCDuwKrvfkP/V2YFdoW7DW0eurn99h6y2v7sN+hk581lM3NvHMa9jorPVYUViPHQzbdStlEXbL1ssTjrH68jC7O7kOw4rRRGx/n4Dt86OwE65BgXNpxf+k/L43sFkaPQ+6qxxj9RXb89jY1dHToylVU1qKTTHpxXue56z4Nr5TcM4g3GyFItKPNM8cJIyszmaWNZNiJyBSRioO8Wjdp1PUKyyRTNMBSkREElQcREQkQcVBREQSVBxERCRBxUFERBJUHEREJEHFQUREElQcREQkQcVBREQSVBxERCRBxUFERBJUHEREJEHFQUREElQcREQkQcVBREQSVBxERCRBxUFERBJUHEREJEHFQUREElQcREQkQcVBREQSVBxERCRBxUFERBJUHEREJEHFQUREElQcREQkQcVBREQSVBxERCRBxUFERBJUHEREJEHFIb3RzvGKuu5HOMcb4hxPRFLojJ1AjqwHpjjG63aMlSUvA685xtvuGEtEUvo/ADTj7/Ndp4MAAAAASUVORK5CYII=") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.ApnLogo---appian_logo.ApnLogo---tempo {
  height: 22px !important;
  width: 50px !important;
  background-size: contain !important;
}
@media only screen and (max-width: 480px), screen and (max-height: 480px) and (max-width: 1024px) {
  .ApnLogo---appian_logo {
    height: 14px !important;
    width: 37px !important;
  }
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.AceFooter---wrapper {
  font-family: "Appian Open Sans", Sans-Serif !important;
  direction: ltr !important;
  width: 100% !important;
  background-color: #020a51 !important;
  padding: 1rem !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.AceFooter---wrapper div {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 0 auto !important;
          flex: 1 0 auto !important;
}
.AceFooter---wrapper div:not(.AceFooter---center) {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 0 7.1425rem !important;
          flex: 1 0 7.1425rem !important;
}
@media only screen and (max-width: 1024px) {
  .AceFooter---wrapper {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
            justify-content: center !important;
  }
  .AceFooter---wrapper div {
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 1 auto !important;
            flex: 0 1 auto !important;
  }
  .AceFooter---wrapper div:not(.AceFooter---center) {
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 1 auto !important;
            flex: 0 1 auto !important;
  }
}
.AceFooter---companylogo {
  max-height: 2.2857rem !important;
  vertical-align: middle !important;
}
a:focus .AceFooter---companylogo {
  outline: 1px dotted #eee !important;
}
.AceFooter---links {
  padding-left: 0 !important;
  text-align: center !important;
  margin: 0.5rem 0 !important;
}
.AceFooter---links li {
  display: inline-block !important;
  list-style-type: none !important;
  padding-left: 2.8571rem !important;
}
.AceFooter---links li:first-child {
  padding-left: 0 !important;
}
@media only screen and (max-width: 480px) {
  .AceFooter---links li {
    display: block !important;
    padding-left: 0 !important;
  }
}
.AceFooter---links a {
  text-decoration: underline !important;
  color: #eee !important;
}
.AceFooter---links a:active {
  color: #eee !important;
}
.AceFooter---links a:focus:not(.appian-context-ux-mouse-focus) {
  outline: 1px solid #eee !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* expanded sidebar tab width minus the inner left and right padding (14px).
in the collapsed sidebar, we don't want the text to try to fit in the small square tabs because it will wrap,
and it needs to always exist in the DOM so that it can animate (fade in and out)
*/
/* matches semi_rounded button border radius */
.VirtualNavigationHeaderSideBarLayout---nav_tab.VirtualNavigationHeaderSideBarLayout---top_level_tab .VirtualNavigationHeaderSideBarLayout---nested_tab.VirtualNavigationHeaderSideBarLayout---inCollapsedSideBar .VirtualNavigationHeaderSideBarLayout---nav_icon_and_label_wrapper .VirtualNavigationHeaderSideBarLayout---nav_label,
.VirtualNavigationHeaderSideBarLayout---nav_tab.VirtualNavigationHeaderSideBarLayout---top_level_tab .VirtualNavigationHeaderSideBarLayout---nested_tab.VirtualNavigationHeaderSideBarLayout---inCollapsedSideBar .VirtualNavigationHeaderSideBarLayout---nav_icon_and_label_wrapper .VirtualNavigationHeaderSideBarLayout---nav_label_pulldown_icon {
  opacity: 1 !important;
}
/* This mixin takes in a number of tabs, and estimates a height at which the tabs_wrapper will start needing to scroll.
   When the tabs_wrapper would need to scroll, we shrink the tabs so that scrolling will not be needed until an even shorter height.

   Because the mixin is called 10 times below, 10 media queries will be written, but only one will actually do anything.
   The only media query that will work is the one where @num-tabs matches the number of tabs that exist in the given sidebar.
   The :first-child:nth-last-child(@{num-tabs}) ensures this. It works by selecting the tab that is both the first child and @num-tabs-from-last child.
   For example, for @num-tabs = 5, the width and height styles will only be applied when the first tab is also the 5th-from-last tab.
*/
/*
   In case a user shrinks the browser farther after the tabs shrink due to the above mixin, and the tabs_wrapper scrolls,
   this mixin will save room for the scrollbar (using scrollbar-gutter: stable) so that it can appear and disappear without shifting the smaller tabs.

   Because the mixin is called 10 times below, 10 media queries will be written, but only one will actually do anything.
   The only media query that will work is the one where @num-tabs matches the number of tabs that exist in the given sidebar.
   The .tabs_wrapper:has(ul.tabs > :nth-child(@{num-tabs}):last-child) ensures this.
   It works by selecting the tabs_wrapper that has exactly @num-tabs tabs. The :nth-child(@{num-tabs}):last-child) selector will select
   a child that is both the last child and the @num-tabs child.
   For example, for @num-tabs = 5, the scrollbar styles will only be applied when the tabs_wrapper has a child tab that is both the last tab and the 5th tab.
*/
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout {
  display: -ms-grid !important;
  display: grid !important;
  -ms-grid-columns: calc(100% - 44px) 44px !important;
      grid-template-columns: calc(100% - 44px) 44px !important;
  -ms-grid-rows: min-content min-content min-content 1fr !important;
      grid-template-rows: min-content min-content min-content 1fr !important;
  grid-auto-rows: min-content !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---logo {
  -ms-grid-column: 1 !important;
      grid-column-start: 1 !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---contextWidget {
  -ms-grid-column: 2 !important;
      grid-column-start: 2 !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---display_name_spacer_row,
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---display_name,
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---tabs_wrapper,
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---profile,
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---profile_spacer_row,
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---appian_logo_container {
  -ms-grid-column: 1 !important;
      grid-column-start: 1 !important;
  grid-column-end: -1 !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---display_name_spacer_row {
  height: 20px !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---profile_spacer_row {
  height: 58px !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout {
  background-color: #46708c !important;
  width: 250px !important;
  position: relative !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout:not(.VirtualNavigationHeaderSideBarLayout---inExploreViewPreview):not(.VirtualNavigationHeaderSideBarLayout---inDesignerPreview) {
  height: 100vh !important;
  padding-top: 0px !important;
}
.appian-context-desktop nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout:not(.VirtualNavigationHeaderSideBarLayout---inExploreViewPreview):not(.VirtualNavigationHeaderSideBarLayout---inDesignerPreview) {
  padding-top: calc(0px + var(--title-bar-height)) !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---inExploreViewPreview,
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---inDesignerPreview {
  height: 100% !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout a:focus,
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout a:focus:not([data-appian-ux-mouse-focus]),
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout a:hover {
  outline: none !important;
  border: none !important;
  text-decoration: none !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---logo,
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---contextWidget {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---logo {
  -webkit-align-self: center !important;
              -ms-grid-row-align: center !important;
          align-self: center !important;
  padding-left: 12px !important;
  height: 60px !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---logo > img,
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---logo > a > img {
  /* matches max-height styling in VirtualNavigationHamburgerMenu_MERCURY.less */
  max-height: 40px !important;
  vertical-align: middle !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---logo a:focus:not([data-appian-ux-mouse-focus]),
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout a:focus:not([data-appian-ux-mouse-focus]) .VirtualNavigationHeaderSideBarLayout---appian_logo {
  position: relative !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---logo a:focus:not([data-appian-ux-mouse-focus]):before,
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout a:focus:not([data-appian-ux-mouse-focus]) .VirtualNavigationHeaderSideBarLayout---appian_logo:before {
  position: absolute !important;
  content: "" !important;
  top: -3px !important;
  left: -3px !important;
  height: calc(100% + 2 * 3px) !important;
  width: calc(100% + 2 * 3px) !important;
  border: 1px solid #ededed !important;
  border-radius: 0.2857rem !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---contextWidget {
  overflow: hidden !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---expandedSideBarContextWidget {
  padding: 0 3px !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---display_name {
  width: calc(100% - 13px) !important;
  overflow: hidden !important;
  padding-left: 22px !important;
  -webkit-align-self: center !important;
              -ms-grid-row-align: center !important;
          align-self: center !important;
  color: #ededed !important;
  font-size: 1.2857rem !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---display_name.VirtualNavigationHeaderSideBarLayout---two_lines {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  display: -webkit-box !important;
  word-wrap: break-word !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---display_name .VirtualNavigationHeaderSideBarLayout---display_name_overflow_wrapper {
  width: calc(250px - 35px) !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---header_component {
  width: 250px !important;
  padding: 0px 12px !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---tabs_wrapper {
  -webkit-align-self: start !important;
              -ms-grid-row-align: start !important;
          align-self: start !important;
  height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  border-top: 1px solid !important;
  border-bottom: 1px solid !important;
  border-color: transparent !important;
  -webkit-transition: border 200ms ease-out !important;
  transition: border 200ms ease-out !important;
  scrollbar-color: #c7c7c7 #46708c !important;
  scrollbar-width: auto !important;
  /* stylelint-disable-next-line prettier/prettier */
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---tabs_wrapper.VirtualNavigationHeaderSideBarLayout---divider {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---tabs_wrapper::-webkit-scrollbar {
  width: 16px !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---tabs_wrapper::-webkit-scrollbar-track {
  background-color: #46708c !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---tabs_wrapper::-webkit-scrollbar-thumb {
  background-color: #c7c7c7 !important;
  border-radius: 8px !important;
  border: 4px solid transparent !important;
  background-clip: content-box !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---tabs_wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #e1e1e1 !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---tabs_wrapper:focus {
  outline: none !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---tabs_wrapper ul.VirtualNavigationHeaderSideBarLayout---tabs {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---inExploreViewPreview .VirtualNavigationHeaderSideBarLayout---tabs_wrapper {
  overflow-y: hidden !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---profile {
  position: relative !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---collapse_button {
  position: absolute !important;
  bottom: 15px !important;
  background-color: rgba(255, 255, 255, 0.2) !important;
  border: none !important;
  height: 28px !important;
  width: 28px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---collapse_button:hover {
  background-color: #35556a !important;
  cursor: pointer !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---collapse_button:focus:not([data-appian-ux-mouse-focus]) {
  outline: none !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---collapse_button:focus:not([data-appian-ux-mouse-focus])::-moz-focus-inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  /* needed so buttons don't get extra padding on Firefox */
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---collapse_button:focus:not([data-appian-ux-mouse-focus]):after {
  content: "" !important;
  position: absolute !important;
  top: 1px !important;
  left: 1px !important;
  height: calc(100% - 2px) !important;
  width: calc(100% - 2px) !important;
  border: 1px solid #ededed !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---collapse_button svg {
  height: 14px !important;
  width: 14px !important;
  fill: #ededed !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---with_appian_logo .VirtualNavigationHeaderSideBarLayout---collapse_button {
  bottom: 52px !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---appian_logo_container {
  padding-top: 16px !important;
  padding-bottom: 20px !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---appian_logo_container .VirtualNavigationHeaderSideBarLayout---appian_logo_wrapper {
  text-align: center !important;
  height: 16px !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---appian_logo_container .VirtualNavigationHeaderSideBarLayout---appian_logo_wrapper > div {
  display: inline-block !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout:not(.VirtualNavigationHeaderSideBarLayout---collapsed) .VirtualNavigationHeaderSideBarLayout---appian_logo_container {
  margin-top: 5px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 32px !important;
  text-align: right !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-top: 1px solid transparent !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout:not(.VirtualNavigationHeaderSideBarLayout---collapsed) .VirtualNavigationHeaderSideBarLayout---appian_logo_container .VirtualNavigationHeaderSideBarLayout---appian_logo_wrapper_border {
  display: inline-block !important;
  width: 33px !important;
  height: 100% !important;
  -webkit-clip-path: polygon(32px 0, 0 100%, 1px 100%, 100% 0) !important;
          clip-path: polygon(32px 0, 0 100%, 1px 100%, 100% 0) !important;
  background-color: rgba(255, 255, 255, 0.35) !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout:not(.VirtualNavigationHeaderSideBarLayout---collapsed) .VirtualNavigationHeaderSideBarLayout---appian_logo_container .VirtualNavigationHeaderSideBarLayout---appian_logo_wrapper {
  display: inline-block !important;
  position: relative !important;
  width: 96px !important;
  height: 100% !important;
  margin-left: -32px !important;
  -webkit-clip-path: polygon(32px 0, 0 100%, 100% 100%, 100% 0) !important;
          clip-path: polygon(32px 0, 0 100%, 100% 100%, 100% 0) !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout:not(.VirtualNavigationHeaderSideBarLayout---collapsed) .VirtualNavigationHeaderSideBarLayout---appian_logo_container .VirtualNavigationHeaderSideBarLayout---appian_logo_wrapper > div {
  position: absolute !important;
  top: 7px !important;
  right: 12px !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---isRtl:not(collapsed) .VirtualNavigationHeaderSideBarLayout---appian_logo_container {
  direction: ltr !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---isRtl:not(collapsed) .VirtualNavigationHeaderSideBarLayout---appian_logo_container .VirtualNavigationHeaderSideBarLayout---appian_logo_wrapper_border {
  -webkit-clip-path: polygon(0px 0, 32px 100%, 33px 100%, 1px 0) !important;
          clip-path: polygon(0px 0, 32px 100%, 33px 100%, 1px 0) !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---isRtl:not(collapsed) .VirtualNavigationHeaderSideBarLayout---appian_logo_container .VirtualNavigationHeaderSideBarLayout---appian_logo_wrapper {
  -webkit-clip-path: polygon(0px 0, 0 100%, 96px 100%, 64px 0) !important;
          clip-path: polygon(0px 0, 0 100%, 96px 100%, 64px 0) !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout {
  -webkit-transition: width 250ms ease-in-out, grid-template-columns 250ms ease-in-out !important;
  transition: width 250ms ease-in-out, grid-template-columns 250ms ease-in-out !important;
  transition: width 250ms ease-in-out, grid-template-columns 250ms ease-in-out, -ms-grid-columns 250ms ease-in-out !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---logo > img,
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---logo > a > img {
  /* matches max-width styling in VirtualNavigationHamburgerMenu_MERCURY.less */
  max-width: 170px !important;
  -webkit-transition: max-width 250ms ease-in-out !important;
  transition: max-width 250ms ease-in-out !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---display_name {
  opacity: 1 !important;
  margin: 20px 13px 20px 0 !important;
  max-height: 50px !important;
  -webkit-transition: opacity 250ms ease-in-out, margin 250ms ease-in-out, max-height 250ms ease-in-out !important;
  transition: opacity 250ms ease-in-out, margin 250ms ease-in-out, max-height 250ms ease-in-out !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---expandedSideBarContextWidget {
  opacity: 1 !important;
  -webkit-transition: opacity 125ms ease-in-out 125ms !important;
  transition: opacity 125ms ease-in-out 125ms !important;
  margin-right: 13px !important;
  overflow: hidden !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---collapsedSideBarContextWidget {
  padding: 0 23px !important;
  -ms-grid-column: 1 !important;
      grid-column-start: 1 !important;
  opacity: 0 !important;
  max-height: 0 !important;
  padding-top: 0 !important;
  -webkit-transition: opacity 125ms ease-in-out, max-height 250ms ease-in-out, padding-top 250ms ease-in-out !important;
  transition: opacity 125ms ease-in-out, max-height 250ms ease-in-out, padding-top 250ms ease-in-out !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---profile {
  height: 58px !important;
  -webkit-transition: height 250ms ease-in-out !important;
  transition: height 250ms ease-in-out !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---profile:before {
  opacity: 0.4 !important;
  -webkit-transition: opacity 250ms ease-in-out !important;
  transition: opacity 250ms ease-in-out !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---collapse_button {
  right: 0 !important;
  border-top-left-radius: 0.2857rem !important;
  border-bottom-left-radius: 0.2857rem !important;
  -webkit-transition: right 250ms ease-in-out !important;
  transition: right 250ms ease-in-out !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---collapse_button:after {
  border-top-left-radius: 0.2857rem !important;
  border-bottom-left-radius: 0.2857rem !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout .VirtualNavigationHeaderSideBarLayout---collapse_button svg {
  -webkit-transition: border-radius 250ms ease-in-out, -webkit-transform 250ms ease-in-out !important;
  transition: border-radius 250ms ease-in-out, -webkit-transform 250ms ease-in-out !important;
  transition: transform 250ms ease-in-out, border-radius 250ms ease-in-out !important;
  transition: transform 250ms ease-in-out, border-radius 250ms ease-in-out, -webkit-transform 250ms ease-in-out !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed {
  width: 70px !important;
  -ms-grid-columns: 100% 0 !important;
      grid-template-columns: 100% 0 !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---logo > img,
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---logo > a > img {
  max-width: 46px !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---display_name {
  opacity: 0 !important;
  margin: 0 13px 0 0 !important;
  max-height: 25px !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---expandedSideBarContextWidget {
  opacity: 0 !important;
  -webkit-transition: opacity 125ms ease-in-out !important;
  transition: opacity 125ms ease-in-out !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---collapsedSideBarContextWidget {
  opacity: 1 !important;
  max-height: 40px !important;
  padding-top: 10px !important;
  -webkit-transition: opacity 125ms ease-in-out 125ms, max-height 250ms ease-in-out, padding-top 250ms ease-in-out !important;
  transition: opacity 125ms ease-in-out 125ms, max-height 250ms ease-in-out, padding-top 250ms ease-in-out !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---profile:not(.VirtualNavigationHeaderSideBarLayout---no_toggle_btn) {
  height: 106px !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---profile:before {
  opacity: 0 !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed.VirtualNavigationHeaderSideBarLayout---with_appian_logo .VirtualNavigationHeaderSideBarLayout---profile {
  height: 91px !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---collapse_button {
  right: 21px !important;
  border-top-right-radius: 0.2857rem !important;
  border-bottom-right-radius: 0.2857rem !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---collapse_button:after {
  border-top-right-radius: 0.2857rem !important;
  border-bottom-right-radius: 0.2857rem !important;
}
nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---collapse_button svg {
  -webkit-transform: rotate(180deg) !important;
          transform: rotate(180deg) !important;
}
@media only screen and (max-height: 283px) {
  nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---tabs_wrapper:has(ul.VirtualNavigationHeaderSideBarLayout---tabs > :nth-child(1):last-child) {
    scrollbar-gutter: stable !important;
    padding-left: 16px !important;
  }
  .appian-context-browser-safari nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---tabs_wrapper:has(ul.VirtualNavigationHeaderSideBarLayout---tabs > :nth-child(1):last-child) {
    scrollbar-gutter: auto !important;
    padding-left: 0 !important;
  }
}
@media only screen and (max-height: 335px) {
  nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---tabs_wrapper:has(ul.VirtualNavigationHeaderSideBarLayout---tabs > :nth-child(2):last-child) {
    scrollbar-gutter: stable !important;
    padding-left: 16px !important;
  }
  .appian-context-browser-safari nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---tabs_wrapper:has(ul.VirtualNavigationHeaderSideBarLayout---tabs > :nth-child(2):last-child) {
    scrollbar-gutter: auto !important;
    padding-left: 0 !important;
  }
}
@media only screen and (max-height: 387px) {
  nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---tabs_wrapper:has(ul.VirtualNavigationHeaderSideBarLayout---tabs > :nth-child(3):last-child) {
    scrollbar-gutter: stable !important;
    padding-left: 16px !important;
  }
  .appian-context-browser-safari nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---tabs_wrapper:has(ul.VirtualNavigationHeaderSideBarLayout---tabs > :nth-child(3):last-child) {
    scrollbar-gutter: auto !important;
    padding-left: 0 !important;
  }
}
@media only screen and (max-height: 439px) {
  nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---tabs_wrapper:has(ul.VirtualNavigationHeaderSideBarLayout---tabs > :nth-child(4):last-child) {
    scrollbar-gutter: stable !important;
    padding-left: 16px !important;
  }
  .appian-context-browser-safari nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---tabs_wrapper:has(ul.VirtualNavigationHeaderSideBarLayout---tabs > :nth-child(4):last-child) {
    scrollbar-gutter: auto !important;
    padding-left: 0 !important;
  }
}
@media only screen and (max-height: 491px) {
  nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---tabs_wrapper:has(ul.VirtualNavigationHeaderSideBarLayout---tabs > :nth-child(5):last-child) {
    scrollbar-gutter: stable !important;
    padding-left: 16px !important;
  }
  .appian-context-browser-safari nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---tabs_wrapper:has(ul.VirtualNavigationHeaderSideBarLayout---tabs > :nth-child(5):last-child) {
    scrollbar-gutter: auto !important;
    padding-left: 0 !important;
  }
}
@media only screen and (max-height: 543px) {
  nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---tabs_wrapper:has(ul.VirtualNavigationHeaderSideBarLayout---tabs > :nth-child(6):last-child) {
    scrollbar-gutter: stable !important;
    padding-left: 16px !important;
  }
  .appian-context-browser-safari nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---tabs_wrapper:has(ul.VirtualNavigationHeaderSideBarLayout---tabs > :nth-child(6):last-child) {
    scrollbar-gutter: auto !important;
    padding-left: 0 !important;
  }
}
@media only screen and (max-height: 595px) {
  nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---tabs_wrapper:has(ul.VirtualNavigationHeaderSideBarLayout---tabs > :nth-child(7):last-child) {
    scrollbar-gutter: stable !important;
    padding-left: 16px !important;
  }
  .appian-context-browser-safari nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---tabs_wrapper:has(ul.VirtualNavigationHeaderSideBarLayout---tabs > :nth-child(7):last-child) {
    scrollbar-gutter: auto !important;
    padding-left: 0 !important;
  }
}
@media only screen and (max-height: 647px) {
  nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---tabs_wrapper:has(ul.VirtualNavigationHeaderSideBarLayout---tabs > :nth-child(8):last-child) {
    scrollbar-gutter: stable !important;
    padding-left: 16px !important;
  }
  .appian-context-browser-safari nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---tabs_wrapper:has(ul.VirtualNavigationHeaderSideBarLayout---tabs > :nth-child(8):last-child) {
    scrollbar-gutter: auto !important;
    padding-left: 0 !important;
  }
}
@media only screen and (max-height: 699px) {
  nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---tabs_wrapper:has(ul.VirtualNavigationHeaderSideBarLayout---tabs > :nth-child(9):last-child) {
    scrollbar-gutter: stable !important;
    padding-left: 16px !important;
  }
  .appian-context-browser-safari nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---tabs_wrapper:has(ul.VirtualNavigationHeaderSideBarLayout---tabs > :nth-child(9):last-child) {
    scrollbar-gutter: auto !important;
    padding-left: 0 !important;
  }
}
@media only screen and (max-height: 751px) {
  nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---tabs_wrapper:has(ul.VirtualNavigationHeaderSideBarLayout---tabs > :nth-child(10):last-child) {
    scrollbar-gutter: stable !important;
    padding-left: 16px !important;
  }
  .appian-context-browser-safari nav.VirtualNavigationHeaderSideBarLayout---header.VirtualNavigationHeaderSideBarLayout---nav_layout.VirtualNavigationHeaderSideBarLayout---collapsed .VirtualNavigationHeaderSideBarLayout---tabs_wrapper:has(ul.VirtualNavigationHeaderSideBarLayout---tabs > :nth-child(10):last-child) {
    scrollbar-gutter: auto !important;
    padding-left: 0 !important;
  }
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout {
  /**** Common Styles ****/
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  /**** Common Header Styles ****/
  /**** Common Body Styles ****/
  /**** Sidebar Styles ****/
  /**** Topbar Styles ****/
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---skipToContentAnchor {
  position: absolute !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---header {
  z-index: 2000015 !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---header .VirtualNavigationLayout_DESIGNER_PREVIEW---nav_and_banner_container {
  width: 100% !important;
  /* needed for portal preview */
  height: 100% !important;
  /* needed for empty header */
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body {
  position: relative !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
          flex-grow: 1 !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body.VirtualNavigationLayout_DESIGNER_PREVIEW---aceFooter {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body.VirtualNavigationLayout_DESIGNER_PREVIEW---aceFooter > div:first-of-type {
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
          flex-grow: 1 !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout {
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  margin: 12px 0 !important;
  min-height: 90% !important;
  /* Needed because the SitesApp div with the page layout classes renders outside of the SailContainerWeb div that has the appian-context-ux-page-size class */
}
@container page-layout-container (max-width: 1024px) {
  .appian-context-ux-responsive .VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    margin: 0 !important;
  }
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---transparent {
  background-color: transparent !important;
  border: none !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---transparent.VirtualNavigationLayout_DESIGNER_PREVIEW---inLiveViewContents {
  background-color: #f0f0f0 !important;
  /* Needed because the SitesApp div with the page layout classes renders outside of the SailContainerWeb div that has the appian-context-ux-page-size class */
}
@container page-layout-container (max-width: 1024px) {
  .appian-context-ux-responsive .VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---transparent.VirtualNavigationLayout_DESIGNER_PREVIEW---inLiveViewContents {
    background-color: #f0f0f0 !important;
  }
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---wide,
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---full {
  border: none !important;
  margin: 0 !important;
  min-width: 960px !important;
  min-height: 100% !important;
  overflow: hidden !important;
  /* edge case of flush content with column layout overflowing window */
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---wide {
  /* Needed to apply the styles that cause a wide site to stop growing wider in a browser window wider than 2048px */
}
@container page-layout-container (min-width: 2049px) {
  .appian-context-ux-responsive .VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---wide {
    border: 1px solid #ccc !important;
    margin: 12px 0 !important;
    overflow: visible !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 2000px !important;
    min-height: 90% !important;
  }
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---wide.VirtualNavigationLayout_DESIGNER_PREVIEW---transparent {
  /* Needed to apply the styles that cause a wide site to stop growing wider in a browser window wider than 2048px */
}
@container page-layout-container (min-width: 2049px) {
  .appian-context-ux-responsive .VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---wide.VirtualNavigationLayout_DESIGNER_PREVIEW---transparent {
    border: none !important;
  }
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---fluid {
  width: 96% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---fluid.VirtualNavigationLayout_DESIGNER_PREVIEW---standard {
  min-width: 960px !important;
  max-width: 1500px !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---narrow {
  width: 840px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---full,
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---wide,
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---fluid.VirtualNavigationLayout_DESIGNER_PREVIEW---standard,
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---narrow {
  /* Needed because the SitesApp div with the page layout classes renders outside of the SailContainerWeb div that has the appian-context-ux-page-size class */
}
@container page-layout-container (max-width: 1024px) {
  .appian-context-ux-responsive .VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---full,
  .appian-context-ux-responsive .VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---wide,
  .appian-context-ux-responsive .VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---fluid.VirtualNavigationLayout_DESIGNER_PREVIEW---standard,
  .appian-context-ux-responsive .VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---narrow {
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }
}
@media print {
  .VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---full,
  .VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---wide,
  .VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---fluid.VirtualNavigationLayout_DESIGNER_PREVIEW---standard,
  .VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---narrow {
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    width: 100% !important;
    border: none !important;
    overflow: hidden !important;
  }
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---wide.VirtualNavigationLayout_DESIGNER_PREVIEW---frame {
  position: fixed !important;
  top: 52px !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---wide.VirtualNavigationLayout_DESIGNER_PREVIEW---frame.VirtualNavigationLayout_DESIGNER_PREVIEW---site {
  top: 60px !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---inLiveViewContents {
  margin: 0 !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---inLiveViewContents:not(.VirtualNavigationLayout_DESIGNER_PREVIEW---headerContentLayoutInId) {
  min-height: 0 !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---inLiveViewContents.VirtualNavigationLayout_DESIGNER_PREVIEW---responsive {
  min-width: 480px !important;
  max-width: none !important;
  min-width: 0 !important;
  border-left: none !important;
  border-right: none !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---inLiveViewContents.VirtualNavigationLayout_DESIGNER_PREVIEW---desktop_narrow:not(.VirtualNavigationLayout_DESIGNER_PREVIEW---transparent):not(.VirtualNavigationLayout_DESIGNER_PREVIEW---inLiveViewContentsMobileFormFactor),
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---inLiveViewContents.VirtualNavigationLayout_DESIGNER_PREVIEW---desktop:not(.VirtualNavigationLayout_DESIGNER_PREVIEW---transparent):not(.VirtualNavigationLayout_DESIGNER_PREVIEW---inLiveViewContentsMobileFormFactor),
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---inLiveViewContents.VirtualNavigationLayout_DESIGNER_PREVIEW---desktop_wide:not(.VirtualNavigationLayout_DESIGNER_PREVIEW---transparent):not(.VirtualNavigationLayout_DESIGNER_PREVIEW---inLiveViewContentsMobileFormFactor),
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---inLiveViewContents.VirtualNavigationLayout_DESIGNER_PREVIEW---responsive:not(.VirtualNavigationLayout_DESIGNER_PREVIEW---transparent):not(.VirtualNavigationLayout_DESIGNER_PREVIEW---inLiveViewContentsMobileFormFactor) {
  box-shadow: 3px 3px 10px 0 #e4e4ec !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---inLiveViewContents.VirtualNavigationLayout_DESIGNER_PREVIEW---desktop_narrow,
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---inLiveViewContents.VirtualNavigationLayout_DESIGNER_PREVIEW---desktop,
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---inLiveViewContents.VirtualNavigationLayout_DESIGNER_PREVIEW---desktop_wide {
  margin-left: auto !important;
  margin-right: auto !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---inLiveViewContents.VirtualNavigationLayout_DESIGNER_PREVIEW---desktop_narrow {
  width: 1200px !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---inLiveViewContents.VirtualNavigationLayout_DESIGNER_PREVIEW---desktop {
  width: 1600px !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---inLiveViewContents.VirtualNavigationLayout_DESIGNER_PREVIEW---desktop_wide {
  width: 2000px !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---inLiveViewContents.VirtualNavigationLayout_DESIGNER_PREVIEW---desktop_narrow {
  /* Needed because the SitesApp div with the page layout classes renders outside of the SailContainerWeb div that has the appian-context-ux-page-size class */
}
@container page-layout-container (max-width: 1024px) {
  .appian-context-ux-responsive .VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---inLiveViewContents.VirtualNavigationLayout_DESIGNER_PREVIEW---desktop_narrow {
    width: 100% !important;
  }
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---wide,
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body .VirtualNavigationLayout_DESIGNER_PREVIEW---page_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---full {
  overflow: visible !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---has_navigation.VirtualNavigationLayout_DESIGNER_PREVIEW---has_sidebar_navigation {
  height: 100% !important;
  /**** Sidebar Header Styles ****/
  /**** Sidebar Body Styles ****/
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---has_navigation.VirtualNavigationLayout_DESIGNER_PREVIEW---has_sidebar_navigation.VirtualNavigationLayout_DESIGNER_PREVIEW---inPortalExploreViewPreview .VirtualNavigationLayout_DESIGNER_PREVIEW---header,
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---has_navigation.VirtualNavigationLayout_DESIGNER_PREVIEW---has_sidebar_navigation.VirtualNavigationLayout_DESIGNER_PREVIEW---inSiteExploreViewPreview .VirtualNavigationLayout_DESIGNER_PREVIEW---header {
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---has_navigation.VirtualNavigationLayout_DESIGNER_PREVIEW---has_sidebar_navigation.VirtualNavigationLayout_DESIGNER_PREVIEW---inSiteExploreViewPreview .VirtualNavigationLayout_DESIGNER_PREVIEW---header {
  margin-left: -250px !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---has_navigation.VirtualNavigationLayout_DESIGNER_PREVIEW---has_sidebar_navigation.VirtualNavigationLayout_DESIGNER_PREVIEW---inPortalExploreViewPreview .VirtualNavigationLayout_DESIGNER_PREVIEW---body {
  padding-left: 250px !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout:not(.VirtualNavigationLayout_DESIGNER_PREVIEW---has_sidebar_navigation) {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
  /**** Topbar Header Styles ****/
  /**** Topbar Body Styles ****/
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout:not(.VirtualNavigationLayout_DESIGNER_PREVIEW---has_sidebar_navigation) .VirtualNavigationLayout_DESIGNER_PREVIEW---header {
  position: fixed !important;
  top: 0 !important;
  width: 100% !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout:not(.VirtualNavigationLayout_DESIGNER_PREVIEW---has_sidebar_navigation).VirtualNavigationLayout_DESIGNER_PREVIEW---inDesigner .VirtualNavigationLayout_DESIGNER_PREVIEW---header {
  position: static !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout:not(.VirtualNavigationLayout_DESIGNER_PREVIEW---has_sidebar_navigation) .VirtualNavigationLayout_DESIGNER_PREVIEW---body {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
}
body:has(div.VirtualNavigationLayout_DESIGNER_PREVIEW---has_sidebar_navigation) {
  overflow-y: hidden !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
  height: 100% !important;
  /**** Body Styles ****/
  /**** Sidebar Styles ****/
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
  height: 100% !important;
  overflow-y: auto !important;
  container-type: inline-size !important;
  container-name: page-layout-container !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout .VirtualNavigationLayout_DESIGNER_PREVIEW---body > div:first-of-type {
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
          flex-grow: 1 !important;
}
.VirtualNavigationLayout_DESIGNER_PREVIEW---navigation_layout.VirtualNavigationLayout_DESIGNER_PREVIEW---has_navigation.VirtualNavigationLayout_DESIGNER_PREVIEW---has_sidebar_navigation .VirtualNavigationLayout_DESIGNER_PREVIEW---header {
  height: 100% !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.VirtualNavigationLayout---navigation_layout {
  /**** Common Styles ****/
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  /**** Common Header Styles ****/
  /**** Common Body Styles ****/
  /**** Sidebar Styles ****/
  /**** Topbar Styles ****/
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---skipToContentAnchor {
  position: absolute !important;
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---header {
  z-index: 2000015 !important;
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---header .VirtualNavigationLayout---nav_and_banner_container {
  width: 100% !important;
  /* needed for portal preview */
  height: 100% !important;
  /* needed for empty header */
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body {
  position: relative !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
          flex-grow: 1 !important;
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body.VirtualNavigationLayout---aceFooter {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body.VirtualNavigationLayout---aceFooter > div:first-of-type {
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
          flex-grow: 1 !important;
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout {
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  margin: 12px 0 !important;
  min-height: 90% !important;
  /* Needed because the the page layout rendered in ID does not have a parent div with the appian-context-ux-responsive class,
  and it has appian-context-ux-screen-size classnames added when in the phone and tablet form factors */
  /* Needed because the SitesApp div with the page layout classes renders outside of the SailContainerWeb div that has the appian-context-ux-page-size class */
}
.appian-context-ux-screen-size-narrow .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
  margin: 0 !important;
}
.appian-context-ux-screen-size-medium .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
  margin: 0 !important;
}
@media only screen and (max-width: 1024px) {
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout---has_sidebar_navigation) .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout,
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout---has_sidebar_navigation).VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 1274px) {
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation:not(.VirtualNavigationLayout---is_sidebar_collapsed) .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout,
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation:not(.VirtualNavigationLayout---is_sidebar_collapsed).VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 1094px) {
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation.VirtualNavigationLayout---is_sidebar_collapsed .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout,
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation.VirtualNavigationLayout---is_sidebar_collapsed.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    margin: 0 !important;
  }
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---transparent {
  background-color: transparent !important;
  border: none !important;
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---transparent.VirtualNavigationLayout---inLiveViewContents {
  background-color: #f0f0f0 !important;
  /* Needed because the the page layout rendered in ID does not have a parent div with the appian-context-ux-responsive class,
  and it has appian-context-ux-screen-size classnames added when in the phone and tablet form factors */
  /* Needed because the SitesApp div with the page layout classes renders outside of the SailContainerWeb div that has the appian-context-ux-page-size class */
}
.appian-context-ux-screen-size-narrow .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---transparent.VirtualNavigationLayout---inLiveViewContents {
  background-color: #f0f0f0 !important;
}
.appian-context-ux-screen-size-medium .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---transparent.VirtualNavigationLayout---inLiveViewContents {
  background-color: #f0f0f0 !important;
}
@media only screen and (max-width: 1024px) {
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout---has_sidebar_navigation) .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---transparent.VirtualNavigationLayout---inLiveViewContents,
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout---has_sidebar_navigation).VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---transparent.VirtualNavigationLayout---inLiveViewContents {
    background-color: #f0f0f0 !important;
  }
}
@media only screen and (max-width: 1274px) {
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation:not(.VirtualNavigationLayout---is_sidebar_collapsed) .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---transparent.VirtualNavigationLayout---inLiveViewContents,
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation:not(.VirtualNavigationLayout---is_sidebar_collapsed).VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---transparent.VirtualNavigationLayout---inLiveViewContents {
    background-color: #f0f0f0 !important;
  }
}
@media only screen and (max-width: 1094px) {
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation.VirtualNavigationLayout---is_sidebar_collapsed .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---transparent.VirtualNavigationLayout---inLiveViewContents,
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation.VirtualNavigationLayout---is_sidebar_collapsed.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---transparent.VirtualNavigationLayout---inLiveViewContents {
    background-color: #f0f0f0 !important;
  }
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide,
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---full {
  border: none !important;
  margin: 0 !important;
  min-width: 960px !important;
  min-height: 100% !important;
  overflow: hidden !important;
  /* edge case of flush content with column layout overflowing window */
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide {
  /* Needed to apply the styles that cause a wide site to stop growing wider in a browser window wider than 2048px */
}
@media only screen and (min-width: 2049px) {
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout---has_sidebar_navigation) .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide,
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout---has_sidebar_navigation).VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide {
    border: 1px solid #ccc !important;
    margin: 12px 0 !important;
    overflow: visible !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 2000px !important;
    min-height: 90% !important;
  }
}
@media only screen and (min-width: 2299px) {
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation:not(.VirtualNavigationLayout---is_sidebar_collapsed) .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide,
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation:not(.VirtualNavigationLayout---is_sidebar_collapsed).VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide {
    border: 1px solid #ccc !important;
    margin: 12px 0 !important;
    overflow: visible !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 2000px !important;
    min-height: 90% !important;
  }
}
@media only screen and (min-width: 2119px) {
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation.VirtualNavigationLayout---is_sidebar_collapsed .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide,
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation.VirtualNavigationLayout---is_sidebar_collapsed.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide {
    border: 1px solid #ccc !important;
    margin: 12px 0 !important;
    overflow: visible !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 2000px !important;
    min-height: 90% !important;
  }
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide.VirtualNavigationLayout---transparent {
  /* Needed to apply the styles that cause a wide site to stop growing wider in a browser window wider than 2048px */
}
@media only screen and (min-width: 2049px) {
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout---has_sidebar_navigation) .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide.VirtualNavigationLayout---transparent,
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout---has_sidebar_navigation).VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide.VirtualNavigationLayout---transparent {
    border: none !important;
  }
}
@media only screen and (min-width: 2299px) {
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation:not(.VirtualNavigationLayout---is_sidebar_collapsed) .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide.VirtualNavigationLayout---transparent,
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation:not(.VirtualNavigationLayout---is_sidebar_collapsed).VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide.VirtualNavigationLayout---transparent {
    border: none !important;
  }
}
@media only screen and (min-width: 2119px) {
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation.VirtualNavigationLayout---is_sidebar_collapsed .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide.VirtualNavigationLayout---transparent,
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation.VirtualNavigationLayout---is_sidebar_collapsed.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide.VirtualNavigationLayout---transparent {
    border: none !important;
  }
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---fluid {
  width: 96% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---fluid.VirtualNavigationLayout---standard {
  min-width: 960px !important;
  max-width: 1500px !important;
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---narrow {
  width: 840px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---full,
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide,
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---fluid.VirtualNavigationLayout---standard,
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---narrow {
  /* Needed because the the page layout rendered in ID does not have a parent div with the appian-context-ux-responsive class,
  and it has appian-context-ux-screen-size classnames added when in the phone and tablet form factors */
  /* Needed because the SitesApp div with the page layout classes renders outside of the SailContainerWeb div that has the appian-context-ux-page-size class */
}
.appian-context-ux-screen-size-narrow .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---full,
.appian-context-ux-screen-size-narrow .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide,
.appian-context-ux-screen-size-narrow .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---fluid.VirtualNavigationLayout---standard,
.appian-context-ux-screen-size-narrow .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---narrow {
  min-width: 0 !important;
  max-width: none !important;
  width: 100% !important;
}
.appian-context-ux-screen-size-medium .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---full,
.appian-context-ux-screen-size-medium .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide,
.appian-context-ux-screen-size-medium .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---fluid.VirtualNavigationLayout---standard,
.appian-context-ux-screen-size-medium .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---narrow {
  min-width: 0 !important;
  max-width: none !important;
  width: 100% !important;
}
@media only screen and (max-width: 1024px) {
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout---has_sidebar_navigation) .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---full,
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout---has_sidebar_navigation) .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide,
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout---has_sidebar_navigation) .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---fluid.VirtualNavigationLayout---standard,
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout---has_sidebar_navigation) .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---narrow,
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout---has_sidebar_navigation).VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---full,
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout---has_sidebar_navigation).VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide,
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout---has_sidebar_navigation).VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---fluid.VirtualNavigationLayout---standard,
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout---has_sidebar_navigation).VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---narrow {
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }
}
@media only screen and (max-width: 1274px) {
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation:not(.VirtualNavigationLayout---is_sidebar_collapsed) .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---full,
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation:not(.VirtualNavigationLayout---is_sidebar_collapsed) .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide,
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation:not(.VirtualNavigationLayout---is_sidebar_collapsed) .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---fluid.VirtualNavigationLayout---standard,
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation:not(.VirtualNavigationLayout---is_sidebar_collapsed) .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---narrow,
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation:not(.VirtualNavigationLayout---is_sidebar_collapsed).VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---full,
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation:not(.VirtualNavigationLayout---is_sidebar_collapsed).VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide,
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation:not(.VirtualNavigationLayout---is_sidebar_collapsed).VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---fluid.VirtualNavigationLayout---standard,
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation:not(.VirtualNavigationLayout---is_sidebar_collapsed).VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---narrow {
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }
}
@media only screen and (max-width: 1094px) {
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation.VirtualNavigationLayout---is_sidebar_collapsed .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---full,
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation.VirtualNavigationLayout---is_sidebar_collapsed .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide,
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation.VirtualNavigationLayout---is_sidebar_collapsed .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---fluid.VirtualNavigationLayout---standard,
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation.VirtualNavigationLayout---is_sidebar_collapsed .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---narrow,
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation.VirtualNavigationLayout---is_sidebar_collapsed.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---full,
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation.VirtualNavigationLayout---is_sidebar_collapsed.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide,
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation.VirtualNavigationLayout---is_sidebar_collapsed.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---fluid.VirtualNavigationLayout---standard,
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation.VirtualNavigationLayout---is_sidebar_collapsed.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---narrow {
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }
}
@media print {
  .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---full,
  .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide,
  .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---fluid.VirtualNavigationLayout---standard,
  .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---narrow {
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    width: 100% !important;
    border: none !important;
    overflow: hidden !important;
  }
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide.VirtualNavigationLayout---frame {
  position: fixed !important;
  top: 52px !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide.VirtualNavigationLayout---frame.VirtualNavigationLayout---site {
  top: 60px !important;
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---inLiveViewContents {
  margin: 0 !important;
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---inLiveViewContents:not(.VirtualNavigationLayout---headerContentLayoutInId) {
  min-height: 0 !important;
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---inLiveViewContents.VirtualNavigationLayout---responsive {
  min-width: 480px !important;
  max-width: none !important;
  min-width: 0 !important;
  border-left: none !important;
  border-right: none !important;
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---inLiveViewContents.VirtualNavigationLayout---desktop_narrow:not(.VirtualNavigationLayout---transparent):not(.VirtualNavigationLayout---inLiveViewContentsMobileFormFactor),
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---inLiveViewContents.VirtualNavigationLayout---desktop:not(.VirtualNavigationLayout---transparent):not(.VirtualNavigationLayout---inLiveViewContentsMobileFormFactor),
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---inLiveViewContents.VirtualNavigationLayout---desktop_wide:not(.VirtualNavigationLayout---transparent):not(.VirtualNavigationLayout---inLiveViewContentsMobileFormFactor),
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---inLiveViewContents.VirtualNavigationLayout---responsive:not(.VirtualNavigationLayout---transparent):not(.VirtualNavigationLayout---inLiveViewContentsMobileFormFactor) {
  box-shadow: 3px 3px 10px 0 #e4e4ec !important;
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---inLiveViewContents.VirtualNavigationLayout---desktop_narrow,
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---inLiveViewContents.VirtualNavigationLayout---desktop,
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---inLiveViewContents.VirtualNavigationLayout---desktop_wide {
  margin-left: auto !important;
  margin-right: auto !important;
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---inLiveViewContents.VirtualNavigationLayout---desktop_narrow {
  width: 1200px !important;
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---inLiveViewContents.VirtualNavigationLayout---desktop {
  width: 1600px !important;
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---inLiveViewContents.VirtualNavigationLayout---desktop_wide {
  width: 2000px !important;
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---inLiveViewContents.VirtualNavigationLayout---desktop_narrow {
  /* Needed because the the page layout rendered in ID does not have a parent div with the appian-context-ux-responsive class,
  and it has appian-context-ux-screen-size classnames added when in the phone and tablet form factors */
  /* Needed because the SitesApp div with the page layout classes renders outside of the SailContainerWeb div that has the appian-context-ux-page-size class */
}
.appian-context-ux-screen-size-narrow .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---inLiveViewContents.VirtualNavigationLayout---desktop_narrow {
  width: 100% !important;
}
.appian-context-ux-screen-size-medium .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---inLiveViewContents.VirtualNavigationLayout---desktop_narrow {
  width: 100% !important;
}
@media only screen and (max-width: 1024px) {
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout---has_sidebar_navigation) .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---inLiveViewContents.VirtualNavigationLayout---desktop_narrow,
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout---has_sidebar_navigation).VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---inLiveViewContents.VirtualNavigationLayout---desktop_narrow {
    width: 100% !important;
  }
}
@media only screen and (max-width: 1274px) {
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation:not(.VirtualNavigationLayout---is_sidebar_collapsed) .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---inLiveViewContents.VirtualNavigationLayout---desktop_narrow,
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation:not(.VirtualNavigationLayout---is_sidebar_collapsed).VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---inLiveViewContents.VirtualNavigationLayout---desktop_narrow {
    width: 100% !important;
  }
}
@media only screen and (max-width: 1094px) {
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation.VirtualNavigationLayout---is_sidebar_collapsed .VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---inLiveViewContents.VirtualNavigationLayout---desktop_narrow,
  .appian-context-ux-responsive > .VirtualNavigationLayout---has_sidebar_navigation.VirtualNavigationLayout---is_sidebar_collapsed.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---inLiveViewContents.VirtualNavigationLayout---desktop_narrow {
    width: 100% !important;
  }
}
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---wide,
.VirtualNavigationLayout---navigation_layout .VirtualNavigationLayout---body .VirtualNavigationLayout---page_layout.VirtualNavigationLayout---full {
  overflow: visible !important;
}
.VirtualNavigationLayout---navigation_layout.VirtualNavigationLayout---has_navigation.VirtualNavigationLayout---has_sidebar_navigation {
  height: 100% !important;
  /**** Sidebar Header Styles ****/
  /**** Sidebar Body Styles ****/
}
.VirtualNavigationLayout---navigation_layout.VirtualNavigationLayout---has_navigation.VirtualNavigationLayout---has_sidebar_navigation.VirtualNavigationLayout---inPortalExploreViewPreview .VirtualNavigationLayout---header,
.VirtualNavigationLayout---navigation_layout.VirtualNavigationLayout---has_navigation.VirtualNavigationLayout---has_sidebar_navigation.VirtualNavigationLayout---inSiteExploreViewPreview .VirtualNavigationLayout---header {
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
}
.VirtualNavigationLayout---navigation_layout.VirtualNavigationLayout---has_navigation.VirtualNavigationLayout---has_sidebar_navigation.VirtualNavigationLayout---inSiteExploreViewPreview .VirtualNavigationLayout---header {
  margin-left: -250px !important;
}
.VirtualNavigationLayout---navigation_layout.VirtualNavigationLayout---has_navigation.VirtualNavigationLayout---has_sidebar_navigation.VirtualNavigationLayout---inPortalExploreViewPreview .VirtualNavigationLayout---body {
  padding-left: 250px !important;
}
.VirtualNavigationLayout---navigation_layout:not(.VirtualNavigationLayout---has_sidebar_navigation) {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
  /**** Topbar Header Styles ****/
  /**** Topbar Body Styles ****/
}
.VirtualNavigationLayout---navigation_layout:not(.VirtualNavigationLayout---has_sidebar_navigation) .VirtualNavigationLayout---header {
  position: fixed !important;
  top: 0 !important;
  width: 100% !important;
}
.VirtualNavigationLayout---navigation_layout:not(.VirtualNavigationLayout---has_sidebar_navigation).VirtualNavigationLayout---inDesigner .VirtualNavigationLayout---header {
  position: static !important;
}
.VirtualNavigationLayout---navigation_layout:not(.VirtualNavigationLayout---has_sidebar_navigation) .VirtualNavigationLayout---body {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
}
body:has(div.VirtualNavigationLayout---has_sidebar_navigation) {
  overflow-y: hidden !important;
}
.VirtualNavigationLayout---navigation_layout {
  /**** Sidebar Styles ****/
}
.VirtualNavigationLayout---navigation_layout.VirtualNavigationLayout---has_navigation.VirtualNavigationLayout---has_sidebar_navigation .VirtualNavigationLayout---body {
  overflow: auto !important;
  max-height: 100vh !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout {
  /**** Common Styles ****/
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  /**** Common Header Styles ****/
  /**** Common Body Styles ****/
  /**** Sidebar Styles ****/
  /**** Topbar Styles ****/
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---skipToContentAnchor {
  position: absolute !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---header {
  z-index: 2000015 !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---header .VirtualNavigationLayout_DESKTOP_CLIENT---nav_and_banner_container {
  width: 100% !important;
  /* needed for portal preview */
  height: 100% !important;
  /* needed for empty header */
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body {
  position: relative !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
          flex-grow: 1 !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body.VirtualNavigationLayout_DESKTOP_CLIENT---aceFooter {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body.VirtualNavigationLayout_DESKTOP_CLIENT---aceFooter > div:first-of-type {
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
          flex-grow: 1 !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout {
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  margin: 12px 0 !important;
  min-height: 90% !important;
  /* Needed because the the page layout rendered in ID does not have a parent div with the appian-context-ux-responsive class,
  and it has appian-context-ux-screen-size classnames added when in the phone and tablet form factors */
  /* Needed because the SitesApp div with the page layout classes renders outside of the SailContainerWeb div that has the appian-context-ux-page-size class */
}
.appian-context-ux-screen-size-narrow .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
  margin: 0 !important;
}
.appian-context-ux-screen-size-medium .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
  margin: 0 !important;
}
@media only screen and (max-width: 1024px) {
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation) .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout,
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation).VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 1274px) {
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation:not(.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed) .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout,
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation:not(.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed).VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 1094px) {
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout,
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    margin: 0 !important;
  }
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---transparent {
  background-color: transparent !important;
  border: none !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---transparent.VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents {
  background-color: #f0f0f0 !important;
  /* Needed because the the page layout rendered in ID does not have a parent div with the appian-context-ux-responsive class,
  and it has appian-context-ux-screen-size classnames added when in the phone and tablet form factors */
  /* Needed because the SitesApp div with the page layout classes renders outside of the SailContainerWeb div that has the appian-context-ux-page-size class */
}
.appian-context-ux-screen-size-narrow .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---transparent.VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents {
  background-color: #f0f0f0 !important;
}
.appian-context-ux-screen-size-medium .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---transparent.VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents {
  background-color: #f0f0f0 !important;
}
@media only screen and (max-width: 1024px) {
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation) .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---transparent.VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents,
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation).VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---transparent.VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents {
    background-color: #f0f0f0 !important;
  }
}
@media only screen and (max-width: 1274px) {
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation:not(.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed) .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---transparent.VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents,
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation:not(.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed).VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---transparent.VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents {
    background-color: #f0f0f0 !important;
  }
}
@media only screen and (max-width: 1094px) {
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---transparent.VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents,
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---transparent.VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents {
    background-color: #f0f0f0 !important;
  }
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide,
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---full {
  border: none !important;
  margin: 0 !important;
  min-width: 960px !important;
  min-height: 100% !important;
  overflow: hidden !important;
  /* edge case of flush content with column layout overflowing window */
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide {
  /* Needed to apply the styles that cause a wide site to stop growing wider in a browser window wider than 2048px */
}
@media only screen and (min-width: 2049px) {
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation) .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide,
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation).VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide {
    border: 1px solid #ccc !important;
    margin: 12px 0 !important;
    overflow: visible !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 2000px !important;
    min-height: 90% !important;
  }
}
@media only screen and (min-width: 2299px) {
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation:not(.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed) .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide,
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation:not(.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed).VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide {
    border: 1px solid #ccc !important;
    margin: 12px 0 !important;
    overflow: visible !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 2000px !important;
    min-height: 90% !important;
  }
}
@media only screen and (min-width: 2119px) {
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide,
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide {
    border: 1px solid #ccc !important;
    margin: 12px 0 !important;
    overflow: visible !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 2000px !important;
    min-height: 90% !important;
  }
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide.VirtualNavigationLayout_DESKTOP_CLIENT---transparent {
  /* Needed to apply the styles that cause a wide site to stop growing wider in a browser window wider than 2048px */
}
@media only screen and (min-width: 2049px) {
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation) .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide.VirtualNavigationLayout_DESKTOP_CLIENT---transparent,
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation).VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide.VirtualNavigationLayout_DESKTOP_CLIENT---transparent {
    border: none !important;
  }
}
@media only screen and (min-width: 2299px) {
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation:not(.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed) .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide.VirtualNavigationLayout_DESKTOP_CLIENT---transparent,
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation:not(.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed).VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide.VirtualNavigationLayout_DESKTOP_CLIENT---transparent {
    border: none !important;
  }
}
@media only screen and (min-width: 2119px) {
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide.VirtualNavigationLayout_DESKTOP_CLIENT---transparent,
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide.VirtualNavigationLayout_DESKTOP_CLIENT---transparent {
    border: none !important;
  }
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---fluid {
  width: 96% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---fluid.VirtualNavigationLayout_DESKTOP_CLIENT---standard {
  min-width: 960px !important;
  max-width: 1500px !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---narrow {
  width: 840px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---full,
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide,
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---fluid.VirtualNavigationLayout_DESKTOP_CLIENT---standard,
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---narrow {
  /* Needed because the the page layout rendered in ID does not have a parent div with the appian-context-ux-responsive class,
  and it has appian-context-ux-screen-size classnames added when in the phone and tablet form factors */
  /* Needed because the SitesApp div with the page layout classes renders outside of the SailContainerWeb div that has the appian-context-ux-page-size class */
}
.appian-context-ux-screen-size-narrow .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---full,
.appian-context-ux-screen-size-narrow .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide,
.appian-context-ux-screen-size-narrow .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---fluid.VirtualNavigationLayout_DESKTOP_CLIENT---standard,
.appian-context-ux-screen-size-narrow .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---narrow {
  min-width: 0 !important;
  max-width: none !important;
  width: 100% !important;
}
.appian-context-ux-screen-size-medium .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---full,
.appian-context-ux-screen-size-medium .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide,
.appian-context-ux-screen-size-medium .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---fluid.VirtualNavigationLayout_DESKTOP_CLIENT---standard,
.appian-context-ux-screen-size-medium .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---narrow {
  min-width: 0 !important;
  max-width: none !important;
  width: 100% !important;
}
@media only screen and (max-width: 1024px) {
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation) .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---full,
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation) .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide,
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation) .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---fluid.VirtualNavigationLayout_DESKTOP_CLIENT---standard,
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation) .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---narrow,
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation).VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---full,
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation).VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide,
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation).VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---fluid.VirtualNavigationLayout_DESKTOP_CLIENT---standard,
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation).VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---narrow {
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }
}
@media only screen and (max-width: 1274px) {
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation:not(.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed) .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---full,
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation:not(.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed) .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide,
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation:not(.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed) .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---fluid.VirtualNavigationLayout_DESKTOP_CLIENT---standard,
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation:not(.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed) .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---narrow,
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation:not(.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed).VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---full,
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation:not(.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed).VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide,
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation:not(.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed).VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---fluid.VirtualNavigationLayout_DESKTOP_CLIENT---standard,
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation:not(.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed).VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---narrow {
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }
}
@media only screen and (max-width: 1094px) {
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---full,
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide,
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---fluid.VirtualNavigationLayout_DESKTOP_CLIENT---standard,
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---narrow,
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---full,
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide,
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---fluid.VirtualNavigationLayout_DESKTOP_CLIENT---standard,
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---narrow {
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }
}
@media print {
  .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---full,
  .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide,
  .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---fluid.VirtualNavigationLayout_DESKTOP_CLIENT---standard,
  .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---narrow {
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    width: 100% !important;
    border: none !important;
    overflow: hidden !important;
  }
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide.VirtualNavigationLayout_DESKTOP_CLIENT---frame {
  position: fixed !important;
  top: 52px !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide.VirtualNavigationLayout_DESKTOP_CLIENT---frame.VirtualNavigationLayout_DESKTOP_CLIENT---site {
  top: 60px !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents {
  margin: 0 !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents:not(.VirtualNavigationLayout_DESKTOP_CLIENT---headerContentLayoutInId) {
  min-height: 0 !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents.VirtualNavigationLayout_DESKTOP_CLIENT---responsive {
  min-width: 480px !important;
  max-width: none !important;
  min-width: 0 !important;
  border-left: none !important;
  border-right: none !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents.VirtualNavigationLayout_DESKTOP_CLIENT---desktop_narrow:not(.VirtualNavigationLayout_DESKTOP_CLIENT---transparent):not(.VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContentsMobileFormFactor),
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents.VirtualNavigationLayout_DESKTOP_CLIENT---desktop:not(.VirtualNavigationLayout_DESKTOP_CLIENT---transparent):not(.VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContentsMobileFormFactor),
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents.VirtualNavigationLayout_DESKTOP_CLIENT---desktop_wide:not(.VirtualNavigationLayout_DESKTOP_CLIENT---transparent):not(.VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContentsMobileFormFactor),
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents.VirtualNavigationLayout_DESKTOP_CLIENT---responsive:not(.VirtualNavigationLayout_DESKTOP_CLIENT---transparent):not(.VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContentsMobileFormFactor) {
  box-shadow: 3px 3px 10px 0 #e4e4ec !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents.VirtualNavigationLayout_DESKTOP_CLIENT---desktop_narrow,
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents.VirtualNavigationLayout_DESKTOP_CLIENT---desktop,
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents.VirtualNavigationLayout_DESKTOP_CLIENT---desktop_wide {
  margin-left: auto !important;
  margin-right: auto !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents.VirtualNavigationLayout_DESKTOP_CLIENT---desktop_narrow {
  width: 1200px !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents.VirtualNavigationLayout_DESKTOP_CLIENT---desktop {
  width: 1600px !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents.VirtualNavigationLayout_DESKTOP_CLIENT---desktop_wide {
  width: 2000px !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents.VirtualNavigationLayout_DESKTOP_CLIENT---desktop_narrow {
  /* Needed because the the page layout rendered in ID does not have a parent div with the appian-context-ux-responsive class,
  and it has appian-context-ux-screen-size classnames added when in the phone and tablet form factors */
  /* Needed because the SitesApp div with the page layout classes renders outside of the SailContainerWeb div that has the appian-context-ux-page-size class */
}
.appian-context-ux-screen-size-narrow .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents.VirtualNavigationLayout_DESKTOP_CLIENT---desktop_narrow {
  width: 100% !important;
}
.appian-context-ux-screen-size-medium .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents.VirtualNavigationLayout_DESKTOP_CLIENT---desktop_narrow {
  width: 100% !important;
}
@media only screen and (max-width: 1024px) {
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation) .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents.VirtualNavigationLayout_DESKTOP_CLIENT---desktop_narrow,
  .appian-context-ux-responsive > :not(.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation).VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents.VirtualNavigationLayout_DESKTOP_CLIENT---desktop_narrow {
    width: 100% !important;
  }
}
@media only screen and (max-width: 1274px) {
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation:not(.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed) .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents.VirtualNavigationLayout_DESKTOP_CLIENT---desktop_narrow,
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation:not(.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed).VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents.VirtualNavigationLayout_DESKTOP_CLIENT---desktop_narrow {
    width: 100% !important;
  }
}
@media only screen and (max-width: 1094px) {
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed .VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents.VirtualNavigationLayout_DESKTOP_CLIENT---desktop_narrow,
  .appian-context-ux-responsive > .VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---is_sidebar_collapsed.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---inLiveViewContents.VirtualNavigationLayout_DESKTOP_CLIENT---desktop_narrow {
    width: 100% !important;
  }
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---wide,
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout.VirtualNavigationLayout_DESKTOP_CLIENT---full {
  overflow: visible !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout.VirtualNavigationLayout_DESKTOP_CLIENT---has_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation {
  height: 100% !important;
  /**** Sidebar Header Styles ****/
  /**** Sidebar Body Styles ****/
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout.VirtualNavigationLayout_DESKTOP_CLIENT---has_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---inPortalExploreViewPreview .VirtualNavigationLayout_DESKTOP_CLIENT---header,
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout.VirtualNavigationLayout_DESKTOP_CLIENT---has_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---inSiteExploreViewPreview .VirtualNavigationLayout_DESKTOP_CLIENT---header {
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout.VirtualNavigationLayout_DESKTOP_CLIENT---has_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---inSiteExploreViewPreview .VirtualNavigationLayout_DESKTOP_CLIENT---header {
  margin-left: -250px !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout.VirtualNavigationLayout_DESKTOP_CLIENT---has_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---inPortalExploreViewPreview .VirtualNavigationLayout_DESKTOP_CLIENT---body {
  padding-left: 250px !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout:not(.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation) {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
  /**** Topbar Header Styles ****/
  /**** Topbar Body Styles ****/
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout:not(.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation) .VirtualNavigationLayout_DESKTOP_CLIENT---header {
  position: fixed !important;
  top: 0 !important;
  width: 100% !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout:not(.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation).VirtualNavigationLayout_DESKTOP_CLIENT---inDesigner .VirtualNavigationLayout_DESKTOP_CLIENT---header {
  position: static !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout:not(.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation) .VirtualNavigationLayout_DESKTOP_CLIENT---body {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
}
body:has(div.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation) {
  overflow-y: hidden !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout {
  /**** Sidebar Styles ****/
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout.VirtualNavigationLayout_DESKTOP_CLIENT---has_navigation.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation .VirtualNavigationLayout_DESKTOP_CLIENT---body {
  overflow: auto !important;
  max-height: 100vh !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout {
  /**** Body Styles Excluding Sidebar ****/
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout.VirtualNavigationLayout_DESKTOP_CLIENT---has_navigation:not(.VirtualNavigationLayout_DESKTOP_CLIENT---has_sidebar_navigation) .VirtualNavigationLayout_DESKTOP_CLIENT---body {
  height: calc(100vh - 0px - 60px - var(--title-bar-height)) !important;
}
.VirtualNavigationLayout_DESKTOP_CLIENT---navigation_layout .VirtualNavigationLayout_DESKTOP_CLIENT---body .VirtualNavigationLayout_DESKTOP_CLIENT---page_layout {
  background-color: var(--appian-desktop-background-color) !important;
}

.HeaderLayoutSingleTabView---single_tab_wrapper {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  height: 100% !important;
}
a.HeaderLayoutSingleTabView---single_tab_clickable_container {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 1 auto !important;
          flex: 0 1 auto !important;
  max-width: 100% !important;
}
a.HeaderLayoutSingleTabView---single_tab_clickable_container:focus:not([data-appian-ux-mouse-focus]) .HeaderLayoutSingleTabView---single_tab_display_name {
  border-bottom: 1px solid !important;
}
.HeaderLayoutSingleTabView---single_tab_display_name {
  max-width: 100% !important;
  border-bottom: 1px solid transparent !important;
}
.HeaderLayoutSingleTabView---single_tab_icon {
  height: 1em !important;
  width: 1em !important;
  vertical-align: -0.15em !important;
  fill: currentColor !important;
  margin: 0 7px 0 0 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/***************************************
  COMMON STYLES FOR TABS AT ALL LEVELS
***************************************/
.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 1 auto !important;
          flex: 0 1 auto !important;
  max-width: 100% !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container {
  height: 100% !important;
  cursor: pointer !important;
  background-color: transparent !important;
  border: none !important;
  font-size: 1rem !important;
  line-height: 1.4 !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container.VirtualNavigationMenuTab_MERCURY_TOPBAR---disabled {
  pointer-events: none !important;
  cursor: default !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container:focus:not([data-appian-ux-mouse-focus]) {
  outline: 1px solid #ededed !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label {
  max-width: 100% !important;
  color: #ededed !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label_text_wrapper {
  display: inline-block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label.VirtualNavigationMenuTab_MERCURY_TOPBAR---disabled {
  color: #aaa !important;
  border-bottom-color: #aaa !important;
}
/***************************************
      TOP LEVEL TAB STYLES
***************************************/
.VirtualNavigationMenuTab_MERCURY_TOPBAR---top_level_tab.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab {
  display: inline-block !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---top_level_tab.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab.VirtualNavigationMenuTab_MERCURY_TOPBAR---disabled {
  pointer-events: none !important;
  cursor: default !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---top_level_tab.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab > .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container {
  font-family: inherit !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  padding: 0 12px !important;
  max-width: 200px !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---top_level_tab.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab > .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label_text_wrapper {
  line-height: 1 !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---top_level_tab.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab > .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container:focus:not([data-appian-ux-mouse-focus]) {
  outline-offset: -3px !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---top_level_tab.VirtualNavigationMenuTab_MERCURY_TOPBAR---group_tab > .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  height: 100% !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---top_level_tab.VirtualNavigationMenuTab_MERCURY_TOPBAR---group_tab > .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label_text_wrapper {
  max-width: calc(100% - 13px - 4px + 1px) !important;
  /* additional 1px fixes an issue where text was truncating differently while zooming in and out */
  margin-right: 4px !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---top_level_tab.VirtualNavigationMenuTab_MERCURY_TOPBAR---group_tab > .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label_pulldown_icon {
  height: 13px !important;
  width: 13px !important;
  fill: #ededed !important;
  -webkit-transition: -webkit-transform 300ms !important;
  transition: -webkit-transform 300ms !important;
  transition: transform 300ms !important;
  transition: transform 300ms, -webkit-transform 300ms !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---top_level_tab.VirtualNavigationMenuTab_MERCURY_TOPBAR---group_tab > .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label_pulldown_icon.VirtualNavigationMenuTab_MERCURY_TOPBAR---disabled {
  fill: #aaa !important;
  pointer-events: none !important;
  cursor: default !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---top_level_tab.VirtualNavigationMenuTab_MERCURY_TOPBAR---group_tab > .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container[aria-expanded="true"] .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label_pulldown_icon {
  -webkit-transform: rotate(-180deg) !important;
          transform: rotate(-180deg) !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---top_level_tab.VirtualNavigationMenuTab_MERCURY_TOPBAR---group_tab:not(.VirtualNavigationMenuTab_MERCURY_TOPBAR---selected_tab) > .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container[aria-expanded="true"] .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label {
  border-bottom: 1px solid #ededed !important;
}
/***************************************
    NESTED (POP UP MENU) TAB STYLES
***************************************/
@-webkit-keyframes VirtualNavigationMenuTab_MERCURY_TOPBAR---fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes VirtualNavigationMenuTab_MERCURY_TOPBAR---fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_popup_menu {
  z-index: 2000016 !important;
  background-color: #46708c !important;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2) !important;
  -webkit-animation: VirtualNavigationMenuTab_MERCURY_TOPBAR---fadeIn 300ms !important;
          animation: VirtualNavigationMenuTab_MERCURY_TOPBAR---fadeIn 300ms !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_menu_contents {
  min-width: 200px !important;
  max-width: 300px !important;
  margin: 0 !important;
  list-style-type: none !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_menu_contents .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab {
  margin: 2px 0 !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_menu_contents .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container {
  display: block !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_menu_contents .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label {
  width: 100% !important;
  font-size: 0 !important;
  /* removes extra vertical whitespace */
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_menu_contents .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label_text_wrapper {
  font-size: 13px !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_menu_contents .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label_text_wrapper.VirtualNavigationMenuTab_MERCURY_TOPBAR---hidden {
  height: 0 !important;
  visibility: hidden !important;
  display: block !important;
  font-weight: 600 !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_menu_contents .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container,
.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_menu_contents .VirtualNavigationMenuTab_MERCURY_TOPBAR---no_pages_label {
  padding: 8px 22px !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_menu_contents .VirtualNavigationMenuTab_MERCURY_TOPBAR---no_pages_label {
  font-size: 12px !important;
  font-style: italic !important;
  color: #ededed !important;
  display: inline-block !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_menu_contents .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container:hover .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label_text_wrapper,
.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_menu_contents .VirtualNavigationMenuTab_MERCURY_TOPBAR---selected_tab .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label_text_wrapper {
  color: #fff !important;
  font-weight: 600 !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_menu_contents .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container:focus:not([data-appian-ux-mouse-focus]) {
  outline-offset: -3px !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_menu_contents .VirtualNavigationMenuTab_MERCURY_TOPBAR---selected_tab .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container:focus:not([data-appian-ux-mouse-focus]) {
  outline-color: #fff !important;
}
/***************************************
  COMMON STYLES FOR TABS AT ALL LEVELS
***************************************/
.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label > .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label_text_wrapper {
  font-weight: 300 !important;
  font-size: 14px !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab.VirtualNavigationMenuTab_MERCURY_TOPBAR---selected_tab .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container:focus:not([data-appian-ux-mouse-focus]) {
  outline-color: #fff !important;
}
/***************************************
          TOP LEVEL TAB STYLES
***************************************/
.VirtualNavigationMenuTab_MERCURY_TOPBAR---top_level_tab > .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_icon_and_label_wrapper {
  width: 100% !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---top_level_tab > .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label {
  margin-top: 5px !important;
  border-bottom: 1px solid transparent !important;
  padding: 0 1px 3px 1px !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---top_level_tab.VirtualNavigationMenuTab_MERCURY_TOPBAR---selected_tab > .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label {
  border-bottom: 3px solid #083d5c !important;
  padding-bottom: 1px !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---top_level_tab.VirtualNavigationMenuTab_MERCURY_TOPBAR---selected_tab > .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label.VirtualNavigationMenuTab_MERCURY_TOPBAR---disabled {
  border-bottom-color: #aaa !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---top_level_tab.VirtualNavigationMenuTab_MERCURY_TOPBAR---selected_tab > .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label.VirtualNavigationMenuTab_MERCURY_TOPBAR---disabled .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label_text_wrapper {
  color: #aaa !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---top_level_tab.VirtualNavigationMenuTab_MERCURY_TOPBAR---selected_tab > .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label_text_wrapper {
  font-weight: 600 !important;
  color: #fff !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---top_level_tab.VirtualNavigationMenuTab_MERCURY_TOPBAR---selected_tab > .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label_pulldown_icon {
  fill: #fff !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---top_level_tab.VirtualNavigationMenuTab_MERCURY_TOPBAR---selected_tab > .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label_pulldown_icon.VirtualNavigationMenuTab_MERCURY_TOPBAR---disabled {
  fill: #aaa !important;
  pointer-events: none !important;
  cursor: default !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---top_level_tab.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab:not(.VirtualNavigationMenuTab_MERCURY_TOPBAR---selected_tab) .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_tab_clickable_container:hover .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_label:not(.VirtualNavigationMenuTab_MERCURY_TOPBAR---disabled) {
  border-color: #ededed !important;
}
/***************************************
    NESTED (POP UP MENU) TAB STYLES
***************************************/
.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_menu_contents {
  padding: 0 0 8px 0 !important;
}
.VirtualNavigationMenuTab_MERCURY_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_MERCURY_TOPBAR---no_pages_label {
  font-weight: 300 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/***************************************
  COMMON STYLES FOR TABS AT ALL LEVELS
***************************************/
.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 1 auto !important;
          flex: 0 1 auto !important;
  max-width: 100% !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container {
  height: 100% !important;
  cursor: pointer !important;
  background-color: transparent !important;
  border: none !important;
  font-size: 1rem !important;
  line-height: 1.4 !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container.VirtualNavigationMenuTab_HELIUM_TOPBAR---disabled {
  pointer-events: none !important;
  cursor: default !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container:focus:not([data-appian-ux-mouse-focus]) {
  outline: 1px solid #ededed !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_label {
  max-width: 100% !important;
  color: #ededed !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_label .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_label_text_wrapper {
  display: inline-block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_label.VirtualNavigationMenuTab_HELIUM_TOPBAR---disabled {
  color: #aaa !important;
  border-bottom-color: #aaa !important;
}
/***************************************
      TOP LEVEL TAB STYLES
***************************************/
.VirtualNavigationMenuTab_HELIUM_TOPBAR---top_level_tab.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab {
  display: inline-block !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---top_level_tab.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab.VirtualNavigationMenuTab_HELIUM_TOPBAR---disabled {
  pointer-events: none !important;
  cursor: default !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---top_level_tab.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab > .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container {
  font-family: inherit !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  padding: 0 12px !important;
  max-width: 200px !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---top_level_tab.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab > .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_label_text_wrapper {
  line-height: 1 !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---top_level_tab.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab > .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container:focus:not([data-appian-ux-mouse-focus]) {
  outline-offset: -3px !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---top_level_tab.VirtualNavigationMenuTab_HELIUM_TOPBAR---group_tab > .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  height: 100% !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---top_level_tab.VirtualNavigationMenuTab_HELIUM_TOPBAR---group_tab > .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_label_text_wrapper {
  max-width: calc(100% - 13px - 4px + 1px) !important;
  /* additional 1px fixes an issue where text was truncating differently while zooming in and out */
  margin-right: 4px !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---top_level_tab.VirtualNavigationMenuTab_HELIUM_TOPBAR---group_tab > .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_label_pulldown_icon {
  height: 13px !important;
  width: 13px !important;
  fill: #ededed !important;
  -webkit-transition: -webkit-transform 300ms !important;
  transition: -webkit-transform 300ms !important;
  transition: transform 300ms !important;
  transition: transform 300ms, -webkit-transform 300ms !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---top_level_tab.VirtualNavigationMenuTab_HELIUM_TOPBAR---group_tab > .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_label_pulldown_icon.VirtualNavigationMenuTab_HELIUM_TOPBAR---disabled {
  fill: #aaa !important;
  pointer-events: none !important;
  cursor: default !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---top_level_tab.VirtualNavigationMenuTab_HELIUM_TOPBAR---group_tab > .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container[aria-expanded="true"] .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_label_pulldown_icon {
  -webkit-transform: rotate(-180deg) !important;
          transform: rotate(-180deg) !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---top_level_tab.VirtualNavigationMenuTab_HELIUM_TOPBAR---group_tab:not(.VirtualNavigationMenuTab_HELIUM_TOPBAR---selected_tab) > .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container[aria-expanded="true"] .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_label {
  border-bottom: 1px solid #ededed !important;
}
/***************************************
    NESTED (POP UP MENU) TAB STYLES
***************************************/
@-webkit-keyframes VirtualNavigationMenuTab_HELIUM_TOPBAR---fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes VirtualNavigationMenuTab_HELIUM_TOPBAR---fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_popup_menu {
  z-index: 2000016 !important;
  background-color: #46708c !important;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2) !important;
  -webkit-animation: VirtualNavigationMenuTab_HELIUM_TOPBAR---fadeIn 300ms !important;
          animation: VirtualNavigationMenuTab_HELIUM_TOPBAR---fadeIn 300ms !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_menu_contents {
  min-width: 200px !important;
  max-width: 300px !important;
  margin: 0 !important;
  list-style-type: none !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_menu_contents .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab {
  margin: 2px 0 !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_menu_contents .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container {
  display: block !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_menu_contents .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_label {
  width: 100% !important;
  font-size: 0 !important;
  /* removes extra vertical whitespace */
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_menu_contents .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_label .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_label_text_wrapper {
  font-size: 13px !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_menu_contents .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_label .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_label_text_wrapper.VirtualNavigationMenuTab_HELIUM_TOPBAR---hidden {
  height: 0 !important;
  visibility: hidden !important;
  display: block !important;
  font-weight: 600 !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_menu_contents .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container,
.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_menu_contents .VirtualNavigationMenuTab_HELIUM_TOPBAR---no_pages_label {
  padding: 8px 22px !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_menu_contents .VirtualNavigationMenuTab_HELIUM_TOPBAR---no_pages_label {
  font-size: 12px !important;
  font-style: italic !important;
  color: #ededed !important;
  display: inline-block !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_menu_contents .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container:hover .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_label .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_label_text_wrapper,
.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_menu_contents .VirtualNavigationMenuTab_HELIUM_TOPBAR---selected_tab .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_label .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_label_text_wrapper {
  color: #fff !important;
  font-weight: 600 !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_menu_contents .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container:focus:not([data-appian-ux-mouse-focus]) {
  outline-offset: -3px !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_menu_contents .VirtualNavigationMenuTab_HELIUM_TOPBAR---selected_tab .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container:focus:not([data-appian-ux-mouse-focus]) {
  outline-color: #fff !important;
}
/***************************************
          TOP LEVEL TAB STYLES
***************************************/
.VirtualNavigationMenuTab_HELIUM_TOPBAR---top_level_tab > .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container {
  min-width: 110px !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---top_level_tab > .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_icon_and_label_wrapper {
  height: 100% !important;
  width: 100% !important;
  text-align: center !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---top_level_tab > .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_icon_and_label_wrapper .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_label .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_label_text_wrapper {
  font-size: 13px !important;
  margin-top: 3px !important;
}
@media only screen and (max-width: 480px), screen and (max-height: 480px) and (max-width: 1024px) {
  .VirtualNavigationMenuTab_HELIUM_TOPBAR---top_level_tab > .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_icon_and_label_wrapper .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_label .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_label_text_wrapper {
    font-size: 12px !important;
  }
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---top_level_tab > .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_icon_and_label_wrapper .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_icon {
  padding-top: 8px !important;
}
@media only screen and (max-width: 480px), screen and (max-height: 480px) and (max-width: 1024px) {
  .VirtualNavigationMenuTab_HELIUM_TOPBAR---top_level_tab > .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_icon_and_label_wrapper .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_icon {
    padding-top: 0 !important;
  }
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---top_level_tab > .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_icon_and_label_wrapper .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_icon svg {
  fill: #ededed !important;
  height: 20px !important;
  width: 20px !important;
  vertical-align: -2px !important;
}
@media only screen and (max-width: 480px), screen and (max-height: 480px) and (max-width: 1024px) {
  .VirtualNavigationMenuTab_HELIUM_TOPBAR---top_level_tab > .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_icon_and_label_wrapper .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_icon svg {
    height: 14px !important;
    width: 14px !important;
    vertical-align: -4px !important;
  }
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---top_level_tab > .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_icon_and_label_wrapper .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_icon.VirtualNavigationMenuTab_HELIUM_TOPBAR---disabled svg {
  fill: #aaa !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---top_level_tab:not(.VirtualNavigationMenuTab_HELIUM_TOPBAR---selected_tab) > .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container:hover:not(.VirtualNavigationMenuTab_HELIUM_TOPBAR---disabled) {
  background-color: #35556a !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---top_level_tab.VirtualNavigationMenuTab_HELIUM_TOPBAR---selected_tab > .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container {
  background-color: #083d5c !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---top_level_tab.VirtualNavigationMenuTab_HELIUM_TOPBAR---selected_tab > .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_icon:not(.VirtualNavigationMenuTab_HELIUM_TOPBAR---disabled) svg {
  fill: #fff !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---top_level_tab.VirtualNavigationMenuTab_HELIUM_TOPBAR---selected_tab > .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_label:not(.VirtualNavigationMenuTab_HELIUM_TOPBAR---disabled) {
  color: #fff !important;
  border-bottom: 2px solid #fff !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---top_level_tab.VirtualNavigationMenuTab_HELIUM_TOPBAR---selected_tab > .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_label:not(.VirtualNavigationMenuTab_HELIUM_TOPBAR---disabled) .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_label_pulldown_icon {
  fill: #fff !important;
}
.VirtualNavigationMenuTab_HELIUM_TOPBAR---top_level_tab.VirtualNavigationMenuTab_HELIUM_TOPBAR---selected_tab > .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_tab_clickable_container:focus:not([data-appian-ux-mouse-focus]) {
  outline-color: #fff !important;
}
/***************************************
    NESTED (POP UP MENU) TAB STYLES
***************************************/
.VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_popup_menu .VirtualNavigationMenuTab_HELIUM_TOPBAR---nav_group_menu_contents {
  padding: 8px 0 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/***************************************
            COMMON STYLES
***************************************/
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container {
  display: block !important;
  cursor: pointer !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container:hover,
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container:focus {
  text-decoration: none !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container.VirtualNavigationMenuTab_HELIUM_HAMBURGER---disabled {
  pointer-events: none !important;
  cursor: default !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container,
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---no_pages_label {
  padding: 14px 0 !important;
  font-weight: 300 !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_label {
  color: #ededed !important;
  font-size: 14px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_label.VirtualNavigationMenuTab_HELIUM_HAMBURGER---disabled {
  color: #aaa !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_label_text_wrapper {
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}
/***************************************
            TOP LEVEL STYLES
***************************************/
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---group_tab > .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container {
  font-family: inherit !important;
  background-color: transparent !important;
  border: none !important;
  text-align: start !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---group_tab > .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container:focus {
  outline: none !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---group_tab > .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_label {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---group_tab > .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_label_text_wrapper {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 0 auto !important;
          flex: 1 0 auto !important;
  max-width: calc(100% - 14px) !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---group_tab > .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_label_pulldown_icon {
  height: 14px !important;
  width: 14px !important;
  fill: #ededed !important;
  -webkit-transition: -webkit-transform 300ms !important;
  transition: -webkit-transform 300ms !important;
  transition: transform 300ms !important;
  transition: transform 300ms, -webkit-transform 300ms !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---group_tab > .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_label_pulldown_icon.VirtualNavigationMenuTab_HELIUM_HAMBURGER---disabled {
  fill: #aaa !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---group_tab > .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container[aria-expanded="true"] .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_label_pulldown_icon {
  -webkit-transform: rotate(90deg) !important;
          transform: rotate(90deg) !important;
}
/***************************************
            NESTED STYLES
***************************************/
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_group_menu_contents {
  list-style: none !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---selected_tab:not(.VirtualNavigationMenuTab_HELIUM_HAMBURGER---group_tab) > .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container {
  font-weight: 700 !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---no_pages_label {
  color: #ededed !important;
  font-style: italic !important;
  text-transform: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab.VirtualNavigationMenuTab_HELIUM_HAMBURGER---group_tab.VirtualNavigationMenuTab_HELIUM_HAMBURGER---top_level_tab.VirtualNavigationMenuTab_HELIUM_HAMBURGER---disabled {
  cursor: default !important;
  pointer-events: none !important;
}
/***************************************
            COMMON STYLES
***************************************/
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container,
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---no_pages_label {
  padding: 12px 14px !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container {
  position: relative !important;
  width: calc(100% - 4px) !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_icon_and_label_wrapper {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_label {
  width: 100% !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_icon {
  margin-right: 18px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_icon svg {
  fill: #ededed !important;
  height: 18px !important;
  width: 18px !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_icon.VirtualNavigationMenuTab_HELIUM_HAMBURGER---disabled svg {
  fill: #aaa !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_label,
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_icon {
  position: relative !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container:focus:not([data-appian-ux-mouse-focus]) {
  position: relative !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container:focus:not([data-appian-ux-mouse-focus]):after {
  position: absolute !important;
  content: "" !important;
  top: 2px !important;
  left: 2px !important;
  height: calc(100% - 4px) !important;
  width: 100% !important;
  border: 1px solid #ededed !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab:not(.VirtualNavigationMenuTab_HELIUM_HAMBURGER---selected_tab) > .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container:hover:before {
  content: "" !important;
  position: absolute !important;
  width: calc(100% + 4px) !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  background-color: #35556a !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---selected_tab {
  background-color: #083d5c !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---selected_tab > .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container:focus:not([data-appian-ux-mouse-focus]):after {
  border-color: #fff !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---selected_tab > .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_icon svg {
  fill: #fff !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---selected_tab > .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_icon.VirtualNavigationMenuTab_HELIUM_HAMBURGER---disabled svg {
  fill: #aaa !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---selected_tab > .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_label {
  color: #fff !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---selected_tab > .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_label.VirtualNavigationMenuTab_HELIUM_HAMBURGER---disabled {
  color: #aaa !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---selected_tab > .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_label_pulldown_icon {
  fill: #fff !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---selected_tab > .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_label_pulldown_icon.VirtualNavigationMenuTab_HELIUM_HAMBURGER---disabled {
  fill: #aaa !important;
}
/***************************************
          NESTED TAB STYLES
***************************************/
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_group_menu_contents {
  padding: 0 !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_group_menu_contents .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container,
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_group_menu_contents .VirtualNavigationMenuTab_HELIUM_HAMBURGER---no_pages_label {
  padding-left: 70px !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---selected_tab .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_group_menu_contents .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container:not(:hover):focus:not([data-appian-ux-mouse-focus]):after {
  border-color: #fff !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---selected_tab .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_group_menu_contents .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container:not(:hover) .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_icon svg {
  fill: #fff !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---selected_tab .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_group_menu_contents .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container:not(:hover) .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_icon.VirtualNavigationMenuTab_HELIUM_HAMBURGER---disabled svg {
  fill: #aaa !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---selected_tab .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_group_menu_contents .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container:not(:hover) .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_label {
  color: #fff !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---selected_tab .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_group_menu_contents .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container:not(:hover) .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_label.VirtualNavigationMenuTab_HELIUM_HAMBURGER---disabled {
  color: #aaa !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---selected_tab .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_group_menu_contents .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container:not(:hover) .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_label_pulldown_icon {
  fill: #fff !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---selected_tab .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_group_menu_contents .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_tab_clickable_container:not(:hover) .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_label_pulldown_icon.VirtualNavigationMenuTab_HELIUM_HAMBURGER---disabled {
  fill: #aaa !important;
}
.VirtualNavigationMenuTab_HELIUM_HAMBURGER---selected_tab .VirtualNavigationMenuTab_HELIUM_HAMBURGER---nav_group_menu_contents .VirtualNavigationMenuTab_HELIUM_HAMBURGER---no_pages_label {
  color: #fff !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/***************************************
            COMMON STYLES
***************************************/
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container {
  display: block !important;
  cursor: pointer !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container:hover,
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container:focus {
  text-decoration: none !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container.VirtualNavigationMenuTab_MERCURY_HAMBURGER---disabled {
  pointer-events: none !important;
  cursor: default !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container,
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---no_pages_label {
  padding: 14px 0 !important;
  font-weight: 300 !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_label {
  color: #ededed !important;
  font-size: 14px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_label.VirtualNavigationMenuTab_MERCURY_HAMBURGER---disabled {
  color: #aaa !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_label_text_wrapper {
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}
/***************************************
            TOP LEVEL STYLES
***************************************/
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---group_tab > .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container {
  font-family: inherit !important;
  background-color: transparent !important;
  border: none !important;
  text-align: start !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---group_tab > .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container:focus {
  outline: none !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---group_tab > .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_label {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---group_tab > .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_label_text_wrapper {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 0 auto !important;
          flex: 1 0 auto !important;
  max-width: calc(100% - 14px) !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---group_tab > .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_label_pulldown_icon {
  height: 14px !important;
  width: 14px !important;
  fill: #ededed !important;
  -webkit-transition: -webkit-transform 300ms !important;
  transition: -webkit-transform 300ms !important;
  transition: transform 300ms !important;
  transition: transform 300ms, -webkit-transform 300ms !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---group_tab > .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_label_pulldown_icon.VirtualNavigationMenuTab_MERCURY_HAMBURGER---disabled {
  fill: #aaa !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---group_tab > .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container[aria-expanded="true"] .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_label_pulldown_icon {
  -webkit-transform: rotate(90deg) !important;
          transform: rotate(90deg) !important;
}
/***************************************
            NESTED STYLES
***************************************/
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_group_menu_contents {
  list-style: none !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---selected_tab:not(.VirtualNavigationMenuTab_MERCURY_HAMBURGER---group_tab) > .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container {
  font-weight: 700 !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---no_pages_label {
  color: #ededed !important;
  font-style: italic !important;
  text-transform: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab.VirtualNavigationMenuTab_MERCURY_HAMBURGER---group_tab.VirtualNavigationMenuTab_MERCURY_HAMBURGER---top_level_tab.VirtualNavigationMenuTab_MERCURY_HAMBURGER---disabled {
  cursor: default !important;
  pointer-events: none !important;
}
/***************************************
            COMMON STYLES
***************************************/
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container {
  position: relative !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container:after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  height: calc(100% - 20px) !important;
  background-color: #ededed !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container.VirtualNavigationMenuTab_MERCURY_HAMBURGER---disabled {
  cursor: default !important;
  pointer-events: none !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container:focus:not([data-appian-ux-mouse-focus]) {
  position: relative !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container:focus:not([data-appian-ux-mouse-focus]):before {
  position: absolute !important;
  content: "" !important;
  top: 0 !important;
  left: -20px !important;
  height: 100% !important;
  width: calc(100% + 40px) !important;
  border: 1px solid #ededed !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---selected_tab > .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container:focus:not([data-appian-ux-mouse-focus]):before {
  border-color: #fff !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab:not(.VirtualNavigationMenuTab_MERCURY_HAMBURGER---selected_tab):not(.VirtualNavigationMenuTab_MERCURY_HAMBURGER---group_tab) > .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container:hover:after {
  width: 1px !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---selected_tab > .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_label {
  color: #fff !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---selected_tab > .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_label.VirtualNavigationMenuTab_MERCURY_HAMBURGER---disabled {
  color: #aaa !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---selected_tab > .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_label_pulldown_icon {
  color: #fff !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---selected_tab > .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_label_pulldown_icon.VirtualNavigationMenuTab_MERCURY_HAMBURGER---disabled {
  fill: #aaa !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---selected_tab.VirtualNavigationMenuTab_MERCURY_HAMBURGER---group_tab > .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container {
  font-weight: 700 !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---selected_tab:not(.VirtualNavigationMenuTab_MERCURY_HAMBURGER---group_tab) > .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container:after,
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---selected_tab.VirtualNavigationMenuTab_MERCURY_HAMBURGER---group_tab:not(.VirtualNavigationMenuTab_MERCURY_HAMBURGER---has_nested_tabs) > .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container:after {
  width: 5px !important;
  background-color: #083d5c !important;
}
/***************************************
            TOP LEVEL STYLES
***************************************/
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---group_tab > .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container {
  width: 100% !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---top_level_tab > .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container:after {
  left: -12px !important;
}
/***************************************
        NESTED TAB STYLES
***************************************/
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_group_menu_contents {
  padding: 0 !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_group_menu_contents .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container,
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_group_menu_contents .VirtualNavigationMenuTab_MERCURY_HAMBURGER---no_pages_label {
  padding-left: 40px !important;
}
.VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_group_menu_contents .VirtualNavigationMenuTab_MERCURY_HAMBURGER---nav_tab_clickable_container:after {
  left: calc(-12px + 40px) !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* expanded sidebar tab width minus the inner left and right padding (14px).
in the collapsed sidebar, we don't want the text to try to fit in the small square tabs because it will wrap,
and it needs to always exist in the DOM so that it can animate (fade in and out)
*/
/* matches semi_rounded button border radius */
.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab .VirtualNavigationMenuTab_SIDEBAR---nested_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---nav_icon_and_label_wrapper .VirtualNavigationMenuTab_SIDEBAR---nav_label,
.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab .VirtualNavigationMenuTab_SIDEBAR---nested_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---nav_icon_and_label_wrapper .VirtualNavigationMenuTab_SIDEBAR---nav_label_pulldown_icon {
  opacity: 1 !important;
}
/* This mixin takes in a number of tabs, and estimates a height at which the tabs_wrapper will start needing to scroll.
   When the tabs_wrapper would need to scroll, we shrink the tabs so that scrolling will not be needed until an even shorter height.

   Because the mixin is called 10 times below, 10 media queries will be written, but only one will actually do anything.
   The only media query that will work is the one where @num-tabs matches the number of tabs that exist in the given sidebar.
   The :first-child:nth-last-child(@{num-tabs}) ensures this. It works by selecting the tab that is both the first child and @num-tabs-from-last child.
   For example, for @num-tabs = 5, the width and height styles will only be applied when the first tab is also the 5th-from-last tab.
*/
/*
   In case a user shrinks the browser farther after the tabs shrink due to the above mixin, and the tabs_wrapper scrolls,
   this mixin will save room for the scrollbar (using scrollbar-gutter: stable) so that it can appear and disappear without shifting the smaller tabs.

   Because the mixin is called 10 times below, 10 media queries will be written, but only one will actually do anything.
   The only media query that will work is the one where @num-tabs matches the number of tabs that exist in the given sidebar.
   The .tabs_wrapper:has(ul.tabs > :nth-child(@{num-tabs}):last-child) ensures this.
   It works by selecting the tabs_wrapper that has exactly @num-tabs tabs. The :nth-child(@{num-tabs}):last-child) selector will select
   a child that is both the last child and the @num-tabs child.
   For example, for @num-tabs = 5, the scrollbar styles will only be applied when the tabs_wrapper has a child tab that is both the last tab and the 5th tab.
*/
/* matches semi_rounded button border radius */
@-webkit-keyframes VirtualNavigationMenuTab_SIDEBAR---fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes VirtualNavigationMenuTab_SIDEBAR---fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/******************************************************************
       COMMON STYLES (Regardless of level or collapsed state)
*******************************************************************/
.VirtualNavigationMenuTab_SIDEBAR---nav_tab {
  list-style: none !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab .VirtualNavigationMenuTab_SIDEBAR---nav_label {
  color: #ededed !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab .VirtualNavigationMenuTab_SIDEBAR---nav_label.VirtualNavigationMenuTab_SIDEBAR---disabled {
  color: #aaa !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container {
  /* ---- focus styles ---- */
  /* ---- hover styles ---- */
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container:focus:not([data-appian-ux-mouse-focus]) {
  position: relative !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container:focus:not([data-appian-ux-mouse-focus]):before {
  position: absolute !important;
  content: "" !important;
  top: 2px !important;
  left: 2px !important;
  height: calc(100% - 4px) !important;
  width: calc(100% - 4px) !important;
  border: 1px solid #ededed !important;
  border-radius: 0.2857rem !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container:hover:not(.VirtualNavigationMenuTab_SIDEBAR---disabled) {
  cursor: pointer !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container.VirtualNavigationMenuTab_SIDEBAR---disabled {
  pointer-events: none !important;
  cursor: default !important;
}
/*******************************************************************
    COMMON STYLES FOR TOP LEVEL TABS AND EXPANDED STATE NESTED TABS
********************************************************************/
.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container {
  width: 224px !important;
  height: 44px !important;
  -webkit-transition: width 250ms ease-in-out, height 250ms ease-in-out, padding 250ms ease-in-out, margin 250ms ease-in-out !important;
  transition: width 250ms ease-in-out, height 250ms ease-in-out, padding 250ms ease-in-out, margin 250ms ease-in-out !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab .VirtualNavigationMenuTab_SIDEBAR---nav_icon_and_label_wrapper {
  width: 100% !important;
  -webkit-transition: width 0ms ease-in-out 250ms !important;
  transition: width 0ms ease-in-out 250ms !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab .VirtualNavigationMenuTab_SIDEBAR---nav_icon_and_label_wrapper .VirtualNavigationMenuTab_SIDEBAR---nav_label,
.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab .VirtualNavigationMenuTab_SIDEBAR---nav_icon_and_label_wrapper .VirtualNavigationMenuTab_SIDEBAR---nav_label_pulldown_icon {
  opacity: 1 !important;
  -webkit-transition: opacity 250ms ease-in-out, -webkit-transform 300ms !important;
  transition: opacity 250ms ease-in-out, -webkit-transform 300ms !important;
  transition: opacity 250ms ease-in-out, transform 300ms !important;
  transition: opacity 250ms ease-in-out, transform 300ms, -webkit-transform 300ms !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab .VirtualNavigationMenuTab_SIDEBAR---nav_icon_and_label_wrapper .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg {
  -webkit-transition: width 250ms ease-in-out, height 250ms ease-in-out !important;
  transition: width 250ms ease-in-out, height 250ms ease-in-out !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab .VirtualNavigationMenuTab_SIDEBAR---collapsible_element_animation_wrapper {
  width: 224px !important;
  -webkit-transition: width 250ms ease-in-out !important;
  transition: width 250ms ease-in-out !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab .VirtualNavigationMenuTab_SIDEBAR---nav_group_menu_contents {
  width: 100% !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
          align-items: flex-start !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container {
  width: 44px !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---nav_icon_and_label_wrapper {
  width: 196px !important;
  -webkit-transition: width 0ms ease-in-out !important;
  transition: width 0ms ease-in-out !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---nav_icon_and_label_wrapper .VirtualNavigationMenuTab_SIDEBAR---nav_label,
.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---nav_icon_and_label_wrapper .VirtualNavigationMenuTab_SIDEBAR---nav_label_pulldown_icon {
  opacity: 0 !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---collapsible_element_animation_wrapper {
  width: 44px !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nested_tab {
  --tab-icon-size: 12px !important;
}
.VirtualNavigationMenuTab_SIDEBAR---top_level_tab {
  --tab-icon-size: 18px !important;
}
.VirtualNavigationMenuTab_SIDEBAR---top_level_tab,
.VirtualNavigationMenuTab_SIDEBAR---nested_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.VirtualNavigationMenuTab_SIDEBAR---top_level_tab > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container,
.VirtualNavigationMenuTab_SIDEBAR---nested_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container {
  overflow: hidden !important;
  display: block !important;
  cursor: pointer !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  padding: 12px 14px !important;
  border-radius: 0.2857rem !important;
  margin-bottom: 8px !important;
  /* ---- hover styles ---- */
}
.VirtualNavigationMenuTab_SIDEBAR---top_level_tab > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container:hover,
.VirtualNavigationMenuTab_SIDEBAR---nested_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container:hover,
.VirtualNavigationMenuTab_SIDEBAR---top_level_tab > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container:focus,
.VirtualNavigationMenuTab_SIDEBAR---nested_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container:focus {
  text-decoration: none !important;
}
.VirtualNavigationMenuTab_SIDEBAR---top_level_tab > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container:hover:not(.VirtualNavigationMenuTab_SIDEBAR---disabled),
.VirtualNavigationMenuTab_SIDEBAR---nested_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container:hover:not(.VirtualNavigationMenuTab_SIDEBAR---disabled) {
  background-color: #35556a !important;
}
.VirtualNavigationMenuTab_SIDEBAR---top_level_tab > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon_and_label_wrapper,
.VirtualNavigationMenuTab_SIDEBAR---nested_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon_and_label_wrapper {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.VirtualNavigationMenuTab_SIDEBAR---top_level_tab > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon_and_label_wrapper .VirtualNavigationMenuTab_SIDEBAR---nav_icon,
.VirtualNavigationMenuTab_SIDEBAR---nested_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon_and_label_wrapper .VirtualNavigationMenuTab_SIDEBAR---nav_icon {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  margin-right: var(--tab-icon-size) !important;
}
.VirtualNavigationMenuTab_SIDEBAR---top_level_tab > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon_and_label_wrapper .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg,
.VirtualNavigationMenuTab_SIDEBAR---nested_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon_and_label_wrapper .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg {
  fill: #ededed !important;
  height: var(--tab-icon-size) !important;
  width: var(--tab-icon-size) !important;
}
.VirtualNavigationMenuTab_SIDEBAR---top_level_tab > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon_and_label_wrapper .VirtualNavigationMenuTab_SIDEBAR---nav_icon.VirtualNavigationMenuTab_SIDEBAR---disabled svg,
.VirtualNavigationMenuTab_SIDEBAR---nested_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon_and_label_wrapper .VirtualNavigationMenuTab_SIDEBAR---nav_icon.VirtualNavigationMenuTab_SIDEBAR---disabled svg {
  fill: #aaa !important;
}
.VirtualNavigationMenuTab_SIDEBAR---top_level_tab > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_label,
.VirtualNavigationMenuTab_SIDEBAR---nested_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_label {
  width: 100% !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}
.VirtualNavigationMenuTab_SIDEBAR---top_level_tab > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_label .VirtualNavigationMenuTab_SIDEBAR---nav_label_text_wrapper,
.VirtualNavigationMenuTab_SIDEBAR---nested_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_label .VirtualNavigationMenuTab_SIDEBAR---nav_label_text_wrapper {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab:not(.VirtualNavigationMenuTab_SIDEBAR---group_tab) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container,
.VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container,
.VirtualNavigationMenuTab_SIDEBAR---nav_group_menu_contents.VirtualNavigationMenuTab_SIDEBAR---inOpenSection .VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---nested_tab:not(.VirtualNavigationMenuTab_SIDEBAR---group_tab) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container,
.VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---has_nested_tabs.VirtualNavigationMenuTab_SIDEBAR---group_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container[aria-expanded="false"] {
  background-color: #083d5c !important;
  font-weight: 700 !important;
}
.VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab:not(.VirtualNavigationMenuTab_SIDEBAR---group_tab) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container:focus:not([data-appian-ux-mouse-focus]):before,
.VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container:focus:not([data-appian-ux-mouse-focus]):before,
.VirtualNavigationMenuTab_SIDEBAR---nav_group_menu_contents.VirtualNavigationMenuTab_SIDEBAR---inOpenSection .VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---nested_tab:not(.VirtualNavigationMenuTab_SIDEBAR---group_tab) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container:focus:not([data-appian-ux-mouse-focus]):before,
.VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---has_nested_tabs.VirtualNavigationMenuTab_SIDEBAR---group_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container[aria-expanded="false"]:focus:not([data-appian-ux-mouse-focus]):before {
  border-color: #fff !important;
}
.VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab:not(.VirtualNavigationMenuTab_SIDEBAR---group_tab) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg,
.VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg,
.VirtualNavigationMenuTab_SIDEBAR---nav_group_menu_contents.VirtualNavigationMenuTab_SIDEBAR---inOpenSection .VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---nested_tab:not(.VirtualNavigationMenuTab_SIDEBAR---group_tab) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg,
.VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---has_nested_tabs.VirtualNavigationMenuTab_SIDEBAR---group_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container[aria-expanded="false"] .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg {
  fill: #fff !important;
}
.VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab:not(.VirtualNavigationMenuTab_SIDEBAR---group_tab) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon.VirtualNavigationMenuTab_SIDEBAR---disabled svg,
.VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon.VirtualNavigationMenuTab_SIDEBAR---disabled svg,
.VirtualNavigationMenuTab_SIDEBAR---nav_group_menu_contents.VirtualNavigationMenuTab_SIDEBAR---inOpenSection .VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---nested_tab:not(.VirtualNavigationMenuTab_SIDEBAR---group_tab) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon.VirtualNavigationMenuTab_SIDEBAR---disabled svg,
.VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---has_nested_tabs.VirtualNavigationMenuTab_SIDEBAR---group_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container[aria-expanded="false"] .VirtualNavigationMenuTab_SIDEBAR---nav_icon.VirtualNavigationMenuTab_SIDEBAR---disabled svg {
  fill: #aaa !important;
}
.VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab:not(.VirtualNavigationMenuTab_SIDEBAR---group_tab) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_label,
.VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_label,
.VirtualNavigationMenuTab_SIDEBAR---nav_group_menu_contents.VirtualNavigationMenuTab_SIDEBAR---inOpenSection .VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---nested_tab:not(.VirtualNavigationMenuTab_SIDEBAR---group_tab) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_label,
.VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---has_nested_tabs.VirtualNavigationMenuTab_SIDEBAR---group_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container[aria-expanded="false"] .VirtualNavigationMenuTab_SIDEBAR---nav_label {
  color: #fff !important;
}
.VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab:not(.VirtualNavigationMenuTab_SIDEBAR---group_tab) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_label.VirtualNavigationMenuTab_SIDEBAR---disabled,
.VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_label.VirtualNavigationMenuTab_SIDEBAR---disabled,
.VirtualNavigationMenuTab_SIDEBAR---nav_group_menu_contents.VirtualNavigationMenuTab_SIDEBAR---inOpenSection .VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---nested_tab:not(.VirtualNavigationMenuTab_SIDEBAR---group_tab) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_label.VirtualNavigationMenuTab_SIDEBAR---disabled,
.VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---has_nested_tabs.VirtualNavigationMenuTab_SIDEBAR---group_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container[aria-expanded="false"] .VirtualNavigationMenuTab_SIDEBAR---nav_label.VirtualNavigationMenuTab_SIDEBAR---disabled {
  color: #aaa !important;
}
.VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab:not(.VirtualNavigationMenuTab_SIDEBAR---group_tab) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_label_pulldown_icon,
.VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_label_pulldown_icon,
.VirtualNavigationMenuTab_SIDEBAR---nav_group_menu_contents.VirtualNavigationMenuTab_SIDEBAR---inOpenSection .VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---nested_tab:not(.VirtualNavigationMenuTab_SIDEBAR---group_tab) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_label_pulldown_icon,
.VirtualNavigationMenuTab_SIDEBAR---selected_tab.VirtualNavigationMenuTab_SIDEBAR---has_nested_tabs.VirtualNavigationMenuTab_SIDEBAR---group_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container[aria-expanded="false"] .VirtualNavigationMenuTab_SIDEBAR---nav_label_pulldown_icon {
  fill: #fff !important;
}
/*********************************************
    TOP LEVEL STYLES - COLLAPSED AND EXPANDED
**********************************************/
.VirtualNavigationMenuTab_SIDEBAR---group_tab > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container {
  font-family: inherit !important;
  background-color: transparent !important;
  border: none !important;
  text-align: start !important;
}
.VirtualNavigationMenuTab_SIDEBAR---group_tab > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container:focus {
  outline: none !important;
}
.VirtualNavigationMenuTab_SIDEBAR---group_tab > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_label {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.VirtualNavigationMenuTab_SIDEBAR---group_tab > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_label_text_wrapper {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 0 auto !important;
          flex: 1 0 auto !important;
  max-width: calc(100% - 14px) !important;
}
.VirtualNavigationMenuTab_SIDEBAR---group_tab > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_label_pulldown_icon {
  height: 14px !important;
  width: 14px !important;
  fill: #ededed !important;
}
.VirtualNavigationMenuTab_SIDEBAR---group_tab > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_label_pulldown_icon.VirtualNavigationMenuTab_SIDEBAR---disabled {
  fill: #aaa !important;
}
.VirtualNavigationMenuTab_SIDEBAR---group_tab > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container[aria-expanded="true"] .VirtualNavigationMenuTab_SIDEBAR---nav_label_pulldown_icon {
  -webkit-transform: rotate(90deg) !important;
          transform: rotate(90deg) !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---disabled {
  pointer-events: none !important;
  cursor: default !important;
}
/*********************************************************
      POPUP/SECTION CONTENTS - EXPANDED/COLLAPSED SIDEBAR
********************************************************/
ul.VirtualNavigationMenuTab_SIDEBAR---nav_group_menu_contents {
  padding: 0 !important;
}
.VirtualNavigationMenuTab_SIDEBAR---no_pages_label {
  color: #ededed !important;
  font-style: italic !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
/*************************************************
     NESTED TAB/NO PAGE LABEL - EXPANDED SIDEBAR
**************************************************/
.VirtualNavigationMenuTab_SIDEBAR---nav_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar).VirtualNavigationMenuTab_SIDEBAR---nested_tab > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container {
  width: 224px !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) .VirtualNavigationMenuTab_SIDEBAR---nested_tab_indent_medium {
  --padding-indentation: 48px !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) .VirtualNavigationMenuTab_SIDEBAR---nested_tab_indent_narrow {
  --padding-indentation: 24px !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) .VirtualNavigationMenuTab_SIDEBAR---nested_tab_level .VirtualNavigationMenuTab_SIDEBAR---nav_icon_and_label_wrapper {
  padding-left: "" !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) .VirtualNavigationMenuTab_SIDEBAR---nested_tab_level0 .VirtualNavigationMenuTab_SIDEBAR---nav_icon_and_label_wrapper {
  padding-left: calc(var(--padding-indentation) * 0) !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) .VirtualNavigationMenuTab_SIDEBAR---nested_tab_level1 .VirtualNavigationMenuTab_SIDEBAR---nav_icon_and_label_wrapper {
  padding-left: calc(var(--padding-indentation) * 1) !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) .VirtualNavigationMenuTab_SIDEBAR---nested_tab_level2 .VirtualNavigationMenuTab_SIDEBAR---nav_icon_and_label_wrapper {
  padding-left: calc(var(--padding-indentation) * 2) !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) .VirtualNavigationMenuTab_SIDEBAR---nested_tab_level3 .VirtualNavigationMenuTab_SIDEBAR---nav_icon_and_label_wrapper {
  padding-left: calc(var(--padding-indentation) * 3) !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) .VirtualNavigationMenuTab_SIDEBAR---nested_tab_level4 .VirtualNavigationMenuTab_SIDEBAR---nav_icon_and_label_wrapper {
  padding-left: calc(var(--padding-indentation) * 4) !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) .VirtualNavigationMenuTab_SIDEBAR---nested_tab_level5 .VirtualNavigationMenuTab_SIDEBAR---nav_icon_and_label_wrapper {
  padding-left: calc(var(--padding-indentation) * 5) !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) .VirtualNavigationMenuTab_SIDEBAR---nested_tab_level6 .VirtualNavigationMenuTab_SIDEBAR---nav_icon_and_label_wrapper {
  padding-left: calc(var(--padding-indentation) * 6) !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab:not(.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar) .VirtualNavigationMenuTab_SIDEBAR---no_pages_label {
  padding: 14px 14px 14px 62px !important;
  width: 224px !important;
}
/***************************************
     GROUP TAB - COLLAPSED SIDEBAR
***************************************/
.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:not(.VirtualNavigationMenuTab_SIDEBAR---selected_tab):not(.VirtualNavigationMenuTab_SIDEBAR---disabled) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container[aria-expanded="true"] {
  background-color: #35556a !important;
}
/******************************************
    MISC POPUP CONTENTS - COLLAPSED SIDEBAR
*******************************************/
.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---nav_group_popup_menu {
  z-index: 2000016 !important;
  background-color: #35556a !important;
  -webkit-filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.2)) !important;
          filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.2)) !important;
  -webkit-animation: VirtualNavigationMenuTab_SIDEBAR---fadeIn 300ms !important;
          animation: VirtualNavigationMenuTab_SIDEBAR---fadeIn 300ms !important;
  min-width: 200px !important;
  max-width: 300px !important;
  border-radius: 0.2857rem !important;
}
.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---nav_group_popup_menu .VirtualNavigationMenuTab_SIDEBAR---side_bar_pop_up_scroll_container {
  overflow: auto !important;
  max-height: calc(100vh - 12px) !important;
}
.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---nav_group_popup_menu .VirtualNavigationMenuTab_SIDEBAR---side_bar_popup_triangle {
  -webkit-transform: rotate(-90deg) !important;
          transform: rotate(-90deg) !important;
  position: absolute !important;
  left: -13px !important;
  height: 34px !important;
  width: 18px !important;
  fill: #35556a !important;
  margin-top: -19px !important;
}
.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---nav_group_popup_menu .VirtualNavigationMenuTab_SIDEBAR---side_bar_pop_up_label {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  -webkit-animation: VirtualNavigationMenuTab_SIDEBAR---fadeIn 300ms !important;
          animation: VirtualNavigationMenuTab_SIDEBAR---fadeIn 300ms !important;
  max-width: 100% !important;
  color: #ededed !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 16px 20px 5px 20px !important;
}
.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---nav_group_popup_menu .VirtualNavigationMenuTab_SIDEBAR---nav_group_menu_contents {
  padding: 2px 0 16px 0 !important;
}
.VirtualNavigationMenuTab_SIDEBAR---collapsed_sidebar_tooltip {
  background-color: #35556a !important;
  color: #ededed !important;
  border-radius: 0.2857rem !important;
  -webkit-filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.2)) !important;
          filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.2)) !important;
}
/***************************************
     NESTED TAB - COLLAPSED SIDEBAR
***************************************/
.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---nested_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar {
  margin-top: 2px !important;
  width: 100% !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---nested_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:not(:last-child) {
  margin-bottom: 8px !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---nested_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container {
  display: block !important;
  padding: 4px 22px !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---nested_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_label {
  width: 100% !important;
  font-size: 0 !important;
  /* removes extra vertical whitespace */
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---nested_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_label .VirtualNavigationMenuTab_SIDEBAR---nav_label_text_wrapper {
  -webkit-animation: VirtualNavigationMenuTab_SIDEBAR---fadeIn 300ms !important;
          animation: VirtualNavigationMenuTab_SIDEBAR---fadeIn 300ms !important;
  display: inline-block !important;
  max-width: 100% !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---nested_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_label .VirtualNavigationMenuTab_SIDEBAR---nav_label_text_wrapper.VirtualNavigationMenuTab_SIDEBAR---hidden {
  height: 0 !important;
  visibility: hidden !important;
  display: block !important;
  font-weight: 600 !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---nested_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container:focus:not([data-appian-ux-mouse-focus]):before {
  top: -2px !important;
  height: calc(100% + 4px) !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---nested_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container:hover .VirtualNavigationMenuTab_SIDEBAR---nav_label .VirtualNavigationMenuTab_SIDEBAR---nav_label_text_wrapper,
.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---nested_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar.VirtualNavigationMenuTab_SIDEBAR---selected_tab .VirtualNavigationMenuTab_SIDEBAR---nav_label .VirtualNavigationMenuTab_SIDEBAR---nav_label_text_wrapper {
  color: #fff !important;
  font-weight: 600 !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---nested_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar.VirtualNavigationMenuTab_SIDEBAR---selected_tab .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container:focus:not([data-appian-ux-mouse-focus]) {
  outline-color: #fff !important;
}
.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---no_pages_label {
  font-size: 12px !important;
  padding: 4px 22px !important;
}
@media only screen and (max-height: 283px) {
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(1) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(1) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container {
    width: 30px !important;
    height: 30px !important;
    padding: 5px 7px !important;
    margin-bottom: 12px !important;
  }
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(1) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(1) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg {
    height: 16px !important;
    width: 16px !important;
  }
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(1) .VirtualNavigationMenuTab_SIDEBAR---nav_group_popup_menu,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(1) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---nav_group_popup_menu {
    margin-left: 6px !important;
  }
}
@media only screen and (max-height: 335px) {
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(2) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(2) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container {
    width: 30px !important;
    height: 30px !important;
    padding: 5px 7px !important;
    margin-bottom: 12px !important;
  }
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(2) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(2) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg {
    height: 16px !important;
    width: 16px !important;
  }
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(2) .VirtualNavigationMenuTab_SIDEBAR---nav_group_popup_menu,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(2) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---nav_group_popup_menu {
    margin-left: 6px !important;
  }
}
@media only screen and (max-height: 387px) {
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(3) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(3) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container {
    width: 30px !important;
    height: 30px !important;
    padding: 5px 7px !important;
    margin-bottom: 12px !important;
  }
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(3) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(3) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg {
    height: 16px !important;
    width: 16px !important;
  }
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(3) .VirtualNavigationMenuTab_SIDEBAR---nav_group_popup_menu,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(3) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---nav_group_popup_menu {
    margin-left: 6px !important;
  }
}
@media only screen and (max-height: 439px) {
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(4) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(4) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container {
    width: 30px !important;
    height: 30px !important;
    padding: 5px 7px !important;
    margin-bottom: 12px !important;
  }
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(4) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(4) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg {
    height: 16px !important;
    width: 16px !important;
  }
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(4) .VirtualNavigationMenuTab_SIDEBAR---nav_group_popup_menu,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(4) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---nav_group_popup_menu {
    margin-left: 6px !important;
  }
}
@media only screen and (max-height: 491px) {
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(5) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(5) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container {
    width: 30px !important;
    height: 30px !important;
    padding: 5px 7px !important;
    margin-bottom: 12px !important;
  }
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(5) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(5) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg {
    height: 16px !important;
    width: 16px !important;
  }
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(5) .VirtualNavigationMenuTab_SIDEBAR---nav_group_popup_menu,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(5) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---nav_group_popup_menu {
    margin-left: 6px !important;
  }
}
@media only screen and (max-height: 543px) {
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(6) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(6) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container {
    width: 30px !important;
    height: 30px !important;
    padding: 5px 7px !important;
    margin-bottom: 12px !important;
  }
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(6) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(6) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg {
    height: 16px !important;
    width: 16px !important;
  }
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(6) .VirtualNavigationMenuTab_SIDEBAR---nav_group_popup_menu,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(6) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---nav_group_popup_menu {
    margin-left: 6px !important;
  }
}
@media only screen and (max-height: 595px) {
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(7) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(7) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container {
    width: 30px !important;
    height: 30px !important;
    padding: 5px 7px !important;
    margin-bottom: 12px !important;
  }
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(7) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(7) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg {
    height: 16px !important;
    width: 16px !important;
  }
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(7) .VirtualNavigationMenuTab_SIDEBAR---nav_group_popup_menu,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(7) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---nav_group_popup_menu {
    margin-left: 6px !important;
  }
}
@media only screen and (max-height: 647px) {
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(8) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(8) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container {
    width: 30px !important;
    height: 30px !important;
    padding: 5px 7px !important;
    margin-bottom: 12px !important;
  }
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(8) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(8) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg {
    height: 16px !important;
    width: 16px !important;
  }
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(8) .VirtualNavigationMenuTab_SIDEBAR---nav_group_popup_menu,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(8) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---nav_group_popup_menu {
    margin-left: 6px !important;
  }
}
@media only screen and (max-height: 699px) {
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(9) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(9) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container {
    width: 30px !important;
    height: 30px !important;
    padding: 5px 7px !important;
    margin-bottom: 12px !important;
  }
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(9) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(9) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg {
    height: 16px !important;
    width: 16px !important;
  }
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(9) .VirtualNavigationMenuTab_SIDEBAR---nav_group_popup_menu,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(9) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---nav_group_popup_menu {
    margin-left: 6px !important;
  }
}
@media only screen and (max-height: 751px) {
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(10) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(10) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container {
    width: 30px !important;
    height: 30px !important;
    padding: 5px 7px !important;
    margin-bottom: 12px !important;
  }
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(10) > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(10) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar > .VirtualNavigationMenuTab_SIDEBAR---nav_tab_clickable_container .VirtualNavigationMenuTab_SIDEBAR---nav_icon svg {
    height: 16px !important;
    width: 16px !important;
  }
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(10) .VirtualNavigationMenuTab_SIDEBAR---nav_group_popup_menu,
  ul > li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar:first-child:nth-last-child(10) ~ li.VirtualNavigationMenuTab_SIDEBAR---nav_tab.VirtualNavigationMenuTab_SIDEBAR---top_level_tab.VirtualNavigationMenuTab_SIDEBAR---group_tab.VirtualNavigationMenuTab_SIDEBAR---inCollapsedSideBar .VirtualNavigationMenuTab_SIDEBAR---nav_group_popup_menu {
    margin-left: 6px !important;
  }
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.NavigatorNode---layout,
.NavigatorNode---component,
.NavigatorNode---parameter {
  color: #555 !important;
}
.NavigatorNode---itemLabel,
.NavigatorNode---layout.NavigatorNode---itemLabel,
.NavigatorNode---component.NavigatorNode---itemLabel {
  color: #005bd0 !important;
}
.NavigatorNode---itemLabel,
.NavigatorNode---layout:only-of-type,
.NavigatorNode---component:only-of-type {
  font-weight: bold !important;
}
.NavigatorNode---literal {
  color: #aaa !important;
}
.NavigatorNode---fresco {
  color: #9269c9 !important;
}
.NavigatorNode---variable {
  color: #24b0ed !important;
}
.NavigatorNode---focused,
.NavigatorNode---hovered,
.NavigatorNode---selected,
.NavigatorNode---secondaryHighlight,
.NavigatorNode---secondaryHighlight.NavigatorNode---selected {
  color: #fff !important;
  opacity: 1 !important;
  box-shadow: none !important;
  padding: 0 4px 1px 4px !important;
  margin-left: -4px !important;
  margin-right: -4px !important;
}
.NavigatorNode---focused,
.NavigatorNode---hovered {
  background: #ff2285 !important;
}
.NavigatorNode---secondaryHighlight,
.NavigatorNode---secondaryHighlight.NavigatorNode---selected {
  background: #2376cd !important;
}
.NavigatorNode---selected {
  background: #888 !important;
}
.NavigatorNode---icon {
  font-size: 12px !important;
  margin-right: 4px !important;
}
/* Targets the icon that appears after a parameter node's text */
.NavigatorNode---icon:first-of-type:not(:first-child) {
  margin-left: 4px !important;
}
.NavigatorNode---conditionalIcon {
  color: #777 !important;
}
.NavigatorNode---hovered i.NavigatorNode---icon,
.NavigatorNode---focused i.NavigatorNode---icon,
.NavigatorNode---secondaryHighlight i.NavigatorNode---icon,
.NavigatorNode---selected i.NavigatorNode---icon,
.NavigatorNode---hovered span,
.NavigatorNode---focused span,
.NavigatorNode---secondaryHighlight span,
.NavigatorNode---selected span,
.NavigatorNode---hovered span.NavigatorNode---itemLabel,
.NavigatorNode---focused span.NavigatorNode---itemLabel,
.NavigatorNode---secondaryHighlight span.NavigatorNode---itemLabel,
.NavigatorNode---selected span.NavigatorNode---itemLabel {
  color: #fff !important;
}
.NavigatorNode---hovered .NavigatorNode---italics,
.NavigatorNode---focused .NavigatorNode---italics,
.NavigatorNode---secondaryHighlight .NavigatorNode---italics,
.NavigatorNode---selected .NavigatorNode---italics {
  font-style: italic !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.NegativeText---color_negative {
  color: #de0037 !important;
}
.NegativeText---color_negative:not(.NegativeText---inStrongText) {
  font-weight: 400 !important;
  /* needed so negative text nested within secondary text does not get lightweight font */
}
.NegativeText---color_negative.NegativeText---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.NewsEntryAddCommentControls---field_error {
  margin: 0.5714rem 0 0 0 !important;
  font-size: 0.9286rem !important;
  line-height: 1.2307rem !important;
  font-weight: 600 !important;
  color: #de0037 !important;
}
.NewsEntryAddCommentControls---comment_box,
.NewsEntryAddCommentControls---comment_box_print {
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  line-height: 1.4286 !important;
  padding: 0.4286rem 0.5714rem 0 0.5714rem !important;
  width: 100% !important;
  background-color: #fff !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0 !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
  min-height: 8.2rem !important;
  max-height: 40rem !important;
  resize: vertical !important;
  display: block !important;
  /* needed to prevent extra space from showing below paragraph (most obvious when in grid) */
  text-align: left !important;
}
.NewsEntryAddCommentControls---comment_box:focus {
  border-color: #1d659c !important;
  outline: none !important;
}
.NewsEntryAddCommentControls---comment_box[aria-invalid="true"],
.NewsEntryAddCommentControls---comment_box[aria-invalid="true"]:focus {
  border-color: #de0037 !important;
}
.NewsEntryAddCommentControls---comment_box_wrapper {
  position: relative !important;
}
.NewsEntryAddCommentControls---comment_control_post,
.NewsEntryAddCommentControls---comment_control_attachments {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 0% !important;
          flex: 1 1 0% !important;
  /* flex basis must have unit for IE11 */
}
.NewsEntryAddCommentControls---comment_controls_post {
  -webkit-box-flex: 3 !important;
  -webkit-flex-grow: 3 !important;
          flex-grow: 3 !important;
}
.NewsEntryAddCommentControls---comment_control_attachments {
  -webkit-box-flex: 5 !important;
  -webkit-flex-grow: 5 !important;
          flex-grow: 5 !important;
}
.NewsEntryAddCommentControls---comment_controls {
  width: 100% !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -ms-flex-wrap: nowrap !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: row nowrap !important;
          flex-flow: row nowrap !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
          justify-content: flex-start !important;
  -webkit-align-content: stretch !important;
          align-content: stretch !important;
  margin-bottom: 0 !important;
  /* parallels field layout */
  -webkit-align-items: flex-start !important;
  -webkit-box-align: start !important;
          align-items: flex-start !important;
  padding-top: 0.4286rem !important;
}
.NewsEntryAddCommentControls---comment_box.NewsEntryAddCommentControls---collapsed {
  min-height: 0 !important;
  height: 2.4286rem !important;
  resize: none !important;
}
.NewsEntryAddCommentControls---comment_box.NewsEntryAddCommentControls---expanded,
.NewsEntryAddCommentControls---comment_box_print.NewsEntryAddCommentControls---expanded {
  min-height: 4.1rem !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.NewsEntryAddCommentControls---comment_box::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.NewsEntryAddCommentControls---comment_box::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.NewsEntryAddCommentControls---comment_box:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.appian-context-browser-safari .NewsEntryAddCommentControls---comment_box:placeholder-shown {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.NewsEntryAddCommentControls---comment_box_print {
  display: none !important;
}
.NewsEntryAddCommentControls---comment_box_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
@media print {
  .NewsEntryAddCommentControls---comment_box_print {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    white-space: pre-wrap !important;
    overflow: visible !important;
  }
  .NewsEntryAddCommentControls---comment_box {
    display: none !important;
  }
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.NewsEntryHeaderWidget---svg {
  height: 1em !important;
  width: 1em !important;
  vertical-align: -0.15em !important;
  fill: currentColor !important;
}
.NewsEntryHeaderWidget---feed_entry_header {
  margin: 0.3571rem 0 1rem !important;
}
.NewsEntryHeaderWidget---feed_entry_header .NewsEntryHeaderWidget---header_text,
.NewsEntryHeaderWidget---feed_entry_header .NewsEntryHeaderWidget---header_icon {
  padding-top: 0.7857rem !important;
}
.NewsEntryHeaderWidget---side_by_side {
  width: 100% !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: row nowrap !important;
          flex-flow: row nowrap !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
          justify-content: flex-start !important;
  -webkit-align-content: stretch !important;
          align-content: stretch !important;
  margin-bottom: 0.7143rem !important;
}
.NewsEntryHeaderWidget---side_by_side:last-of-type {
  margin-bottom: 0 !important;
}
.NewsEntryHeaderWidget---side_by_side.NewsEntryHeaderWidget---middle {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.NewsEntryHeaderWidget---side_by_side > div {
  min-height: 10px !important;
  max-width: none !important;
  min-width: 0 !important;
  /* allows children to shrink below min content width on FF */
}
.NewsEntryHeaderWidget---side_by_side > div:not(:last-child) {
  padding-right: 0.7143rem !important;
}
.NewsEntryHeaderWidget---flex_item {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 0% !important;
          flex: 1 1 0% !important;
  /* flex basis must have unit for IE11 */
}
.NewsEntryHeaderWidget---flex_item.NewsEntryHeaderWidget---minimize {
  -webkit-flex-basis: auto !important;
          flex-basis: auto !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
          flex-grow: 0 !important;
}
.NewsEntryHeaderWidget---secondary {
  color: var(--appian-secondary-text-color, #767676) !important;
  font-weight: 300 !important;
}
.NewsEntryHeaderWidget---small {
  font-size: 0.8571rem !important;
}
.NewsEntryHeaderWidget---security_icon,
.NewsEntryHeaderWidget---action_icon {
  color: var(--appian-secondary-text-color, #767676) !important;
}
.NewsEntryHeaderWidget---security_icon {
  font-size: 0.8571rem !important;
  outline: none !important;
  cursor: default !important;
}
.NewsEntryHeaderWidget---security_icon.NewsEntryHeaderWidget---linked_icon {
  cursor: pointer !important;
}
.NewsEntryHeaderWidget---action_icon {
  font-size: 1.214rem !important;
}
a:hover > .NewsEntryHeaderWidget---security_icon,
a:focus:not(.appian-context-ux-mouse-focus) > .NewsEntryHeaderWidget---security_icon,
a:hover > .NewsEntryHeaderWidget---action_icon,
a:focus:not(.appian-context-ux-mouse-focus) > .NewsEntryHeaderWidget---action_icon {
  color: #1d659c !important;
}
.NewsEntryHeaderWidget---biz_event_indicator {
  font-size: 0.7857rem !important;
  vertical-align: 0.0714rem !important;
  margin-left: 6px !important;
  color: var(--appian-secondary-text-color, #767676) !important;
  outline: none !important;
  cursor: default !important;
}
.NewsEntryHeaderWidget---biz_event_tooltip {
  font-size: 0.7857rem !important;
  display: block !important;
}
.NewsEntryHeaderWidget---participant_tooltip {
  font-size: 0.7857rem !important;
  display: block !important;
  white-space: pre-wrap !important;
}
.NewsEntryHeaderWidget---divider:before {
  margin: 0 4px 0 6px !important;
  content: "\2022" !important;
}
.NewsEntryHeaderWidget---kudos_tag {
  background-color: #ff6000 !important;
  color: #fff !important;
  font-size: 0.8571rem !important;
  line-height: 1 !important;
  padding: 1px 4px !important;
  vertical-align: 1px !important;
  margin-right: 4px !important;
}

.NewsEntryIconWidget---feed_entry_icon_container {
  width: 60px !important;
  height: 60px !important;
  text-align: center !important;
}
.NewsEntryIconWidget---feed_entry_icon_container > .NewsEntryIconWidget---feed_entry_icon_inner {
  position: relative !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.NewsEntryImageGroup---default_direction.NewsEntryImageGroup---align_start {
  text-align: left !important;
}
.NewsEntryImageGroup---default_direction.NewsEntryImageGroup---align_end {
  text-align: right !important;
}
.NewsEntryImageGroup---default_direction.NewsEntryImageGroup---center {
  text-align: center !important;
}
.NewsEntryImageGroup---default_direction.NewsEntryImageGroup---image_gallery {
  font-size: 0 !important;
  overflow: hidden !important;
}
.NewsEntryImageGroup---default_direction.NewsEntryImageGroup---image_gallery img,
.NewsEntryImageGroup---default_direction.NewsEntryImageGroup---image_gallery a {
  vertical-align: middle !important;
}
.NewsEntryImageGroup---default_direction.NewsEntryImageGroup---image_gallery.NewsEntryImageGroup---align_start > img,
.NewsEntryImageGroup---default_direction.NewsEntryImageGroup---image_gallery.NewsEntryImageGroup---align_start > a {
  margin: 0 4px 4px 0 !important;
}
.NewsEntryImageGroup---default_direction.NewsEntryImageGroup---image_gallery.NewsEntryImageGroup---align_end > img,
.NewsEntryImageGroup---default_direction.NewsEntryImageGroup---image_gallery.NewsEntryImageGroup---align_end > a {
  margin: 0 0 4px 4px !important;
}
.NewsEntryImageGroup---default_direction.NewsEntryImageGroup---image_gallery.NewsEntryImageGroup---center > img,
.NewsEntryImageGroup---default_direction.NewsEntryImageGroup---image_gallery.NewsEntryImageGroup---center > a {
  margin: 0 2px 4px 2px !important;
}
.NewsEntryImageGroup---default_direction.NewsEntryImageGroup---image_gallery > img:only-child,
.NewsEntryImageGroup---default_direction.NewsEntryImageGroup---image_gallery > a:only-child {
  margin: 0 !important;
}
.NewsEntryImageGroup---default_direction.NewsEntryImageGroup---image_gallery > div:not(:last-child) {
  margin-bottom: 0.2143rem !important;
}
/* rtl:begin:ignore */
.NewsEntryImageGroup---force_ltr {
  direction: ltr !important;
}
.NewsEntryImageGroup---force_ltr.NewsEntryImageGroup---align_start {
  text-align: left !important;
}
.NewsEntryImageGroup---force_ltr.NewsEntryImageGroup---align_end {
  text-align: right !important;
}
.NewsEntryImageGroup---force_ltr.NewsEntryImageGroup---center {
  text-align: center !important;
}
.NewsEntryImageGroup---force_ltr.NewsEntryImageGroup---image_gallery {
  font-size: 0 !important;
  overflow: hidden !important;
}
.NewsEntryImageGroup---force_ltr.NewsEntryImageGroup---image_gallery img,
.NewsEntryImageGroup---force_ltr.NewsEntryImageGroup---image_gallery a {
  vertical-align: middle !important;
}
.NewsEntryImageGroup---force_ltr.NewsEntryImageGroup---image_gallery.NewsEntryImageGroup---align_start > img,
.NewsEntryImageGroup---force_ltr.NewsEntryImageGroup---image_gallery.NewsEntryImageGroup---align_start > a {
  margin: 0 4px 4px 0 !important;
}
.NewsEntryImageGroup---force_ltr.NewsEntryImageGroup---image_gallery.NewsEntryImageGroup---align_end > img,
.NewsEntryImageGroup---force_ltr.NewsEntryImageGroup---image_gallery.NewsEntryImageGroup---align_end > a {
  margin: 0 0 4px 4px !important;
}
.NewsEntryImageGroup---force_ltr.NewsEntryImageGroup---image_gallery.NewsEntryImageGroup---center > img,
.NewsEntryImageGroup---force_ltr.NewsEntryImageGroup---image_gallery.NewsEntryImageGroup---center > a {
  margin: 0 2px 4px 2px !important;
}
.NewsEntryImageGroup---force_ltr.NewsEntryImageGroup---image_gallery > img:only-child,
.NewsEntryImageGroup---force_ltr.NewsEntryImageGroup---image_gallery > a:only-child {
  margin: 0 !important;
}
.NewsEntryImageGroup---force_ltr.NewsEntryImageGroup---image_gallery > div:not(:last-child) {
  margin-bottom: 0.2143rem !important;
}
/* rtl:end:ignore */
.NewsEntryImageGroup---feed_entry_image_row > a:not(:last-child) {
  margin-right: 0.2143rem !important;
}
.NewsEntryImageGroup---feed_entry_image_row:last-child {
  overflow: hidden !important;
  white-space: nowrap !important;
  position: relative !important;
  word-wrap: normal !important;
}
.NewsEntryImageGroup---feed_entry_image_row_fade {
  position: relative !important;
}
.NewsEntryImageGroup---feed_entry_image_row_fade:after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 40px !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(100%, #ffffff)) !important;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 50%, #ffffff 100%) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 50%, #ffffff 100%) !important;
  pointer-events: none !important;
}
.NewsEntryImageGroup---feed_entry_main_image {
  position: static !important;
  white-space: nowrap !important;
  word-wrap: normal !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.NewsEntryLayout---feed_entry {
  margin-bottom: 1rem !important;
  max-width: 700px !important;
}
.NewsEntryLayout---feed_entry_contents,
.NewsEntryLayout---feed_entry_comments {
  border: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
  background-color: #fff !important;
}
.NewsEntryLayout---feed_entry > .NewsEntryLayout---feed_entry_comments {
  border-top: none !important;
  margin: 0 10px !important;
}
.NewsEntryLayout---feed_entry_contents {
  padding: 0.5714rem 0.8571rem !important;
  margin: 0 !important;
}
.NewsEntryLayout---feed_entry_images {
  margin: 0 !important;
}
.NewsEntryLayout---feed_entry_primary_content {
  padding-bottom: 1.1429rem !important;
}
.NewsEntryLayout---feed_entry_secondary_content > div:not(:last-child):not(.NewsEntryLayout---feed_entry_moreInfo) {
  margin-bottom: 0.5714rem !important;
}
.NewsEntryLayout---feed_entry_moreInfo {
  margin-bottom: 8px !important;
}
/* needed for correct spacing in between file attachment cards */
.NewsEntryLayout---feed_entry_attachment_container,
.NewsEntryLayout---feed_entry_attachment_container > * > a {
  font-size: 0 !important;
}
.NewsEntryLayout---feed_entry_image_row:not(:last-child) {
  margin-bottom: 0.2143rem !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* intentionally hard-coded */
/* intentionally hard-coded */
/* intentionally hard-coded */
.NewsEntryRecordTagLayout---feed_entry_tags {
  margin-bottom: 8px !important;
  font-size: 0 !important;
  min-height: 16px !important;
}
.NewsEntryRecordTagLayout---feed_entry_tags .NewsEntryRecordTagLayout---entry_tag {
  display: inline-block !important;
  vertical-align: middle !important;
  margin-bottom: 1px !important;
  margin-top: 1px !important;
}
.NewsEntryRecordTagLayout---feed_entry_tags .NewsEntryRecordTagLayout---entry_tag:not(:last-child) {
  margin-right: 6px !important;
}
.NewsEntryRecordTagLayout---feed_entry_tags .NewsEntryRecordTagLayout---entry_tag > a {
  color: #555 !important;
  background-color: #fafafa !important;
  font-size: 0.7143rem !important;
  text-transform: uppercase !important;
  border: 1px solid #ccc !important;
  padding: 0 2px !important;
  max-width: 300px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: inline-block !important;
  cursor: pointer !important;
}
.NewsEntryRecordTagLayout---feed_entry_tags .NewsEntryRecordTagLayout---entry_tag > a:hover,
.NewsEntryRecordTagLayout---feed_entry_tags .NewsEntryRecordTagLayout---entry_tag > a:focus:not(.appian-context-ux-mouse-focus) {
  color: #fff !important;
  background-color: #1d659c !important;
  border-color: #1d659c !important;
  text-decoration: none !important;
}
.NewsEntryRecordTagLayout---feed_entry_tags .NewsEntryRecordTagLayout---entry_tag.NewsEntryRecordTagLayout---show_more > a {
  color: #1d659c !important;
  background-color: transparent !important;
  border: none !important;
}
.NewsEntryRecordTagLayout---feed_entry_tags .NewsEntryRecordTagLayout---entry_tag.NewsEntryRecordTagLayout---show_more > a:hover,
.NewsEntryRecordTagLayout---feed_entry_tags .NewsEntryRecordTagLayout---entry_tag.NewsEntryRecordTagLayout---show_more > a:focus:not(.appian-context-ux-mouse-focus) {
  color: #1d659c !important;
  background-color: transparent !important;
  border: none !important;
  text-decoration: underline !important;
}

p.NewsEntryText---feed_entry_body {
  font-size: 1.0714rem !important;
  line-height: 22px !important;
  color: #222 !important;
  white-space: pre-wrap !important;
  min-height: 1.4rem !important;
  margin: 0 0 12px !important;
  word-wrap: break-word !important;
  text-align: left !important;
}
.NewsEntryText---feed_entry_comment {
  margin-bottom: 0.2143rem !important;
}
.NewsEntryText---feed_entry_comment_text {
  white-space: pre-wrap !important;
}
p.NewsEntryText---feed_entry_hazard_text {
  color: #de0037 !important;
  white-space: pre-wrap !important;
}

/* AN-79558: For some reason, the quoted font families are not processed the same way in LESS when they're used inside a
  detached ruleset (@shared-input-styles, here), and our theming extractor ends up not picking them. Moving the font-family
  declaration out of it addresses this. */
.NumberRangeWidget---text,
.NumberRangeWidget---password,
.NumberRangeWidget---textarea,
.NumberRangeWidget---textarea_print,
.NumberRangeWidget---dropdown_value,
.NumberRangeWidget---picker_value,
.NumberRangeWidget---date_range_value {
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
}
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.NumberRangeWidget---wrapper {
  position: static !important;
}
.NumberRangeWidget---tether_dropdown,
.NumberRangeWidget---date_picker2__menu {
  z-index: 2000020 !important;
}
.NumberRangeWidget---dropdown {
  min-width: 3.2142rem !important;
  /* needed so dropdown icon doesn't overlap text when very narrow (AN-77265) */
}
.appian-context-browser-firefox .NumberRangeWidget---dropdown:not(.NumberRangeWidget---multi) {
  min-width: 4.0714rem !important;
}
.NumberRangeWidget---dropdown .NumberRangeWidget---dropdown_value {
  padding-right: 1.5714rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  cursor: default !important;
}
.NumberRangeWidget---dropdown .NumberRangeWidget---preview_interface_locale_dropdown_value {
  padding-right: 1.5714rem !important;
  padding-left: 0.5714rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  cursor: default !important;
  line-height: 2.06rem !important;
  font-size: 1rem !important;
}
ul.NumberRangeWidget---dropdown_list.NumberRangeWidget---no_top_border {
  border-top-width: 0 !important;
}
.NumberRangeWidget---dropdown.NumberRangeWidget---time_picker .NumberRangeWidget---dropdown_value {
  cursor: text !important;
  padding-right: 0.5714rem !important;
  text-overflow: clip !important;
  /* needed for consistency so both date and time inputs truncate text without ellipsis */
}
.NumberRangeWidget---dropdown.NumberRangeWidget---time_picker .NumberRangeWidget---dropdown_value.NumberRangeWidget---is_disabled {
  cursor: default !important;
}
.NumberRangeWidget---dropdown .NumberRangeWidget---dropdown_caret,
.NumberRangeWidget---date_picker2__control .NumberRangeWidget---dropdown_caret {
  display: inline-block !important;
  width: 1rem !important;
  height: 1rem !important;
  position: absolute !important;
  right: 0.3rem !important;
  top: calc(50% - 0.5rem) !important;
  fill: var(--appian-text-color, #222) !important;
}
.NumberRangeWidget---dropdown .NumberRangeWidget---dropdown_value.NumberRangeWidget---is_disabled .NumberRangeWidget---dropdown_caret {
  fill: var(--appian-disabled-text-color, #777) !important;
}
.NumberRangeWidget---dropdown_list li,
.NumberRangeWidget---date_picker2__option {
  padding: 0.3571rem 0.5714rem 0.3571rem 0 !important;
  text-indent: 0.5714rem !important;
  /* needed so italicised text (placeholder) doesn't appear cut off */
}
/* placeholder for single-select dropdown */
/* repeated class name is a specificity hack to work around listbox color styling */
.NumberRangeWidget---dropdown_value.NumberRangeWidget---placeholder,
.NumberRangeWidget---dropdown_list.NumberRangeWidget---dropdown_list li.NumberRangeWidget---placeholder > div {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.NumberRangeWidget---dropdown_list li[aria-selected="true"].NumberRangeWidget---placeholder > div {
  color: #fff !important;
}
/* placeholder for multi-select dropdown */
.NumberRangeWidget---dropdown_value .NumberRangeWidget---value_display:empty:before {
  content: attr(data-placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.NumberRangeWidget---dropdown_value.NumberRangeWidget---has_inline_label .NumberRangeWidget---value_display:empty:before {
  display: inline !important;
}
/* repeated class name is a specificity hack to work around listbox max-height styling */
.NumberRangeWidget---dropdown_list.NumberRangeWidget---dropdown_list {
  max-height: 24.2857rem !important;
  /* displays 11 items + partial item */
}
.NumberRangeWidget---dropdown_list li[aria-selected="true"],
.NumberRangeWidget---dropdown_list li[aria-selected="true"]:before,
.NumberRangeWidget---dropdown_list li[aria-selected="true"] > div,
.NumberRangeWidget---date_picker2__menu .NumberRangeWidget---date_picker2__option.NumberRangeWidget---date_picker2__option--is-selected {
  background-color: #1d659c !important;
  color: #fff !important;
}
.NumberRangeWidget---search_box_wrapper {
  background-color: var(--appian-pop-up-menu-color, #fff) !important;
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-top-left-radius: 0rem !important;
  border-top-right-radius: 0rem !important;
  font-size: 0 !important;
  padding: 3px !important;
}
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.NumberRangeWidget---align_start {
  text-align: left !important;
}
.NumberRangeWidget---align_end {
  text-align: right !important;
}
.NumberRangeWidget---center {
  text-align: center !important;
}
.NumberRangeWidget---text::-ms-clear,
.NumberRangeWidget---picker_input::-ms-clear {
  display: none !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.NumberRangeWidget---text::-webkit-input-placeholder,
.NumberRangeWidget---password::-webkit-input-placeholder,
.NumberRangeWidget---picker_input::-webkit-input-placeholder,
.NumberRangeWidget---dropdown_value::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-style: italic !important;
  font-weight: 400 !important;
}
.NumberRangeWidget---text::-moz-placeholder,
.NumberRangeWidget---password::-moz-placeholder,
.NumberRangeWidget---picker_input::-moz-placeholder,
.NumberRangeWidget---dropdown_value::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.NumberRangeWidget---text:-ms-input-placeholder,
.NumberRangeWidget---password:-ms-input-placeholder,
.NumberRangeWidget---picker_input:-ms-input-placeholder,
.NumberRangeWidget---dropdown_value:-ms-input-placeholder,
.NumberRangeWidget---dropdown_value:disabled:-ms-input-placeholder,
.NumberRangeWidget---text:disabled:-ms-input-placeholder,
.NumberRangeWidget---password:disabled:-ms-input-placeholder,
.NumberRangeWidget---picker_input:disabled:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.NumberRangeWidget---textarea_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.NumberRangeWidget---text.NumberRangeWidget---has_clear_link,
.NumberRangeWidget---password.NumberRangeWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.NumberRangeWidget---text,
.NumberRangeWidget---password,
.NumberRangeWidget---textarea,
.NumberRangeWidget---textarea_print,
.NumberRangeWidget---dropdown_value,
.NumberRangeWidget---picker_value,
.NumberRangeWidget---date_range_value,
.NumberRangeWidget---date_picker2__control {
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  /* needs extra decimals for correct alignment in some browsers */
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  width: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
}
.NumberRangeWidget---text.NumberRangeWidget---inDarkBackground,
.NumberRangeWidget---password.NumberRangeWidget---inDarkBackground,
.NumberRangeWidget---textarea.NumberRangeWidget---inDarkBackground,
.NumberRangeWidget---textarea_print.NumberRangeWidget---inDarkBackground,
.NumberRangeWidget---dropdown_value.NumberRangeWidget---inDarkBackground,
.NumberRangeWidget---picker_value.NumberRangeWidget---inDarkBackground,
.NumberRangeWidget---date_range_value.NumberRangeWidget---inDarkBackground,
.NumberRangeWidget---date_picker2__control.NumberRangeWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.NumberRangeWidget---dropdown,
.NumberRangeWidget---picker {
  position: relative !important;
  font-size: 1rem !important;
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}
.NumberRangeWidget---dropdown_value,
.NumberRangeWidget---picker_value {
  min-height: 2.4286rem !important;
}
.appian-context-browser-safari .NumberRangeWidget---text,
.appian-context-browser-safari .NumberRangeWidget---textarea {
  margin: 0 !important;
  /* needed to prevent 2px margin-top & margin-bottom on Safari */
}
.appian-context-os-ios .NumberRangeWidget---text,
.appian-context-os-ios .NumberRangeWidget---password,
.appian-context-os-ios .NumberRangeWidget---textarea,
.appian-context-os-ios .NumberRangeWidget---textarea_print,
.appian-context-os-ios .NumberRangeWidget---dropdown_value,
.appian-context-os-ios .NumberRangeWidget---picker_value {
  font-family: -apple-system !important;
}
.appian-context-os-android .NumberRangeWidget---text,
.appian-context-os-android .NumberRangeWidget---password,
.appian-context-os-android .NumberRangeWidget---textarea,
.appian-context-os-android .NumberRangeWidget---textarea_print,
.appian-context-os-android .NumberRangeWidget---dropdown_value,
.appian-context-os-android .NumberRangeWidget---picker_value {
  font-family: "Roboto" !important;
}
.NumberRangeWidget---text.NumberRangeWidget---width_narrow,
.NumberRangeWidget---password.NumberRangeWidget---width_narrow,
.NumberRangeWidget---textarea.NumberRangeWidget---width_narrow,
.NumberRangeWidget---textarea_print.NumberRangeWidget---width_narrow,
.NumberRangeWidget---dropdown.NumberRangeWidget---width_narrow,
.NumberRangeWidget---picker.NumberRangeWidget---width_narrow {
  max-width: 160px !important;
}
.NumberRangeWidget---text.NumberRangeWidget---width_medium,
.NumberRangeWidget---password.NumberRangeWidget---width_medium,
.NumberRangeWidget---textarea.NumberRangeWidget---width_medium,
.NumberRangeWidget---textarea_print.NumberRangeWidget---width_medium,
.NumberRangeWidget---dropdown.NumberRangeWidget---width_medium,
.NumberRangeWidget---picker.NumberRangeWidget---width_medium {
  max-width: 320px !important;
}
.NumberRangeWidget---text:focus,
.NumberRangeWidget---password:focus,
.NumberRangeWidget---textarea:focus,
.NumberRangeWidget---dropdown_value:focus,
.NumberRangeWidget---dropdown_value.NumberRangeWidget---focus,
.NumberRangeWidget---picker_value:focus,
.NumberRangeWidget---picker_value.NumberRangeWidget---focus,
.NumberRangeWidget---date_picker2__control.NumberRangeWidget---date_picker2__control--is-focused {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.NumberRangeWidget---text:disabled,
.NumberRangeWidget---password:disabled,
.NumberRangeWidget---textarea:disabled,
.NumberRangeWidget---textarea.NumberRangeWidget---is_disabled,
.NumberRangeWidget---dropdown_value.NumberRangeWidget---is_disabled,
.NumberRangeWidget---picker_value.NumberRangeWidget---is_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  /* needed to prevent dropdown & picker from getting focus styling on click on IE */
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.NumberRangeWidget---text:disabled,
.NumberRangeWidget---password:disabled,
.NumberRangeWidget---textarea:disabled,
.NumberRangeWidget---textarea.NumberRangeWidget---is_disabled,
.NumberRangeWidget---dropdown_value.NumberRangeWidget---is_disabled:after,
.NumberRangeWidget---dropdown_value.NumberRangeWidget---is_disabled:not(.NumberRangeWidget---placeholder) {
  color: var(--appian-disabled-text-color, #777) !important;
  -webkit-text-fill-color: var(--appian-disabled-text-color, #777) !important;
  /* needed so disabled text color is correct in Safari */
}
.NumberRangeWidget---picker_value.NumberRangeWidget---is_disabled {
  cursor: default !important;
  /* needed to prevent text cursor */
}
.NumberRangeWidget---text[aria-invalid="true"]:not(.NumberRangeWidget---inEditableGridLayout),
.NumberRangeWidget---password[aria-invalid="true"]:not(.NumberRangeWidget---inEditableGridLayout),
.NumberRangeWidget---textarea[aria-invalid="true"]:not(.NumberRangeWidget---inEditableGridLayout),
.NumberRangeWidget---dropdown_value[aria-invalid="true"]:not(.NumberRangeWidget---inEditableGridLayout),
.NumberRangeWidget---picker_value.NumberRangeWidget---invalid:not(.NumberRangeWidget---inEditableGridLayout) {
  border-color: #de0037 !important;
}
.NumberRangeWidget---text[aria-invalid="true"]:not(.NumberRangeWidget---inEditableGridLayout).NumberRangeWidget---inDarkBackground,
.NumberRangeWidget---password[aria-invalid="true"]:not(.NumberRangeWidget---inEditableGridLayout).NumberRangeWidget---inDarkBackground,
.NumberRangeWidget---textarea[aria-invalid="true"]:not(.NumberRangeWidget---inEditableGridLayout).NumberRangeWidget---inDarkBackground,
.NumberRangeWidget---dropdown_value[aria-invalid="true"]:not(.NumberRangeWidget---inEditableGridLayout).NumberRangeWidget---inDarkBackground,
.NumberRangeWidget---picker_value.NumberRangeWidget---invalid:not(.NumberRangeWidget---inEditableGridLayout).NumberRangeWidget---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.NumberRangeWidget---text[aria-invalid="true"]:not(.NumberRangeWidget---inEditableGridLayout):focus,
.NumberRangeWidget---password[aria-invalid="true"]:not(.NumberRangeWidget---inEditableGridLayout):focus,
.NumberRangeWidget---textarea[aria-invalid="true"]:not(.NumberRangeWidget---inEditableGridLayout):focus,
.NumberRangeWidget---dropdown_value[aria-invalid="true"]:not(.NumberRangeWidget---inEditableGridLayout):focus,
.NumberRangeWidget---picker_value.NumberRangeWidget---invalid:not(.NumberRangeWidget---inEditableGridLayout):focus,
.NumberRangeWidget---picker_value.NumberRangeWidget---invalid:not(.NumberRangeWidget---inEditableGridLayout).NumberRangeWidget---focus {
  border-color: #1d659c !important;
}
.NumberRangeWidget---picker_value.NumberRangeWidget---invalid:not(.NumberRangeWidget---inEditableGridLayout),
.NumberRangeWidget---picker_value.NumberRangeWidget---invalid:not(.NumberRangeWidget---inEditableGridLayout):focus,
.NumberRangeWidget---picker_value.NumberRangeWidget---invalid:not(.NumberRangeWidget---inEditableGridLayout).NumberRangeWidget---focus {
  z-index: 2 !important;
}
.NumberRangeWidget---text[aria-invalid="true"].NumberRangeWidget---inEditableGridLayout.NumberRangeWidget---inSideBySideItem,
.NumberRangeWidget---text[aria-invalid="true"].NumberRangeWidget---inEditableGridLayout.NumberRangeWidget---inSideBySideItem:focus,
.NumberRangeWidget---password[aria-invalid="true"].NumberRangeWidget---inEditableGridLayout.NumberRangeWidget---inSideBySideItem,
.NumberRangeWidget---password[aria-invalid="true"].NumberRangeWidget---inEditableGridLayout.NumberRangeWidget---inSideBySideItem:focus,
.NumberRangeWidget---dropdown_value[aria-invalid="true"].NumberRangeWidget---inEditableGridLayout.NumberRangeWidget---inSideBySideItem,
.NumberRangeWidget---dropdown_value[aria-invalid="true"].NumberRangeWidget---inEditableGridLayout.NumberRangeWidget---inSideBySideItem:focus,
.NumberRangeWidget---picker_value.NumberRangeWidget---invalid.NumberRangeWidget---inEditableGridLayout.NumberRangeWidget---inSideBySideItem,
.NumberRangeWidget---picker_value.NumberRangeWidget---invalid.NumberRangeWidget---inEditableGridLayout.NumberRangeWidget---inSideBySideItem:focus,
.NumberRangeWidget---picker_value.NumberRangeWidget---invalid.NumberRangeWidget---inEditableGridLayout.NumberRangeWidget---inSideBySideItem.NumberRangeWidget---focus {
  border: 1px solid transparent !important;
}
.NumberRangeWidget---invalidInSideBySide,
.NumberRangeWidget---invalidInSideBySide:focus {
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.NumberRangeWidget---invalidInSideBySide.NumberRangeWidget---inDarkBackground,
.NumberRangeWidget---invalidInSideBySide:focus.NumberRangeWidget---inDarkBackground {
  border-left-color: var(--appian-input-border-color, #ddd) !important;
  border-right-color: var(--appian-input-border-color, #ddd) !important;
}
.NumberRangeWidget---textarea[aria-invalid="true"].NumberRangeWidget---inEditableGridLayout.NumberRangeWidget---inSideBySideItem,
.NumberRangeWidget---textarea[aria-invalid="true"].NumberRangeWidget---inEditableGridLayout.NumberRangeWidget---inSideBySideItem:focus {
  border-color: #de0037 !important;
}
.NumberRangeWidget---textarea[aria-invalid="true"].NumberRangeWidget---inEditableGridLayout.NumberRangeWidget---inSideBySideItem.NumberRangeWidget---inDarkBackground,
.NumberRangeWidget---textarea[aria-invalid="true"].NumberRangeWidget---inEditableGridLayout.NumberRangeWidget---inSideBySideItem.NumberRangeWidget---inDarkBackground:focus {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.NumberRangeWidget---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.NumberRangeWidget---show_data_icon .NumberRangeWidget---text,
.NumberRangeWidget---show_data_icon .NumberRangeWidget---password,
.NumberRangeWidget---show_data_icon .NumberRangeWidget---textarea,
.NumberRangeWidget---show_data_icon .NumberRangeWidget---dropdown_value {
  padding-left: 1.7857rem !important;
}
.NumberRangeWidget---text.NumberRangeWidget---has_clear_link,
.NumberRangeWidget---password.NumberRangeWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.NumberRangeWidget---character_count {
  position: absolute !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 300 !important;
  right: 0 !important;
  bottom: 0 !important;
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  pointer-events: none !important;
}
.NumberRangeWidget---character_count.NumberRangeWidget---over_limit:not(.NumberRangeWidget---inDarkBackground) {
  color: #de0037 !important;
  fill: #de0037 !important;
}
.NumberRangeWidget---character_count.NumberRangeWidget---over_limit.NumberRangeWidget---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.NumberRangeWidget---character_count .NumberRangeWidget---icon_container {
  outline: none !important;
  margin-right: 3px !important;
  margin-bottom: -2px !important;
}
.NumberRangeWidget---character_count .NumberRangeWidget---icon_container > svg {
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
.NumberRangeWidget---character_count_overlay {
  background-color: var(--appian-input-background-color-faded, #fffd) !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 0.7143rem 0.5714rem 0 !important;
  z-index: 3 !important;
}
.appian-context-os-windows .NumberRangeWidget---character_count_overlay {
  margin: 0 1.2857rem 0.5714rem 0 !important;
}
.NumberRangeWidget---textarea:disabled + .NumberRangeWidget---character_count_overlay,
.NumberRangeWidget---character_count_overlay_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.NumberRangeWidget---data_icon {
  position: absolute !important;
  top: 0.7143rem !important;
  left: 0.5714rem !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  fill: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
a.NumberRangeWidget---input_clear_link {
  border: none !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.NumberRangeWidget---input_icon_wrapper > a.NumberRangeWidget---input_clear_link {
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.9286rem !important;
}
.appian-context-browser-edge .NumberRangeWidget---input_icon_wrapper > a.NumberRangeWidget---input_clear_link {
  top: 0.5rem !important;
}
.NumberRangeWidget---dropdown_value a.NumberRangeWidget---input_clear_link {
  position: absolute !important;
  right: 1.4286rem !important;
  top: 0.5714rem !important;
}
.appian-context-os-mac.appian-context-browser-chrome .NumberRangeWidget---dropdown_value a.NumberRangeWidget---input_clear_link {
  top: 0.5rem !important;
}
a.NumberRangeWidget---input_clear_link:hover,
a.NumberRangeWidget---input_clear_link:focus:not([data-appian-ux-mouse-focus]) {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.NumberRangeWidget---dropdown .NumberRangeWidget---dropdown_value.NumberRangeWidget---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.NumberRangeWidget---dropdown_value.NumberRangeWidget---has_inline_label span.NumberRangeWidget---inline_label,
.NumberRangeWidget---date_range_value.NumberRangeWidget---has_inline_label span.NumberRangeWidget---inline_label {
  display: inline-block !important;
  max-width: 70% !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.7857rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.1429rem !important;
  vertical-align: -0.2143rem !important;
  margin-right: 0.5rem !important;
  padding-right: 0.5rem !important;
  border-right: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.NumberRangeWidget---dropdown_value.NumberRangeWidget---has_inline_label.NumberRangeWidget---inDarkBackground span.NumberRangeWidget---inline_label,
.NumberRangeWidget---date_range_value.NumberRangeWidget---has_inline_label.NumberRangeWidget---inDarkBackground span.NumberRangeWidget---inline_label {
  border-right-color: var(--appian-choice-border-color, #bbb) !important;
}
.appian-context-browser-safari .NumberRangeWidget---dropdown_value.NumberRangeWidget---has_inline_label span.NumberRangeWidget---inline_label,
.appian-context-browser-safari .NumberRangeWidget---date_range_value.NumberRangeWidget---has_inline_label span.NumberRangeWidget---inline_label {
  vertical-align: inherit !important;
}
.NumberRangeWidget---dropdown_value.NumberRangeWidget---has_inline_label.NumberRangeWidget---highlighted span.NumberRangeWidget---value_display,
.NumberRangeWidget---date_range_value.NumberRangeWidget---has_inline_label.NumberRangeWidget---highlighted span.NumberRangeWidget---value_display {
  font-weight: 700 !important;
}
.NumberRangeWidget---dropdown_value.NumberRangeWidget---has_inline_label a.NumberRangeWidget---input_clear_link,
.NumberRangeWidget---date_range_value.NumberRangeWidget---has_inline_label a.NumberRangeWidget---input_clear_link {
  display: none !important;
  position: absolute !important;
  right: 1.5714rem !important;
  top: 0.5714rem !important;
}
.NumberRangeWidget---dropdown_value.NumberRangeWidget---has_inline_label.NumberRangeWidget---highlighted a.NumberRangeWidget---input_clear_link,
.NumberRangeWidget---date_range_value.NumberRangeWidget---has_inline_label.NumberRangeWidget---highlighted a.NumberRangeWidget---input_clear_link {
  display: inline-block !important;
}
.NumberRangeWidget---date_range_value.NumberRangeWidget---has_inline_label.NumberRangeWidget---validation:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.NumberRangeWidget---date_range_value.NumberRangeWidget---has_inline_label.NumberRangeWidget---validation:before {
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.NumberRangeWidget---date_range_value.NumberRangeWidget---has_inline_label.NumberRangeWidget---validation.NumberRangeWidget---inDarkBackground:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.NumberRangeWidget---number_range_input.NumberRangeWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.NumberRangeWidget---date_range_value.NumberRangeWidget---has_inline_label.NumberRangeWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
}
.NumberRangeWidget---date_range_value.NumberRangeWidget---has_inline_label.NumberRangeWidget---validation.NumberRangeWidget---inDarkBackground:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.NumberRangeWidget---number_range_input.NumberRangeWidget---validation,
.NumberRangeWidget---date_range_value.NumberRangeWidget---has_inline_label.NumberRangeWidget---validation {
  position: relative !important;
  border-color: transparent !important;
}
.NumberRangeWidget---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .NumberRangeWidget---accessibilityhidden {
  font-size: 0 !important;
}
.NumberRangeWidget---container {
  position: relative !important;
}
a.NumberRangeWidget---input_clear_link i.NumberRangeWidget---fa-times-circle-svg {
  content: "" !important;
  display: inline-block !important;
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1277%201122q0-26-19-45l-181-181%20181-181q19-19%2019-45%200-27-19-46l-90-90q-19-19-46-19-26%200-45%2019l-181%20181-181-181q-19-19-45-19-27%200-46%2019l-90%2090q-19%2019-19%2046%200%2026%2019%2045l181%20181-181%20181q-19%2019-19%2045%200%2027%2019%2046l90%2090q19%2019%2046%2019%2026%200%2045-19l181-181%20181%20181q19%2019%2045%2019%2027%200%2046-19l90-90q19-19%2019-46zm387-226q0%20209-103%20385.5t-279.5%20279.5-385.5%20103-385.5-103-279.5-279.5-103-385.5%20103-385.5%20279.5-279.5%20385.5-103%20385.5%20103%20279.5%20279.5%20103%20385.5z%22/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 1rem 1rem !important;
  background-position: 50% 25% !important;
  width: 1rem !important;
  height: 1rem !important;
  position: static !important;
  vertical-align: middle !important;
  margin-top: -0.2143rem !important;
}
.appian-context-browser-edge a.NumberRangeWidget---input_clear_link i.NumberRangeWidget---fa-times-circle-svg {
  background-size: 2rem 2rem !important;
  width: 2rem !important;
  height: 2rem !important;
  -webkit-transform: scale(0.5) !important;
          transform: scale(0.5) !important;
  margin: -0.3571rem -0.3571rem 0 -0.5rem !important;
}
a.NumberRangeWidget---input_clear_link i.NumberRangeWidget---fa-times-circle-svg.NumberRangeWidget---secondary_clear_icon {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22var%28--appian-secondary-text-color,%20%23767676%29%22%3E%3Cpath%20d%3D%22M1277%201122q0-26-19-45l-181-181%20181-181q19-19%2019-45%200-27-19-46l-90-90q-19-19-46-19-26%200-45%2019l-181%20181-181-181q-19-19-45-19-27%200-46%2019l-90%2090q-19%2019-19%2046%200%2026%2019%2045l181%20181-181%20181q-19%2019-19%2045%200%2027%2019%2046l90%2090q19%2019%2046%2019%2026%200%2045-19l181-181%20181%20181q19%2019%2045%2019%2027%200%2046-19l90-90q19-19%2019-46zm387-226q0%20209-103%20385.5t-279.5%20279.5-385.5%20103-385.5-103-279.5-279.5-103-385.5%20103-385.5%20279.5-279.5%20385.5-103%20385.5%20103%20279.5%20279.5%20103%20385.5z%22/%3E%3C/svg%3E") !important;
}
.NumberRangeWidget---input_icon_wrapper.NumberRangeWidget---inComponentPaletteWidget .NumberRangeWidget---data_icon {
  top: 11px !important;
  left: 9px !important;
}
.NumberRangeWidget---input_icon_wrapper.NumberRangeWidget---inComponentPaletteWidget .NumberRangeWidget---input_clear_link {
  top: 8px !important;
  right: 9px !important;
}
.appian-context-browser-edge .NumberRangeWidget---input_icon_wrapper.NumberRangeWidget---inComponentPaletteWidget .NumberRangeWidget---input_clear_link {
  top: 9px !important;
}
.NumberRangeWidget---input_icon_wrapper.NumberRangeWidget---inComponentPaletteWidget .NumberRangeWidget---text.NumberRangeWidget---inComponentPaletteWidget {
  padding: 3px 20px 3px 20px !important;
  margin: 4px !important;
  width: calc(100% - 8px) !important;
}
.NumberRangeWidget---input_icon_wrapper.NumberRangeWidget---inOmnibox .NumberRangeWidget---input_clear_link {
  top: 0.7rem !important;
}
.NumberRangeWidget---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .NumberRangeWidget---accessibilityhidden {
  font-size: 0 !important;
}
.NumberRangeWidget---align_start {
  text-align: left !important;
}
.NumberRangeWidget---align_end {
  text-align: right !important;
}
.NumberRangeWidget---center {
  text-align: center !important;
}
.NumberRangeWidget---text::-ms-clear,
.NumberRangeWidget---picker_input::-ms-clear {
  display: none !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.NumberRangeWidget---text::-webkit-input-placeholder,
.NumberRangeWidget---password::-webkit-input-placeholder,
.NumberRangeWidget---picker_input::-webkit-input-placeholder,
.NumberRangeWidget---dropdown_value::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-style: italic !important;
  font-weight: 400 !important;
}
.NumberRangeWidget---text::-moz-placeholder,
.NumberRangeWidget---password::-moz-placeholder,
.NumberRangeWidget---picker_input::-moz-placeholder,
.NumberRangeWidget---dropdown_value::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.NumberRangeWidget---text:-ms-input-placeholder,
.NumberRangeWidget---password:-ms-input-placeholder,
.NumberRangeWidget---picker_input:-ms-input-placeholder,
.NumberRangeWidget---dropdown_value:-ms-input-placeholder,
.NumberRangeWidget---dropdown_value:disabled:-ms-input-placeholder,
.NumberRangeWidget---text:disabled:-ms-input-placeholder,
.NumberRangeWidget---password:disabled:-ms-input-placeholder,
.NumberRangeWidget---picker_input:disabled:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.NumberRangeWidget---textarea_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.NumberRangeWidget---text.NumberRangeWidget---has_clear_link,
.NumberRangeWidget---password.NumberRangeWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.NumberRangeWidget---text,
.NumberRangeWidget---password,
.NumberRangeWidget---textarea,
.NumberRangeWidget---textarea_print,
.NumberRangeWidget---dropdown_value,
.NumberRangeWidget---picker_value,
.NumberRangeWidget---date_range_value,
.NumberRangeWidget---date_picker2__control {
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  /* needs extra decimals for correct alignment in some browsers */
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  width: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
}
.NumberRangeWidget---text.NumberRangeWidget---inDarkBackground,
.NumberRangeWidget---password.NumberRangeWidget---inDarkBackground,
.NumberRangeWidget---textarea.NumberRangeWidget---inDarkBackground,
.NumberRangeWidget---textarea_print.NumberRangeWidget---inDarkBackground,
.NumberRangeWidget---dropdown_value.NumberRangeWidget---inDarkBackground,
.NumberRangeWidget---picker_value.NumberRangeWidget---inDarkBackground,
.NumberRangeWidget---date_range_value.NumberRangeWidget---inDarkBackground,
.NumberRangeWidget---date_picker2__control.NumberRangeWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.NumberRangeWidget---dropdown,
.NumberRangeWidget---picker {
  position: relative !important;
  font-size: 1rem !important;
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}
.NumberRangeWidget---dropdown_value,
.NumberRangeWidget---picker_value {
  min-height: 2.4286rem !important;
}
.appian-context-browser-safari .NumberRangeWidget---text,
.appian-context-browser-safari .NumberRangeWidget---textarea {
  margin: 0 !important;
  /* needed to prevent 2px margin-top & margin-bottom on Safari */
}
.appian-context-os-ios .NumberRangeWidget---text,
.appian-context-os-ios .NumberRangeWidget---password,
.appian-context-os-ios .NumberRangeWidget---textarea,
.appian-context-os-ios .NumberRangeWidget---textarea_print,
.appian-context-os-ios .NumberRangeWidget---dropdown_value,
.appian-context-os-ios .NumberRangeWidget---picker_value {
  font-family: -apple-system !important;
}
.appian-context-os-android .NumberRangeWidget---text,
.appian-context-os-android .NumberRangeWidget---password,
.appian-context-os-android .NumberRangeWidget---textarea,
.appian-context-os-android .NumberRangeWidget---textarea_print,
.appian-context-os-android .NumberRangeWidget---dropdown_value,
.appian-context-os-android .NumberRangeWidget---picker_value {
  font-family: "Roboto" !important;
}
.NumberRangeWidget---text.NumberRangeWidget---width_narrow,
.NumberRangeWidget---password.NumberRangeWidget---width_narrow,
.NumberRangeWidget---textarea.NumberRangeWidget---width_narrow,
.NumberRangeWidget---textarea_print.NumberRangeWidget---width_narrow,
.NumberRangeWidget---dropdown.NumberRangeWidget---width_narrow,
.NumberRangeWidget---picker.NumberRangeWidget---width_narrow {
  max-width: 160px !important;
}
.NumberRangeWidget---text.NumberRangeWidget---width_medium,
.NumberRangeWidget---password.NumberRangeWidget---width_medium,
.NumberRangeWidget---textarea.NumberRangeWidget---width_medium,
.NumberRangeWidget---textarea_print.NumberRangeWidget---width_medium,
.NumberRangeWidget---dropdown.NumberRangeWidget---width_medium,
.NumberRangeWidget---picker.NumberRangeWidget---width_medium {
  max-width: 320px !important;
}
.NumberRangeWidget---text:focus,
.NumberRangeWidget---password:focus,
.NumberRangeWidget---textarea:focus,
.NumberRangeWidget---dropdown_value:focus,
.NumberRangeWidget---dropdown_value.NumberRangeWidget---focus,
.NumberRangeWidget---picker_value:focus,
.NumberRangeWidget---picker_value.NumberRangeWidget---focus,
.NumberRangeWidget---date_picker2__control.NumberRangeWidget---date_picker2__control--is-focused {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.NumberRangeWidget---text:disabled,
.NumberRangeWidget---password:disabled,
.NumberRangeWidget---textarea:disabled,
.NumberRangeWidget---textarea.NumberRangeWidget---is_disabled,
.NumberRangeWidget---dropdown_value.NumberRangeWidget---is_disabled,
.NumberRangeWidget---picker_value.NumberRangeWidget---is_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  /* needed to prevent dropdown & picker from getting focus styling on click on IE */
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.NumberRangeWidget---text:disabled,
.NumberRangeWidget---password:disabled,
.NumberRangeWidget---textarea:disabled,
.NumberRangeWidget---textarea.NumberRangeWidget---is_disabled,
.NumberRangeWidget---dropdown_value.NumberRangeWidget---is_disabled:after,
.NumberRangeWidget---dropdown_value.NumberRangeWidget---is_disabled:not(.NumberRangeWidget---placeholder) {
  color: var(--appian-disabled-text-color, #777) !important;
  -webkit-text-fill-color: var(--appian-disabled-text-color, #777) !important;
  /* needed so disabled text color is correct in Safari */
}
.NumberRangeWidget---picker_value.NumberRangeWidget---is_disabled {
  cursor: default !important;
  /* needed to prevent text cursor */
}
.NumberRangeWidget---text[aria-invalid="true"]:not(.NumberRangeWidget---inEditableGridLayout),
.NumberRangeWidget---password[aria-invalid="true"]:not(.NumberRangeWidget---inEditableGridLayout),
.NumberRangeWidget---textarea[aria-invalid="true"]:not(.NumberRangeWidget---inEditableGridLayout),
.NumberRangeWidget---dropdown_value[aria-invalid="true"]:not(.NumberRangeWidget---inEditableGridLayout),
.NumberRangeWidget---picker_value.NumberRangeWidget---invalid:not(.NumberRangeWidget---inEditableGridLayout) {
  border-color: #de0037 !important;
}
.NumberRangeWidget---text[aria-invalid="true"]:not(.NumberRangeWidget---inEditableGridLayout).NumberRangeWidget---inDarkBackground,
.NumberRangeWidget---password[aria-invalid="true"]:not(.NumberRangeWidget---inEditableGridLayout).NumberRangeWidget---inDarkBackground,
.NumberRangeWidget---textarea[aria-invalid="true"]:not(.NumberRangeWidget---inEditableGridLayout).NumberRangeWidget---inDarkBackground,
.NumberRangeWidget---dropdown_value[aria-invalid="true"]:not(.NumberRangeWidget---inEditableGridLayout).NumberRangeWidget---inDarkBackground,
.NumberRangeWidget---picker_value.NumberRangeWidget---invalid:not(.NumberRangeWidget---inEditableGridLayout).NumberRangeWidget---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.NumberRangeWidget---text[aria-invalid="true"]:not(.NumberRangeWidget---inEditableGridLayout):focus,
.NumberRangeWidget---password[aria-invalid="true"]:not(.NumberRangeWidget---inEditableGridLayout):focus,
.NumberRangeWidget---textarea[aria-invalid="true"]:not(.NumberRangeWidget---inEditableGridLayout):focus,
.NumberRangeWidget---dropdown_value[aria-invalid="true"]:not(.NumberRangeWidget---inEditableGridLayout):focus,
.NumberRangeWidget---picker_value.NumberRangeWidget---invalid:not(.NumberRangeWidget---inEditableGridLayout):focus,
.NumberRangeWidget---picker_value.NumberRangeWidget---invalid:not(.NumberRangeWidget---inEditableGridLayout).NumberRangeWidget---focus {
  border-color: #1d659c !important;
}
.NumberRangeWidget---picker_value.NumberRangeWidget---invalid:not(.NumberRangeWidget---inEditableGridLayout),
.NumberRangeWidget---picker_value.NumberRangeWidget---invalid:not(.NumberRangeWidget---inEditableGridLayout):focus,
.NumberRangeWidget---picker_value.NumberRangeWidget---invalid:not(.NumberRangeWidget---inEditableGridLayout).NumberRangeWidget---focus {
  z-index: 2 !important;
}
.NumberRangeWidget---text[aria-invalid="true"].NumberRangeWidget---inEditableGridLayout.NumberRangeWidget---inSideBySideItem,
.NumberRangeWidget---text[aria-invalid="true"].NumberRangeWidget---inEditableGridLayout.NumberRangeWidget---inSideBySideItem:focus,
.NumberRangeWidget---password[aria-invalid="true"].NumberRangeWidget---inEditableGridLayout.NumberRangeWidget---inSideBySideItem,
.NumberRangeWidget---password[aria-invalid="true"].NumberRangeWidget---inEditableGridLayout.NumberRangeWidget---inSideBySideItem:focus,
.NumberRangeWidget---dropdown_value[aria-invalid="true"].NumberRangeWidget---inEditableGridLayout.NumberRangeWidget---inSideBySideItem,
.NumberRangeWidget---dropdown_value[aria-invalid="true"].NumberRangeWidget---inEditableGridLayout.NumberRangeWidget---inSideBySideItem:focus,
.NumberRangeWidget---picker_value.NumberRangeWidget---invalid.NumberRangeWidget---inEditableGridLayout.NumberRangeWidget---inSideBySideItem,
.NumberRangeWidget---picker_value.NumberRangeWidget---invalid.NumberRangeWidget---inEditableGridLayout.NumberRangeWidget---inSideBySideItem:focus,
.NumberRangeWidget---picker_value.NumberRangeWidget---invalid.NumberRangeWidget---inEditableGridLayout.NumberRangeWidget---inSideBySideItem.NumberRangeWidget---focus {
  border: 1px solid transparent !important;
}
.NumberRangeWidget---invalidInSideBySide,
.NumberRangeWidget---invalidInSideBySide:focus {
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.NumberRangeWidget---invalidInSideBySide.NumberRangeWidget---inDarkBackground,
.NumberRangeWidget---invalidInSideBySide:focus.NumberRangeWidget---inDarkBackground {
  border-left-color: var(--appian-input-border-color, #ddd) !important;
  border-right-color: var(--appian-input-border-color, #ddd) !important;
}
.NumberRangeWidget---textarea[aria-invalid="true"].NumberRangeWidget---inEditableGridLayout.NumberRangeWidget---inSideBySideItem,
.NumberRangeWidget---textarea[aria-invalid="true"].NumberRangeWidget---inEditableGridLayout.NumberRangeWidget---inSideBySideItem:focus {
  border-color: #de0037 !important;
}
.NumberRangeWidget---textarea[aria-invalid="true"].NumberRangeWidget---inEditableGridLayout.NumberRangeWidget---inSideBySideItem.NumberRangeWidget---inDarkBackground,
.NumberRangeWidget---textarea[aria-invalid="true"].NumberRangeWidget---inEditableGridLayout.NumberRangeWidget---inSideBySideItem.NumberRangeWidget---inDarkBackground:focus {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.NumberRangeWidget---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.NumberRangeWidget---show_data_icon .NumberRangeWidget---text,
.NumberRangeWidget---show_data_icon .NumberRangeWidget---password,
.NumberRangeWidget---show_data_icon .NumberRangeWidget---textarea,
.NumberRangeWidget---show_data_icon .NumberRangeWidget---dropdown_value {
  padding-left: 1.7857rem !important;
}
.NumberRangeWidget---text.NumberRangeWidget---has_clear_link,
.NumberRangeWidget---password.NumberRangeWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.NumberRangeWidget---character_count {
  position: absolute !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 300 !important;
  right: 0 !important;
  bottom: 0 !important;
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  pointer-events: none !important;
}
.NumberRangeWidget---character_count.NumberRangeWidget---over_limit:not(.NumberRangeWidget---inDarkBackground) {
  color: #de0037 !important;
  fill: #de0037 !important;
}
.NumberRangeWidget---character_count.NumberRangeWidget---over_limit.NumberRangeWidget---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.NumberRangeWidget---character_count .NumberRangeWidget---icon_container {
  outline: none !important;
  margin-right: 3px !important;
  margin-bottom: -2px !important;
}
.NumberRangeWidget---character_count .NumberRangeWidget---icon_container > svg {
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
.NumberRangeWidget---character_count_overlay {
  background-color: var(--appian-input-background-color-faded, #fffd) !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 0.7143rem 0.5714rem 0 !important;
  z-index: 3 !important;
}
.appian-context-os-windows .NumberRangeWidget---character_count_overlay {
  margin: 0 1.2857rem 0.5714rem 0 !important;
}
.NumberRangeWidget---textarea:disabled + .NumberRangeWidget---character_count_overlay,
.NumberRangeWidget---character_count_overlay_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.NumberRangeWidget---data_icon {
  position: absolute !important;
  top: 0.7143rem !important;
  left: 0.5714rem !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  fill: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
a.NumberRangeWidget---input_clear_link {
  border: none !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.NumberRangeWidget---input_icon_wrapper > a.NumberRangeWidget---input_clear_link {
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.9286rem !important;
}
.appian-context-browser-edge .NumberRangeWidget---input_icon_wrapper > a.NumberRangeWidget---input_clear_link {
  top: 0.5rem !important;
}
.NumberRangeWidget---dropdown_value a.NumberRangeWidget---input_clear_link {
  position: absolute !important;
  right: 1.4286rem !important;
  top: 0.5714rem !important;
}
.appian-context-os-mac.appian-context-browser-chrome .NumberRangeWidget---dropdown_value a.NumberRangeWidget---input_clear_link {
  top: 0.5rem !important;
}
a.NumberRangeWidget---input_clear_link:hover,
a.NumberRangeWidget---input_clear_link:focus:not([data-appian-ux-mouse-focus]) {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.NumberRangeWidget---dropdown .NumberRangeWidget---dropdown_value.NumberRangeWidget---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.NumberRangeWidget---dropdown_value.NumberRangeWidget---has_inline_label span.NumberRangeWidget---inline_label,
.NumberRangeWidget---date_range_value.NumberRangeWidget---has_inline_label span.NumberRangeWidget---inline_label {
  display: inline-block !important;
  max-width: 70% !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.7857rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.1429rem !important;
  vertical-align: -0.2143rem !important;
  margin-right: 0.5rem !important;
  padding-right: 0.5rem !important;
  border-right: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.NumberRangeWidget---dropdown_value.NumberRangeWidget---has_inline_label.NumberRangeWidget---inDarkBackground span.NumberRangeWidget---inline_label,
.NumberRangeWidget---date_range_value.NumberRangeWidget---has_inline_label.NumberRangeWidget---inDarkBackground span.NumberRangeWidget---inline_label {
  border-right-color: var(--appian-choice-border-color, #bbb) !important;
}
.appian-context-browser-safari .NumberRangeWidget---dropdown_value.NumberRangeWidget---has_inline_label span.NumberRangeWidget---inline_label,
.appian-context-browser-safari .NumberRangeWidget---date_range_value.NumberRangeWidget---has_inline_label span.NumberRangeWidget---inline_label {
  vertical-align: inherit !important;
}
.NumberRangeWidget---dropdown_value.NumberRangeWidget---has_inline_label.NumberRangeWidget---highlighted span.NumberRangeWidget---value_display,
.NumberRangeWidget---date_range_value.NumberRangeWidget---has_inline_label.NumberRangeWidget---highlighted span.NumberRangeWidget---value_display {
  font-weight: 700 !important;
}
.NumberRangeWidget---dropdown_value.NumberRangeWidget---has_inline_label a.NumberRangeWidget---input_clear_link,
.NumberRangeWidget---date_range_value.NumberRangeWidget---has_inline_label a.NumberRangeWidget---input_clear_link {
  display: none !important;
  position: absolute !important;
  right: 1.5714rem !important;
  top: 0.5714rem !important;
}
.NumberRangeWidget---dropdown_value.NumberRangeWidget---has_inline_label.NumberRangeWidget---highlighted a.NumberRangeWidget---input_clear_link,
.NumberRangeWidget---date_range_value.NumberRangeWidget---has_inline_label.NumberRangeWidget---highlighted a.NumberRangeWidget---input_clear_link {
  display: inline-block !important;
}
.NumberRangeWidget---date_range_value.NumberRangeWidget---has_inline_label.NumberRangeWidget---validation:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.NumberRangeWidget---date_range_value.NumberRangeWidget---has_inline_label.NumberRangeWidget---validation:before {
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.NumberRangeWidget---date_range_value.NumberRangeWidget---has_inline_label.NumberRangeWidget---validation.NumberRangeWidget---inDarkBackground:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.NumberRangeWidget---number_range_input.NumberRangeWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.NumberRangeWidget---date_range_value.NumberRangeWidget---has_inline_label.NumberRangeWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
}
.NumberRangeWidget---date_range_value.NumberRangeWidget---has_inline_label.NumberRangeWidget---validation.NumberRangeWidget---inDarkBackground:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.NumberRangeWidget---number_range_input.NumberRangeWidget---validation,
.NumberRangeWidget---date_range_value.NumberRangeWidget---has_inline_label.NumberRangeWidget---validation {
  position: relative !important;
  border-color: transparent !important;
}
.NumberRangeWidget---number_range_outer_box {
  padding: 10px !important;
  border: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
  background-color: #f0f0f0 !important;
  outline: none !important;
  margin-right: 1px !important;
  /* needed because padding alone is not enough for Tether to pin the popup correctly */
}
.NumberRangeWidget---number_range_tether_box {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
}
@media only screen and (max-width: 1024px), screen and (max-height: 375px) {
  .appian-context-ux-responsive .NumberRangeWidget---number_range_tether_box {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
            flex-direction: column !important;
  }
}
.NumberRangeWidget---dropdown_value.NumberRangeWidget---highlighted {
  padding-right: 1.5714rem !important;
  /* increase padding when clear icon is present */
}
.NumberRangeWidget---dropdown_value.NumberRangeWidget---is_disabled a.NumberRangeWidget---input_clear_link i.NumberRangeWidget---fa-times-circle-svg {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22var%28--appian-disabled-text-color,%20%23777%29%22%3E%3Cpath%20d%3D%22M1277%201122q0-26-19-45l-181-181%20181-181q19-19%2019-45%200-27-19-46l-90-90q-19-19-46-19-26%200-45%2019l-181%20181-181-181q-19-19-45-19-27%200-46%2019l-90%2090q-19%2019-19%2046%200%2026%2019%2045l181%20181-181%20181q-19%2019-19%2045%200%2027%2019%2046l90%2090q19%2019%2046%2019%2026%200%2045-19l181-181%20181%20181q19%2019%2045%2019%2027%200%2046-19l90-90q19-19%2019-46zm387-226q0%20209-103%20385.5t-279.5%20279.5-385.5%20103-385.5-103-279.5-279.5-103-385.5%20103-385.5%20279.5-279.5%20385.5-103%20385.5%20103%20279.5%20279.5%20103%20385.5z%22/%3E%3C/svg%3E") !important;
}
.NumberRangeWidget---field_error {
  font-weight: 600 !important;
  color: #de0037 !important;
  margin: 0.5714rem 0 0 0 !important;
  font-size: 0.9286rem !important;
  line-height: 1.2307rem !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* slightly lighter tint of @designer-header-border-color for increased contrast */
/* search result popper width */
.OmniboxWidget---popper {
  z-index: 2000020 !important;
}
.OmniboxWidget---popperWithModal {
  z-index: 2000025 !important;
}
.OmniboxWidget---search {
  font-family: "Appian Open Sans" !important;
  font-size: 1rem !important;
  background-color: transparent !important;
  border: 1px solid #7781bd !important;
  padding: 3px 20px 3px 29px !important;
  width: 430px !important;
  top: 90px !important;
  outline: none !important;
  height: 38px !important;
  font-style: normal !important;
  color: #eee !important;
  -webkit-transition: background-color 0.3s ease !important;
  transition: background-color 0.3s ease !important;
}
.OmniboxWidget---search:not(.OmniboxWidget---dropdown):focus,
.OmniboxWidget---search:not(.OmniboxWidget---dropdown):not(:placeholder-shown) {
  background-color: #fff !important;
  color: #222 !important;
}
.OmniboxWidget---search.OmniboxWidget---hidden {
  visibility: hidden !important;
}
.OmniboxWidget---search::-ms-clear {
  display: none !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.OmniboxWidget---search::-webkit-input-placeholder {
  color: #adb3d7 !important;
  -webkit-text-fill-color: #adb3d7 !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-weight: 400 !important;
  font-style: italic !important;
}
.OmniboxWidget---search::-moz-placeholder {
  color: #adb3d7 !important;
  font-weight: 400 !important;
  opacity: 1 !important;
  font-style: italic !important;
}
.OmniboxWidget---search:-ms-input-placeholder {
  color: #adb3d7 !important;
  font-weight: 400 !important;
  font-style: italic !important;
}
.OmniboxWidget---search:focus::-webkit-input-placeholder,
.OmniboxWidget---search.OmniboxWidget---dropdown::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
}
.OmniboxWidget---search:focus::-moz-placeholder,
.OmniboxWidget---search.OmniboxWidget---dropdown::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
}
.OmniboxWidget---search:focus:-ms-input-placeholder,
.OmniboxWidget---search.OmniboxWidget---dropdown:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
}
.OmniboxWidget---dropdown_wrapper {
  padding: 3px !important;
  background-color: #fff !important;
  border: 1px solid var(--appian-input-border-color, #ddd) !important;
  width: 604px !important;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2) !important;
}
@media only screen and (min-width: 800px) {
  .OmniboxWidget---dropdown_wrapper:after {
    content: "" !important;
    position: absolute !important;
    top: -15px !important;
    right: 15px !important;
    border-width: 8px !important;
    border-style: solid !important;
    border-color: transparent transparent #fff transparent !important;
  }
}
.OmniboxWidget---dropdown_wrapper .OmniboxWidget---search.OmniboxWidget---dropdown {
  background-color: #fff !important;
  color: #222 !important;
  border: 1px solid var(--appian-input-border-color, #ddd) !important;
  width: 100% !important;
}
.OmniboxWidget---dropdown_wrapper .OmniboxWidget---search.OmniboxWidget---dropdown:focus {
  border-color: #1d659c !important;
}
.OmniboxWidget---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.OmniboxWidget---show_data_icon .OmniboxWidget---text {
  padding-left: 1.5rem !important;
}
.OmniboxWidget---data_icon {
  position: absolute !important;
  top: calc(50% - 0.5715rem) !important;
  left: 0.6429rem !important;
  height: 1.1429rem !important;
  width: 1.1429rem !important;
  fill: #adb3d7 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
.OmniboxWidget---data_icon.OmniboxWidget---dropdown {
  fill: var(--appian-placeholder-text-color, #767676) !important;
  left: 0.9286rem !important;
}
.OmniboxWidget---input_icon_wrapper:focus-within > .OmniboxWidget---data_icon,
.OmniboxWidget---data_icon:not(.OmniboxWidget---hasPlaceholder) {
  fill: var(--appian-placeholder-text-color, #767676) !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* slightly lighter tint of @designer-header-border-color for increased contrast */
/* search result popper width */
.OmniboxResultsPane---popper {
  z-index: 2000020 !important;
}
.OmniboxResultsPane---popperWithModal {
  z-index: 2000025 !important;
}
.OmniboxResultsPane---search {
  font-family: "Appian Open Sans" !important;
  font-size: 1rem !important;
  background-color: transparent !important;
  border: 1px solid #7781bd !important;
  padding: 3px 20px 3px 29px !important;
  width: 430px !important;
  top: 90px !important;
  outline: none !important;
  height: 38px !important;
  font-style: normal !important;
  color: #eee !important;
  -webkit-transition: background-color 0.3s ease !important;
  transition: background-color 0.3s ease !important;
}
.OmniboxResultsPane---search:not(.OmniboxResultsPane---dropdown):focus,
.OmniboxResultsPane---search:not(.OmniboxResultsPane---dropdown):not(:placeholder-shown) {
  background-color: #fff !important;
  color: #222 !important;
}
.OmniboxResultsPane---search.OmniboxResultsPane---hidden {
  visibility: hidden !important;
}
.OmniboxResultsPane---search::-ms-clear {
  display: none !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.OmniboxResultsPane---search::-webkit-input-placeholder {
  color: #adb3d7 !important;
  -webkit-text-fill-color: #adb3d7 !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-weight: 400 !important;
  font-style: italic !important;
}
.OmniboxResultsPane---search::-moz-placeholder {
  color: #adb3d7 !important;
  font-weight: 400 !important;
  opacity: 1 !important;
  font-style: italic !important;
}
.OmniboxResultsPane---search:-ms-input-placeholder {
  color: #adb3d7 !important;
  font-weight: 400 !important;
  font-style: italic !important;
}
.OmniboxResultsPane---search:focus::-webkit-input-placeholder,
.OmniboxResultsPane---search.OmniboxResultsPane---dropdown::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
}
.OmniboxResultsPane---search:focus::-moz-placeholder,
.OmniboxResultsPane---search.OmniboxResultsPane---dropdown::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
}
.OmniboxResultsPane---search:focus:-ms-input-placeholder,
.OmniboxResultsPane---search.OmniboxResultsPane---dropdown:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
}
.OmniboxResultsPane---dropdown_wrapper {
  padding: 3px !important;
  background-color: #fff !important;
  border: 1px solid var(--appian-input-border-color, #ddd) !important;
  width: 604px !important;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2) !important;
}
@media only screen and (min-width: 800px) {
  .OmniboxResultsPane---dropdown_wrapper:after {
    content: "" !important;
    position: absolute !important;
    top: -15px !important;
    right: 15px !important;
    border-width: 8px !important;
    border-style: solid !important;
    border-color: transparent transparent #fff transparent !important;
  }
}
.OmniboxResultsPane---dropdown_wrapper .OmniboxResultsPane---search.OmniboxResultsPane---dropdown {
  background-color: #fff !important;
  color: #222 !important;
  border: 1px solid var(--appian-input-border-color, #ddd) !important;
  width: 100% !important;
}
.OmniboxResultsPane---dropdown_wrapper .OmniboxResultsPane---search.OmniboxResultsPane---dropdown:focus {
  border-color: #1d659c !important;
}
.OmniboxResultsPane---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.OmniboxResultsPane---show_data_icon .OmniboxResultsPane---text {
  padding-left: 1.5rem !important;
}
.OmniboxResultsPane---data_icon {
  position: absolute !important;
  top: calc(50% - 0.5715rem) !important;
  left: 0.6429rem !important;
  height: 1.1429rem !important;
  width: 1.1429rem !important;
  fill: #adb3d7 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
.OmniboxResultsPane---data_icon.OmniboxResultsPane---dropdown {
  fill: var(--appian-placeholder-text-color, #767676) !important;
  left: 0.9286rem !important;
}
.OmniboxResultsPane---input_icon_wrapper:focus-within > .OmniboxResultsPane---data_icon,
.OmniboxResultsPane---data_icon:not(.OmniboxResultsPane---hasPlaceholder) {
  fill: var(--appian-placeholder-text-color, #767676) !important;
}
.OmniboxResultsPane---message,
.OmniboxResultsPane---results {
  position: absolute !important;
  font-family: "Appian Open Sans" !important;
  font-size: 14px !important;
  width: 604px !important;
  background-color: #fff !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  list-style-type: none !important;
  white-space: pre-wrap !important;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2) !important;
}
.OmniboxResultsPane---message.OmniboxResultsPane---hide_top_border,
.OmniboxResultsPane---results.OmniboxResultsPane---hide_top_border {
  border-top: none !important;
}
.OmniboxResultsPane---results {
  margin: 0 !important;
  padding: 0 !important;
  max-height: 428px !important;
  overflow-y: auto !important;
}
.OmniboxResultsPane---message {
  min-height: 34px !important;
  padding: 6px 8px !important;
  word-wrap: break-word !important;
}
.OmniboxResultsPane---primary_text_parent_div {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: inline-flex !important;
  width: 50% !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 0 auto !important;
          flex: 1 0 auto !important;
}
.OmniboxResultsPane---primary_text {
  text-overflow: ellipsis !important;
  overflow: hidden !important;
}
.OmniboxResultsPane---secondary_text {
  color: var(--appian-disabled-text-color, #777) !important;
  font-size: 0.8rem !important;
  text-align: right !important;
  padding-left: 1rem !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  max-width: 200px !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}
.OmniboxResultsPane---resultItem {
  color: var(--appian-text-color, #222) !important;
  white-space: nowrap !important;
  background-color: #fff !important;
  /* needed so ellipsis is correct color on Win/FF */
}
.OmniboxResultsPane---resultItem.OmniboxResultsPane---focused {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
  box-shadow: 0 0 0 1px #1d659c inset !important;
}
.OmniboxResultsPane---resultItem a.OmniboxResultsPane---object_link {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  color: var(--appian-text-color, #222) !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  text-decoration: none !important;
  cursor: default !important;
  overflow-x: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  padding: 7px !important;
}
.OmniboxResultsPane---resultItem .OmniboxResultsPane---logo {
  display: inline-block !important;
  vertical-align: text-bottom !important;
  /* top align caused ellipsis to be too low on IE11 */
  height: 20px !important;
  width: 20px !important;
  margin-right: 7px !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.PageLayout---page_layout {
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  margin: 12px 0 !important;
  min-height: 90% !important;
  /* Needed because the the page layout rendered in ID does not have a parent div with the appian-context-ux-responsive class,
  and it has appian-context-ux-screen-size classnames added when in the phone and tablet form factors */
  /* Needed because the SitesApp div with the page layout classes renders outside of the SailContainerWeb div that has the appian-context-ux-page-size class */
}
.appian-context-ux-screen-size-narrow .PageLayout---page_layout {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
  margin: 0 !important;
}
.appian-context-ux-screen-size-medium .PageLayout---page_layout {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
  margin: 0 !important;
}
@media only screen and (max-width: 1024px) {
  .appian-context-ux-responsive > :not(.PageLayout---has_sidebar_navigation) .PageLayout---page_layout,
  .appian-context-ux-responsive > :not(.PageLayout---has_sidebar_navigation).PageLayout---page_layout {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 1274px) {
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation:not(.PageLayout---is_sidebar_collapsed) .PageLayout---page_layout,
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation:not(.PageLayout---is_sidebar_collapsed).PageLayout---page_layout {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 1094px) {
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation.PageLayout---is_sidebar_collapsed .PageLayout---page_layout,
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation.PageLayout---is_sidebar_collapsed.PageLayout---page_layout {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    margin: 0 !important;
  }
}
.PageLayout---page_layout.PageLayout---transparent {
  background-color: transparent !important;
  border: none !important;
}
.PageLayout---page_layout.PageLayout---transparent.PageLayout---inLiveViewContents {
  background-color: #f0f0f0 !important;
  /* Needed because the the page layout rendered in ID does not have a parent div with the appian-context-ux-responsive class,
  and it has appian-context-ux-screen-size classnames added when in the phone and tablet form factors */
  /* Needed because the SitesApp div with the page layout classes renders outside of the SailContainerWeb div that has the appian-context-ux-page-size class */
}
.appian-context-ux-screen-size-narrow .PageLayout---page_layout.PageLayout---transparent.PageLayout---inLiveViewContents {
  background-color: #f0f0f0 !important;
}
.appian-context-ux-screen-size-medium .PageLayout---page_layout.PageLayout---transparent.PageLayout---inLiveViewContents {
  background-color: #f0f0f0 !important;
}
@media only screen and (max-width: 1024px) {
  .appian-context-ux-responsive > :not(.PageLayout---has_sidebar_navigation) .PageLayout---page_layout.PageLayout---transparent.PageLayout---inLiveViewContents,
  .appian-context-ux-responsive > :not(.PageLayout---has_sidebar_navigation).PageLayout---page_layout.PageLayout---transparent.PageLayout---inLiveViewContents {
    background-color: #f0f0f0 !important;
  }
}
@media only screen and (max-width: 1274px) {
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation:not(.PageLayout---is_sidebar_collapsed) .PageLayout---page_layout.PageLayout---transparent.PageLayout---inLiveViewContents,
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation:not(.PageLayout---is_sidebar_collapsed).PageLayout---page_layout.PageLayout---transparent.PageLayout---inLiveViewContents {
    background-color: #f0f0f0 !important;
  }
}
@media only screen and (max-width: 1094px) {
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation.PageLayout---is_sidebar_collapsed .PageLayout---page_layout.PageLayout---transparent.PageLayout---inLiveViewContents,
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation.PageLayout---is_sidebar_collapsed.PageLayout---page_layout.PageLayout---transparent.PageLayout---inLiveViewContents {
    background-color: #f0f0f0 !important;
  }
}
.PageLayout---page_layout.PageLayout---wide,
.PageLayout---page_layout.PageLayout---full {
  border: none !important;
  margin: 0 !important;
  min-width: 960px !important;
  min-height: 100% !important;
  overflow: hidden !important;
  /* edge case of flush content with column layout overflowing window */
}
.PageLayout---page_layout.PageLayout---wide {
  /* Needed to apply the styles that cause a wide site to stop growing wider in a browser window wider than 2048px */
}
@media only screen and (min-width: 2049px) {
  .appian-context-ux-responsive > :not(.PageLayout---has_sidebar_navigation) .PageLayout---page_layout.PageLayout---wide,
  .appian-context-ux-responsive > :not(.PageLayout---has_sidebar_navigation).PageLayout---page_layout.PageLayout---wide {
    border: 1px solid #ccc !important;
    margin: 12px 0 !important;
    overflow: visible !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 2000px !important;
    min-height: 90% !important;
  }
}
@media only screen and (min-width: 2299px) {
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation:not(.PageLayout---is_sidebar_collapsed) .PageLayout---page_layout.PageLayout---wide,
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation:not(.PageLayout---is_sidebar_collapsed).PageLayout---page_layout.PageLayout---wide {
    border: 1px solid #ccc !important;
    margin: 12px 0 !important;
    overflow: visible !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 2000px !important;
    min-height: 90% !important;
  }
}
@media only screen and (min-width: 2119px) {
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation.PageLayout---is_sidebar_collapsed .PageLayout---page_layout.PageLayout---wide,
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation.PageLayout---is_sidebar_collapsed.PageLayout---page_layout.PageLayout---wide {
    border: 1px solid #ccc !important;
    margin: 12px 0 !important;
    overflow: visible !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 2000px !important;
    min-height: 90% !important;
  }
}
.PageLayout---page_layout.PageLayout---wide.PageLayout---transparent {
  /* Needed to apply the styles that cause a wide site to stop growing wider in a browser window wider than 2048px */
}
@media only screen and (min-width: 2049px) {
  .appian-context-ux-responsive > :not(.PageLayout---has_sidebar_navigation) .PageLayout---page_layout.PageLayout---wide.PageLayout---transparent,
  .appian-context-ux-responsive > :not(.PageLayout---has_sidebar_navigation).PageLayout---page_layout.PageLayout---wide.PageLayout---transparent {
    border: none !important;
  }
}
@media only screen and (min-width: 2299px) {
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation:not(.PageLayout---is_sidebar_collapsed) .PageLayout---page_layout.PageLayout---wide.PageLayout---transparent,
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation:not(.PageLayout---is_sidebar_collapsed).PageLayout---page_layout.PageLayout---wide.PageLayout---transparent {
    border: none !important;
  }
}
@media only screen and (min-width: 2119px) {
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation.PageLayout---is_sidebar_collapsed .PageLayout---page_layout.PageLayout---wide.PageLayout---transparent,
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation.PageLayout---is_sidebar_collapsed.PageLayout---page_layout.PageLayout---wide.PageLayout---transparent {
    border: none !important;
  }
}
.PageLayout---page_layout.PageLayout---fluid {
  width: 96% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.PageLayout---page_layout.PageLayout---fluid.PageLayout---standard {
  min-width: 960px !important;
  max-width: 1500px !important;
}
.PageLayout---page_layout.PageLayout---narrow {
  width: 840px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.PageLayout---page_layout.PageLayout---full,
.PageLayout---page_layout.PageLayout---wide,
.PageLayout---page_layout.PageLayout---fluid.PageLayout---standard,
.PageLayout---page_layout.PageLayout---narrow {
  /* Needed because the the page layout rendered in ID does not have a parent div with the appian-context-ux-responsive class,
  and it has appian-context-ux-screen-size classnames added when in the phone and tablet form factors */
  /* Needed because the SitesApp div with the page layout classes renders outside of the SailContainerWeb div that has the appian-context-ux-page-size class */
}
.appian-context-ux-screen-size-narrow .PageLayout---page_layout.PageLayout---full,
.appian-context-ux-screen-size-narrow .PageLayout---page_layout.PageLayout---wide,
.appian-context-ux-screen-size-narrow .PageLayout---page_layout.PageLayout---fluid.PageLayout---standard,
.appian-context-ux-screen-size-narrow .PageLayout---page_layout.PageLayout---narrow {
  min-width: 0 !important;
  max-width: none !important;
  width: 100% !important;
}
.appian-context-ux-screen-size-medium .PageLayout---page_layout.PageLayout---full,
.appian-context-ux-screen-size-medium .PageLayout---page_layout.PageLayout---wide,
.appian-context-ux-screen-size-medium .PageLayout---page_layout.PageLayout---fluid.PageLayout---standard,
.appian-context-ux-screen-size-medium .PageLayout---page_layout.PageLayout---narrow {
  min-width: 0 !important;
  max-width: none !important;
  width: 100% !important;
}
@media only screen and (max-width: 1024px) {
  .appian-context-ux-responsive > :not(.PageLayout---has_sidebar_navigation) .PageLayout---page_layout.PageLayout---full,
  .appian-context-ux-responsive > :not(.PageLayout---has_sidebar_navigation) .PageLayout---page_layout.PageLayout---wide,
  .appian-context-ux-responsive > :not(.PageLayout---has_sidebar_navigation) .PageLayout---page_layout.PageLayout---fluid.PageLayout---standard,
  .appian-context-ux-responsive > :not(.PageLayout---has_sidebar_navigation) .PageLayout---page_layout.PageLayout---narrow,
  .appian-context-ux-responsive > :not(.PageLayout---has_sidebar_navigation).PageLayout---page_layout.PageLayout---full,
  .appian-context-ux-responsive > :not(.PageLayout---has_sidebar_navigation).PageLayout---page_layout.PageLayout---wide,
  .appian-context-ux-responsive > :not(.PageLayout---has_sidebar_navigation).PageLayout---page_layout.PageLayout---fluid.PageLayout---standard,
  .appian-context-ux-responsive > :not(.PageLayout---has_sidebar_navigation).PageLayout---page_layout.PageLayout---narrow {
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }
}
@media only screen and (max-width: 1274px) {
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation:not(.PageLayout---is_sidebar_collapsed) .PageLayout---page_layout.PageLayout---full,
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation:not(.PageLayout---is_sidebar_collapsed) .PageLayout---page_layout.PageLayout---wide,
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation:not(.PageLayout---is_sidebar_collapsed) .PageLayout---page_layout.PageLayout---fluid.PageLayout---standard,
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation:not(.PageLayout---is_sidebar_collapsed) .PageLayout---page_layout.PageLayout---narrow,
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation:not(.PageLayout---is_sidebar_collapsed).PageLayout---page_layout.PageLayout---full,
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation:not(.PageLayout---is_sidebar_collapsed).PageLayout---page_layout.PageLayout---wide,
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation:not(.PageLayout---is_sidebar_collapsed).PageLayout---page_layout.PageLayout---fluid.PageLayout---standard,
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation:not(.PageLayout---is_sidebar_collapsed).PageLayout---page_layout.PageLayout---narrow {
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }
}
@media only screen and (max-width: 1094px) {
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation.PageLayout---is_sidebar_collapsed .PageLayout---page_layout.PageLayout---full,
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation.PageLayout---is_sidebar_collapsed .PageLayout---page_layout.PageLayout---wide,
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation.PageLayout---is_sidebar_collapsed .PageLayout---page_layout.PageLayout---fluid.PageLayout---standard,
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation.PageLayout---is_sidebar_collapsed .PageLayout---page_layout.PageLayout---narrow,
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation.PageLayout---is_sidebar_collapsed.PageLayout---page_layout.PageLayout---full,
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation.PageLayout---is_sidebar_collapsed.PageLayout---page_layout.PageLayout---wide,
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation.PageLayout---is_sidebar_collapsed.PageLayout---page_layout.PageLayout---fluid.PageLayout---standard,
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation.PageLayout---is_sidebar_collapsed.PageLayout---page_layout.PageLayout---narrow {
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }
}
@media print {
  .PageLayout---page_layout.PageLayout---full,
  .PageLayout---page_layout.PageLayout---wide,
  .PageLayout---page_layout.PageLayout---fluid.PageLayout---standard,
  .PageLayout---page_layout.PageLayout---narrow {
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    width: 100% !important;
    border: none !important;
    overflow: hidden !important;
  }
}
.PageLayout---page_layout.PageLayout---wide.PageLayout---frame {
  position: fixed !important;
  top: 52px !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.PageLayout---page_layout.PageLayout---wide.PageLayout---frame.PageLayout---site {
  top: 60px !important;
}
.PageLayout---inLiveViewContents {
  margin: 0 !important;
}
.PageLayout---inLiveViewContents:not(.PageLayout---headerContentLayoutInId) {
  min-height: 0 !important;
}
.PageLayout---inLiveViewContents.PageLayout---responsive {
  min-width: 480px !important;
  max-width: none !important;
  min-width: 0 !important;
  border-left: none !important;
  border-right: none !important;
}
.PageLayout---inLiveViewContents.PageLayout---desktop_narrow:not(.PageLayout---transparent):not(.PageLayout---inLiveViewContentsMobileFormFactor),
.PageLayout---inLiveViewContents.PageLayout---desktop:not(.PageLayout---transparent):not(.PageLayout---inLiveViewContentsMobileFormFactor),
.PageLayout---inLiveViewContents.PageLayout---desktop_wide:not(.PageLayout---transparent):not(.PageLayout---inLiveViewContentsMobileFormFactor),
.PageLayout---inLiveViewContents.PageLayout---responsive:not(.PageLayout---transparent):not(.PageLayout---inLiveViewContentsMobileFormFactor) {
  box-shadow: 3px 3px 10px 0 #e4e4ec !important;
}
.PageLayout---inLiveViewContents.PageLayout---desktop_narrow,
.PageLayout---inLiveViewContents.PageLayout---desktop,
.PageLayout---inLiveViewContents.PageLayout---desktop_wide {
  margin-left: auto !important;
  margin-right: auto !important;
}
.PageLayout---inLiveViewContents.PageLayout---desktop_narrow {
  width: 1200px !important;
}
.PageLayout---inLiveViewContents.PageLayout---desktop {
  width: 1600px !important;
}
.PageLayout---inLiveViewContents.PageLayout---desktop_wide {
  width: 2000px !important;
}
.PageLayout---inLiveViewContents.PageLayout---desktop_narrow {
  /* Needed because the the page layout rendered in ID does not have a parent div with the appian-context-ux-responsive class,
  and it has appian-context-ux-screen-size classnames added when in the phone and tablet form factors */
  /* Needed because the SitesApp div with the page layout classes renders outside of the SailContainerWeb div that has the appian-context-ux-page-size class */
}
.appian-context-ux-screen-size-narrow .PageLayout---inLiveViewContents.PageLayout---desktop_narrow {
  width: 100% !important;
}
.appian-context-ux-screen-size-medium .PageLayout---inLiveViewContents.PageLayout---desktop_narrow {
  width: 100% !important;
}
@media only screen and (max-width: 1024px) {
  .appian-context-ux-responsive > :not(.PageLayout---has_sidebar_navigation) .PageLayout---inLiveViewContents.PageLayout---desktop_narrow,
  .appian-context-ux-responsive > :not(.PageLayout---has_sidebar_navigation).PageLayout---inLiveViewContents.PageLayout---desktop_narrow {
    width: 100% !important;
  }
}
@media only screen and (max-width: 1274px) {
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation:not(.PageLayout---is_sidebar_collapsed) .PageLayout---inLiveViewContents.PageLayout---desktop_narrow,
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation:not(.PageLayout---is_sidebar_collapsed).PageLayout---inLiveViewContents.PageLayout---desktop_narrow {
    width: 100% !important;
  }
}
@media only screen and (max-width: 1094px) {
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation.PageLayout---is_sidebar_collapsed .PageLayout---inLiveViewContents.PageLayout---desktop_narrow,
  .appian-context-ux-responsive > .PageLayout---has_sidebar_navigation.PageLayout---is_sidebar_collapsed.PageLayout---inLiveViewContents.PageLayout---desktop_narrow {
    width: 100% !important;
  }
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.PagingWidget---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .PagingWidget---accessibilityhidden {
  font-size: 0 !important;
}
.PagingWidget---align_start {
  text-align: left !important;
}
.PagingWidget---align_end {
  text-align: right !important;
}
.PagingWidget---center {
  text-align: center !important;
}
.PagingWidget---count {
  display: inline-block !important;
  min-height: 1.4286rem !important;
  line-height: 1.5714rem !important;
  vertical-align: middle !important;
  font-size: 1rem !important;
  margin: 0 2px !important;
  color: #222 !important;
}
.appian-context-browser-safari .PagingWidget---count {
  vertical-align: unset !important;
}
.PagingWidget---count.PagingWidget---inDarkBackground {
  color: #eee !important;
}
.PagingWidget---count.PagingWidget---inAccentBackground {
  color: #fff !important;
}
.PagingWidget---paging a.PagingWidget---inPagingWidgetControl {
  margin: 0 !important;
  padding: 0 0.1429rem !important;
  border: 1px solid transparent !important;
  border-radius: 0rem !important;
  vertical-align: middle !important;
  background-color: transparent !important;
  display: inline-block !important;
}
.PagingWidget---paging a.PagingWidget---inPagingWidgetControl:not(:last-child) {
  margin-right: 2px !important;
}
.PagingWidget---paging a.PagingWidget---inPagingWidgetControl:active:not([disabled]),
.PagingWidget---paging a.PagingWidget---inPagingWidgetControl:hover:not([disabled]) {
  box-shadow: 0 0px 3px #2173b2 !important;
}
.PagingWidget---paging a.PagingWidget---inPagingWidgetControl:active:not([disabled]) {
  -webkit-transform: scaleX(0.98) scaleY(0.93) !important;
  transform: scaleX(0.98) scaleY(0.93) !important;
}
.PagingWidget---paging a.PagingWidget---inPagingWidgetControl:not([disabled]):focus {
  outline: none !important;
}
.PagingWidget---paging a.PagingWidget---inPagingWidgetControl:not([disabled]):focus:not(.appian-context-ux-mouse-focus),
.PagingWidget---paging a.PagingWidget---inPagingWidgetControl:not([disabled]):hover {
  cursor: pointer !important;
  border-color: #1d659c !important;
}
.PagingWidget---paging a.PagingWidget---inPagingWidgetControl svg.PagingWidget---paging_control {
  content: "" !important;
  display: inline-block !important;
  width: 1.2857rem !important;
  height: 1.7143rem !important;
  vertical-align: middle !important;
  margin-bottom: 0.0714rem !important;
  fill: #1d659c !important;
}
.PagingWidget---paging.PagingWidget---inAccentBackground a.PagingWidget---inPagingWidgetControl svg.PagingWidget---paging_control {
  fill: #fff !important;
}
.PagingWidget---paging a.PagingWidget---inPagingWidgetControl[disabled] svg.PagingWidget---paging_control {
  fill: var(--appian-input-border-color, #ddd) !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.VirtualPane---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .VirtualPane---accessibilityhidden {
  font-size: 0 !important;
}
/* matches small button height */
.VirtualPane---pane {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 0% !important;
          flex: 1 1 0% !important;
  background-color: transparent !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.VirtualPane---pane.VirtualPane---background_white {
  background-color: #fff !important;
}
.VirtualPane---pane.VirtualPane---background_gray {
  background-color: #f4f4f4 !important;
}
.VirtualPane---pane:not(:last-child) {
  border-right: 1px solid #d4d4d4 !important;
}
.VirtualPane---pane:not(:last-child).VirtualPane---inDarkBackground {
  border-right-color: var(--appian-divider-color-subtle-in-dark-bg, #555) !important;
}
.VirtualPane---pane.VirtualPane---auto {
  min-width: 80px !important;
}
.VirtualPane---pane.VirtualPane---extra_narrow {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 80px !important;
          flex: 0 0 80px !important;
}
.VirtualPane---pane.VirtualPane---narrow {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 240px !important;
          flex: 0 0 240px !important;
}
.VirtualPane---pane.VirtualPane---narrow_plus {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 320px !important;
          flex: 0 0 320px !important;
}
.VirtualPane---pane.VirtualPane---medium {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 400px !important;
          flex: 0 0 400px !important;
}
.VirtualPane---pane.VirtualPane---medium_plus {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 560px !important;
          flex: 0 0 560px !important;
}
.VirtualPane---pane.VirtualPane---wide {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 800px !important;
          flex: 0 0 800px !important;
}
.VirtualPane---pane.VirtualPane---wide_plus {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 1120px !important;
          flex: 0 0 1120px !important;
}
.VirtualPane---pane.VirtualPane---nav_designer {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 560px !important;
          flex: 0 0 560px !important;
}
.VirtualPane---pane.VirtualPane---standard_height {
  height: 100% !important;
}
.VirtualPane---pane.VirtualPane---collapsible_pane_height {
  height: calc(100% - 2.4286rem) !important;
}
.VirtualPane---content {
  height: 100% !important;
}
.VirtualPane---collapse_button_wrapper {
  text-align: center !important;
  z-index: 2000012 !important;
}
.VirtualPane---collapse_button_wrapper .VirtualPane---collapse_button {
  height: 2.4286rem !important;
  width: 100% !important;
  background-color: #f4f4f4 !important;
  border-radius: 0 !important;
}
.VirtualPane---collapse_button_wrapper .VirtualPane---collapse_button.VirtualPane---inDarkBackground {
  background-color: transparent !important;
}
.VirtualPane---collapse_button_wrapper .VirtualPane---collapse_button:hover {
  cursor: pointer !important;
}
.VirtualPane---collapse_button_wrapper .VirtualPane---collapse_button .VirtualPane---collapse_icon {
  fill: #1d659c !important;
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
/* matches small button height */
.VirtualPane---pane.VirtualPane---designer_navigation .VirtualPane---collapse_button_wrapper,
.VirtualPane---pane.VirtualPane---designer_details .VirtualPane---collapse_button_wrapper {
  position: absolute !important;
  bottom: 0 !important;
}
.VirtualPane---pane.VirtualPane---designer_navigation .VirtualPane---collapse_button_wrapper .VirtualPane---collapse_button,
.VirtualPane---pane.VirtualPane---designer_details .VirtualPane---collapse_button_wrapper .VirtualPane---collapse_button {
  border: none !important;
}
.VirtualPane---pane.VirtualPane---designer_navigation .VirtualPane---collapse_button_wrapper .VirtualPane---collapse_button:focus,
.VirtualPane---pane.VirtualPane---designer_details .VirtualPane---collapse_button_wrapper .VirtualPane---collapse_button:focus {
  outline: none !important;
}
.VirtualPane---pane.VirtualPane---designer_navigation .VirtualPane---collapse_button_wrapper .VirtualPane---collapse_button:focus:not([data-appian-ux-mouse-focus]):after,
.VirtualPane---pane.VirtualPane---designer_details .VirtualPane---collapse_button_wrapper .VirtualPane---collapse_button:focus:not([data-appian-ux-mouse-focus]):after {
  content: "" !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  height: calc(100% - 4px) !important;
  width: calc(100% - 4px) !important;
  border: 1px solid #1d659c !important;
}
.VirtualPane---pane.VirtualPane---designer_navigation .VirtualPane---collapse_icon.VirtualPane---collapse_animation,
.VirtualPane---pane.VirtualPane---designer_details .VirtualPane---collapse_icon.VirtualPane---collapse_animation {
  -webkit-transition: -webkit-transform 0.3s !important;
  transition: -webkit-transform 0.3s !important;
  transition: transform 0.3s !important;
  transition: transform 0.3s, -webkit-transform 0.3s !important;
}
.VirtualPane---pane.VirtualPane---designer_navigation.VirtualPane---expanded .VirtualPane---collapse_icon,
.VirtualPane---pane.VirtualPane---designer_details.VirtualPane---expanded .VirtualPane---collapse_icon {
  -webkit-transform: rotate(0deg) !important;
          transform: rotate(0deg) !important;
}
.VirtualPane---pane.VirtualPane---designer_navigation {
  position: relative !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 230px !important;
          flex: 0 0 230px !important;
  -webkit-transition: -webkit-flex-basis 0.3s ease-in-out, -webkit-flex-basis 0.3s ease-in-out !important;
  transition: -webkit-flex-basis 0.3s ease-in-out, -webkit-flex-basis 0.3s ease-in-out !important;
  transition: flex-basis 0.3s ease-in-out !important;
  transition: flex-basis 0.3s ease-in-out, -webkit-flex-basis 0.3s ease-in-out, -webkit-flex-basis 0.3s ease-in-out !important;
}
.VirtualPane---pane.VirtualPane---designer_navigation .VirtualPane---collapse_button_wrapper {
  -webkit-transition: width 0.3s ease-in-out !important;
  transition: width 0.3s ease-in-out !important;
  width: 100% !important;
  border-top: 1px solid #d4d4d4 !important;
}
.VirtualPane---pane.VirtualPane---designer_navigation .VirtualPane---collapse_button_wrapper.VirtualPane---inDarkBackground {
  border-top-color: var(--appian-divider-color-subtle-in-dark-bg, #555) !important;
}
.VirtualPane---pane.VirtualPane---designer_navigation.VirtualPane---collapsed {
  -webkit-flex-basis: 60px !important;
          flex-basis: 60px !important;
}
.VirtualPane---pane.VirtualPane---designer_navigation.VirtualPane---collapsed .VirtualPane---collapse_icon {
  -webkit-transform: rotate(180deg) !important;
          transform: rotate(180deg) !important;
}
.VirtualPane---hidden_contents {
  -webkit-transition-property: visibility !important;
  transition-property: visibility !important;
  -webkit-transition-delay: 0.4s !important;
          transition-delay: 0.4s !important;
  visibility: hidden !important;
}
.VirtualPane---pane.VirtualPane---designer_details {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 380px !important;
          flex: 0 0 380px !important;
}
.VirtualPane---pane.VirtualPane---designer_details .VirtualPane---collapse_button_wrapper {
  right: 0 !important;
  border-top: 1px solid #d4d4d4 !important;
}
.VirtualPane---pane.VirtualPane---designer_details .VirtualPane---collapse_button_wrapper.VirtualPane---inDarkBackground {
  border-top-color: var(--appian-divider-color-subtle-in-dark-bg, #555) !important;
}
.VirtualPane---pane.VirtualPane---designer_details.VirtualPane---collapsed .VirtualPane---collapse_icon {
  -webkit-transform: rotate(-180deg) !important;
          transform: rotate(-180deg) !important;
}
.VirtualPane---pane.VirtualPane---designer_details:not(.VirtualPane---collapse_animation).VirtualPane---collapsed {
  margin-right: -380px !important;
}
.VirtualPane---pane.VirtualPane---designer_details:not(.VirtualPane---collapse_animation).VirtualPane---collapsed .VirtualPane---collapse_button_wrapper {
  width: 34px !important;
  border: 1px solid #d4d4d4 !important;
}
.VirtualPane---pane.VirtualPane---designer_details:not(.VirtualPane---collapse_animation).VirtualPane---collapsed .VirtualPane---collapse_button_wrapper.VirtualPane---inDarkBackground {
  border-color: var(--appian-divider-color-subtle-in-dark-bg, #555) !important;
}
.VirtualPane---pane.VirtualPane---designer_details:not(.VirtualPane---collapse_animation).VirtualPane---expanded {
  margin-right: 0 !important;
}
.VirtualPane---pane.VirtualPane---designer_details:not(.VirtualPane---collapse_animation).VirtualPane---expanded .VirtualPane---collapse_button_wrapper {
  border-bottom: 1px solid #f4f4f4 !important;
  border-top: 1px solid #d4d4d4 !important;
  width: 380px !important;
}
.VirtualPane---pane.VirtualPane---designer_details:not(.VirtualPane---collapse_animation).VirtualPane---expanded .VirtualPane---collapse_button_wrapper.VirtualPane---inDarkBackground {
  border-bottom-color: var(--appian-container-background-color, #f4f4f4) !important;
  border-top-color: var(--appian-divider-color-subtle-in-dark-bg, #555) !important;
}
.VirtualPane---pane.VirtualPane---designer_details.VirtualPane---collapse_animation.VirtualPane---collapsed {
  -webkit-animation: VirtualPane---paneSlideOut 0.4s linear 0s 1 normal forwards !important;
          animation: VirtualPane---paneSlideOut 0.4s linear 0s 1 normal forwards !important;
}
.VirtualPane---pane.VirtualPane---designer_details.VirtualPane---collapse_animation.VirtualPane---collapsed .VirtualPane---collapse_button_wrapper {
  -webkit-animation: VirtualPane---buttonSlideOut 0.4s linear 0s 1 normal forwards !important;
          animation: VirtualPane---buttonSlideOut 0.4s linear 0s 1 normal forwards !important;
}
.VirtualPane---pane.VirtualPane---designer_details.VirtualPane---collapse_animation.VirtualPane---expanded {
  -webkit-animation: VirtualPane---paneSlideIn 0.4s linear 0s 1 normal forwards !important;
          animation: VirtualPane---paneSlideIn 0.4s linear 0s 1 normal forwards !important;
}
.VirtualPane---pane.VirtualPane---designer_details.VirtualPane---collapse_animation.VirtualPane---expanded .VirtualPane---collapse_button_wrapper {
  -webkit-animation: VirtualPane---buttonSlideIn 0.4s linear 0s 1 normal forwards !important;
          animation: VirtualPane---buttonSlideIn 0.4s linear 0s 1 normal forwards !important;
}
@-webkit-keyframes VirtualPane---paneSlideOut {
  0% {
    margin-right: 0;
  }
  20% {
    margin-right: -10px;
  }
  80% {
    margin-right: -346px;
  }
  100% {
    margin-right: -380px;
  }
}
@keyframes VirtualPane---paneSlideOut {
  0% {
    margin-right: 0;
  }
  20% {
    margin-right: -10px;
  }
  80% {
    margin-right: -346px;
  }
  100% {
    margin-right: -380px;
  }
}
@-webkit-keyframes VirtualPane---paneSlideIn {
  0% {
    margin-right: -380px;
  }
  20% {
    margin-right: -346px;
  }
  80% {
    margin-right: -10px;
  }
  100% {
    margin-right: 0;
  }
}
@keyframes VirtualPane---paneSlideIn {
  0% {
    margin-right: -380px;
  }
  20% {
    margin-right: -346px;
  }
  80% {
    margin-right: -10px;
  }
  100% {
    margin-right: 0;
  }
}
@-webkit-keyframes VirtualPane---buttonSlideOut {
  0% {
    width: 380px;
    border: none;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #d4d4d4;
  }
  20% {
    width: 370px;
  }
  79% {
    border: none;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #d4d4d4;
  }
  80% {
    width: 34px;
    border: 1px solid #d4d4d4;
  }
  100% {
    width: 34px;
    border: 1px solid #d4d4d4;
  }
}
@keyframes VirtualPane---buttonSlideOut {
  0% {
    width: 380px;
    border: none;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #d4d4d4;
  }
  20% {
    width: 370px;
  }
  79% {
    border: none;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #d4d4d4;
  }
  80% {
    width: 34px;
    border: 1px solid #d4d4d4;
  }
  100% {
    width: 34px;
    border: 1px solid #d4d4d4;
  }
}
@-webkit-keyframes VirtualPane---buttonSlideIn {
  0% {
    width: 34px;
    border: 1px solid #d4d4d4;
  }
  20% {
    width: 34px;
    border: 1px solid #d4d4d4;
  }
  21% {
    border: none;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #d4d4d4;
  }
  80% {
    width: 370px;
  }
  100% {
    width: 380px;
    border: none;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #d4d4d4;
  }
}
@keyframes VirtualPane---buttonSlideIn {
  0% {
    width: 34px;
    border: 1px solid #d4d4d4;
  }
  20% {
    width: 34px;
    border: 1px solid #d4d4d4;
  }
  21% {
    border: none;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #d4d4d4;
  }
  80% {
    width: 370px;
  }
  100% {
    width: 380px;
    border: none;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #d4d4d4;
  }
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.PaneLayout---in_list_pane_wrapper {
  position: relative !important;
  height: 100% !important;
}
.PaneLayout---pane_layout {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
  height: 100% !important;
  width: 100% !important;
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
      -ms-user-select: text !important;
          user-select: text !important;
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
          align-items: stretch !important;
}
.PaneLayout---pane_layout_designer {
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  overflow: hidden !important;
}
.PaneLayout---in_portal_preview {
  position: relative !important;
}
.PaneLayout---in_header_content_footer_layout {
  height: inherit !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* AN-79558: For some reason, the quoted font families are not processed the same way in LESS when they're used inside a
  detached ruleset (@shared-input-styles, here), and our theming extractor ends up not picking them. Moving the font-family
  declaration out of it addresses this. */
.ParagraphWidget---text,
.ParagraphWidget---password,
.ParagraphWidget---textarea,
.ParagraphWidget---textarea_print,
.ParagraphWidget---dropdown_value,
.ParagraphWidget---picker_value,
.ParagraphWidget---date_range_value {
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
}
.ParagraphWidget---align_start {
  text-align: left !important;
}
.ParagraphWidget---align_end {
  text-align: right !important;
}
.ParagraphWidget---center {
  text-align: center !important;
}
.ParagraphWidget---text::-ms-clear,
.ParagraphWidget---picker_input::-ms-clear {
  display: none !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.ParagraphWidget---text::-webkit-input-placeholder,
.ParagraphWidget---password::-webkit-input-placeholder,
.ParagraphWidget---picker_input::-webkit-input-placeholder,
.ParagraphWidget---dropdown_value::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-style: italic !important;
  font-weight: 400 !important;
}
.ParagraphWidget---text::-moz-placeholder,
.ParagraphWidget---password::-moz-placeholder,
.ParagraphWidget---picker_input::-moz-placeholder,
.ParagraphWidget---dropdown_value::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.ParagraphWidget---text:-ms-input-placeholder,
.ParagraphWidget---password:-ms-input-placeholder,
.ParagraphWidget---picker_input:-ms-input-placeholder,
.ParagraphWidget---dropdown_value:-ms-input-placeholder,
.ParagraphWidget---dropdown_value:disabled:-ms-input-placeholder,
.ParagraphWidget---text:disabled:-ms-input-placeholder,
.ParagraphWidget---password:disabled:-ms-input-placeholder,
.ParagraphWidget---picker_input:disabled:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.ParagraphWidget---textarea_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.ParagraphWidget---text.ParagraphWidget---has_clear_link,
.ParagraphWidget---password.ParagraphWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.ParagraphWidget---text,
.ParagraphWidget---password,
.ParagraphWidget---textarea,
.ParagraphWidget---textarea_print,
.ParagraphWidget---dropdown_value,
.ParagraphWidget---picker_value,
.ParagraphWidget---date_range_value,
.ParagraphWidget---date_picker2__control {
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  /* needs extra decimals for correct alignment in some browsers */
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  width: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
}
.ParagraphWidget---text.ParagraphWidget---inDarkBackground,
.ParagraphWidget---password.ParagraphWidget---inDarkBackground,
.ParagraphWidget---textarea.ParagraphWidget---inDarkBackground,
.ParagraphWidget---textarea_print.ParagraphWidget---inDarkBackground,
.ParagraphWidget---dropdown_value.ParagraphWidget---inDarkBackground,
.ParagraphWidget---picker_value.ParagraphWidget---inDarkBackground,
.ParagraphWidget---date_range_value.ParagraphWidget---inDarkBackground,
.ParagraphWidget---date_picker2__control.ParagraphWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.ParagraphWidget---dropdown,
.ParagraphWidget---picker {
  position: relative !important;
  font-size: 1rem !important;
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}
.ParagraphWidget---dropdown_value,
.ParagraphWidget---picker_value {
  min-height: 2.4286rem !important;
}
.appian-context-browser-safari .ParagraphWidget---text,
.appian-context-browser-safari .ParagraphWidget---textarea {
  margin: 0 !important;
  /* needed to prevent 2px margin-top & margin-bottom on Safari */
}
.appian-context-os-ios .ParagraphWidget---text,
.appian-context-os-ios .ParagraphWidget---password,
.appian-context-os-ios .ParagraphWidget---textarea,
.appian-context-os-ios .ParagraphWidget---textarea_print,
.appian-context-os-ios .ParagraphWidget---dropdown_value,
.appian-context-os-ios .ParagraphWidget---picker_value {
  font-family: -apple-system !important;
}
.appian-context-os-android .ParagraphWidget---text,
.appian-context-os-android .ParagraphWidget---password,
.appian-context-os-android .ParagraphWidget---textarea,
.appian-context-os-android .ParagraphWidget---textarea_print,
.appian-context-os-android .ParagraphWidget---dropdown_value,
.appian-context-os-android .ParagraphWidget---picker_value {
  font-family: "Roboto" !important;
}
.ParagraphWidget---text.ParagraphWidget---width_narrow,
.ParagraphWidget---password.ParagraphWidget---width_narrow,
.ParagraphWidget---textarea.ParagraphWidget---width_narrow,
.ParagraphWidget---textarea_print.ParagraphWidget---width_narrow,
.ParagraphWidget---dropdown.ParagraphWidget---width_narrow,
.ParagraphWidget---picker.ParagraphWidget---width_narrow {
  max-width: 160px !important;
}
.ParagraphWidget---text.ParagraphWidget---width_medium,
.ParagraphWidget---password.ParagraphWidget---width_medium,
.ParagraphWidget---textarea.ParagraphWidget---width_medium,
.ParagraphWidget---textarea_print.ParagraphWidget---width_medium,
.ParagraphWidget---dropdown.ParagraphWidget---width_medium,
.ParagraphWidget---picker.ParagraphWidget---width_medium {
  max-width: 320px !important;
}
.ParagraphWidget---text:focus,
.ParagraphWidget---password:focus,
.ParagraphWidget---textarea:focus,
.ParagraphWidget---dropdown_value:focus,
.ParagraphWidget---dropdown_value.ParagraphWidget---focus,
.ParagraphWidget---picker_value:focus,
.ParagraphWidget---picker_value.ParagraphWidget---focus,
.ParagraphWidget---date_picker2__control.ParagraphWidget---date_picker2__control--is-focused {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.ParagraphWidget---text:disabled,
.ParagraphWidget---password:disabled,
.ParagraphWidget---textarea:disabled,
.ParagraphWidget---textarea.ParagraphWidget---is_disabled,
.ParagraphWidget---dropdown_value.ParagraphWidget---is_disabled,
.ParagraphWidget---picker_value.ParagraphWidget---is_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  /* needed to prevent dropdown & picker from getting focus styling on click on IE */
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.ParagraphWidget---text:disabled,
.ParagraphWidget---password:disabled,
.ParagraphWidget---textarea:disabled,
.ParagraphWidget---textarea.ParagraphWidget---is_disabled,
.ParagraphWidget---dropdown_value.ParagraphWidget---is_disabled:after,
.ParagraphWidget---dropdown_value.ParagraphWidget---is_disabled:not(.ParagraphWidget---placeholder) {
  color: var(--appian-disabled-text-color, #777) !important;
  -webkit-text-fill-color: var(--appian-disabled-text-color, #777) !important;
  /* needed so disabled text color is correct in Safari */
}
.ParagraphWidget---picker_value.ParagraphWidget---is_disabled {
  cursor: default !important;
  /* needed to prevent text cursor */
}
.ParagraphWidget---text[aria-invalid="true"]:not(.ParagraphWidget---inEditableGridLayout),
.ParagraphWidget---password[aria-invalid="true"]:not(.ParagraphWidget---inEditableGridLayout),
.ParagraphWidget---textarea[aria-invalid="true"]:not(.ParagraphWidget---inEditableGridLayout),
.ParagraphWidget---dropdown_value[aria-invalid="true"]:not(.ParagraphWidget---inEditableGridLayout),
.ParagraphWidget---picker_value.ParagraphWidget---invalid:not(.ParagraphWidget---inEditableGridLayout) {
  border-color: #de0037 !important;
}
.ParagraphWidget---text[aria-invalid="true"]:not(.ParagraphWidget---inEditableGridLayout).ParagraphWidget---inDarkBackground,
.ParagraphWidget---password[aria-invalid="true"]:not(.ParagraphWidget---inEditableGridLayout).ParagraphWidget---inDarkBackground,
.ParagraphWidget---textarea[aria-invalid="true"]:not(.ParagraphWidget---inEditableGridLayout).ParagraphWidget---inDarkBackground,
.ParagraphWidget---dropdown_value[aria-invalid="true"]:not(.ParagraphWidget---inEditableGridLayout).ParagraphWidget---inDarkBackground,
.ParagraphWidget---picker_value.ParagraphWidget---invalid:not(.ParagraphWidget---inEditableGridLayout).ParagraphWidget---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.ParagraphWidget---text[aria-invalid="true"]:not(.ParagraphWidget---inEditableGridLayout):focus,
.ParagraphWidget---password[aria-invalid="true"]:not(.ParagraphWidget---inEditableGridLayout):focus,
.ParagraphWidget---textarea[aria-invalid="true"]:not(.ParagraphWidget---inEditableGridLayout):focus,
.ParagraphWidget---dropdown_value[aria-invalid="true"]:not(.ParagraphWidget---inEditableGridLayout):focus,
.ParagraphWidget---picker_value.ParagraphWidget---invalid:not(.ParagraphWidget---inEditableGridLayout):focus,
.ParagraphWidget---picker_value.ParagraphWidget---invalid:not(.ParagraphWidget---inEditableGridLayout).ParagraphWidget---focus {
  border-color: #1d659c !important;
}
.ParagraphWidget---picker_value.ParagraphWidget---invalid:not(.ParagraphWidget---inEditableGridLayout),
.ParagraphWidget---picker_value.ParagraphWidget---invalid:not(.ParagraphWidget---inEditableGridLayout):focus,
.ParagraphWidget---picker_value.ParagraphWidget---invalid:not(.ParagraphWidget---inEditableGridLayout).ParagraphWidget---focus {
  z-index: 2 !important;
}
.ParagraphWidget---text[aria-invalid="true"].ParagraphWidget---inEditableGridLayout.ParagraphWidget---inSideBySideItem,
.ParagraphWidget---text[aria-invalid="true"].ParagraphWidget---inEditableGridLayout.ParagraphWidget---inSideBySideItem:focus,
.ParagraphWidget---password[aria-invalid="true"].ParagraphWidget---inEditableGridLayout.ParagraphWidget---inSideBySideItem,
.ParagraphWidget---password[aria-invalid="true"].ParagraphWidget---inEditableGridLayout.ParagraphWidget---inSideBySideItem:focus,
.ParagraphWidget---dropdown_value[aria-invalid="true"].ParagraphWidget---inEditableGridLayout.ParagraphWidget---inSideBySideItem,
.ParagraphWidget---dropdown_value[aria-invalid="true"].ParagraphWidget---inEditableGridLayout.ParagraphWidget---inSideBySideItem:focus,
.ParagraphWidget---picker_value.ParagraphWidget---invalid.ParagraphWidget---inEditableGridLayout.ParagraphWidget---inSideBySideItem,
.ParagraphWidget---picker_value.ParagraphWidget---invalid.ParagraphWidget---inEditableGridLayout.ParagraphWidget---inSideBySideItem:focus,
.ParagraphWidget---picker_value.ParagraphWidget---invalid.ParagraphWidget---inEditableGridLayout.ParagraphWidget---inSideBySideItem.ParagraphWidget---focus {
  border: 1px solid transparent !important;
}
.ParagraphWidget---invalidInSideBySide,
.ParagraphWidget---invalidInSideBySide:focus {
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.ParagraphWidget---invalidInSideBySide.ParagraphWidget---inDarkBackground,
.ParagraphWidget---invalidInSideBySide:focus.ParagraphWidget---inDarkBackground {
  border-left-color: var(--appian-input-border-color, #ddd) !important;
  border-right-color: var(--appian-input-border-color, #ddd) !important;
}
.ParagraphWidget---textarea[aria-invalid="true"].ParagraphWidget---inEditableGridLayout.ParagraphWidget---inSideBySideItem,
.ParagraphWidget---textarea[aria-invalid="true"].ParagraphWidget---inEditableGridLayout.ParagraphWidget---inSideBySideItem:focus {
  border-color: #de0037 !important;
}
.ParagraphWidget---textarea[aria-invalid="true"].ParagraphWidget---inEditableGridLayout.ParagraphWidget---inSideBySideItem.ParagraphWidget---inDarkBackground,
.ParagraphWidget---textarea[aria-invalid="true"].ParagraphWidget---inEditableGridLayout.ParagraphWidget---inSideBySideItem.ParagraphWidget---inDarkBackground:focus {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.ParagraphWidget---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.ParagraphWidget---show_data_icon .ParagraphWidget---text,
.ParagraphWidget---show_data_icon .ParagraphWidget---password,
.ParagraphWidget---show_data_icon .ParagraphWidget---textarea,
.ParagraphWidget---show_data_icon .ParagraphWidget---dropdown_value {
  padding-left: 1.7857rem !important;
}
.ParagraphWidget---text.ParagraphWidget---has_clear_link,
.ParagraphWidget---password.ParagraphWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.ParagraphWidget---character_count {
  position: absolute !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 300 !important;
  right: 0 !important;
  bottom: 0 !important;
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  pointer-events: none !important;
}
.ParagraphWidget---character_count.ParagraphWidget---over_limit:not(.ParagraphWidget---inDarkBackground) {
  color: #de0037 !important;
  fill: #de0037 !important;
}
.ParagraphWidget---character_count.ParagraphWidget---over_limit.ParagraphWidget---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.ParagraphWidget---character_count .ParagraphWidget---icon_container {
  outline: none !important;
  margin-right: 3px !important;
  margin-bottom: -2px !important;
}
.ParagraphWidget---character_count .ParagraphWidget---icon_container > svg {
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
.ParagraphWidget---character_count_overlay {
  background-color: var(--appian-input-background-color-faded, #fffd) !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 0.7143rem 0.5714rem 0 !important;
  z-index: 3 !important;
}
.appian-context-os-windows .ParagraphWidget---character_count_overlay {
  margin: 0 1.2857rem 0.5714rem 0 !important;
}
.ParagraphWidget---textarea:disabled + .ParagraphWidget---character_count_overlay,
.ParagraphWidget---character_count_overlay_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.ParagraphWidget---data_icon {
  position: absolute !important;
  top: 0.7143rem !important;
  left: 0.5714rem !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  fill: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
a.ParagraphWidget---input_clear_link {
  border: none !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.ParagraphWidget---input_icon_wrapper > a.ParagraphWidget---input_clear_link {
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.9286rem !important;
}
.appian-context-browser-edge .ParagraphWidget---input_icon_wrapper > a.ParagraphWidget---input_clear_link {
  top: 0.5rem !important;
}
.ParagraphWidget---dropdown_value a.ParagraphWidget---input_clear_link {
  position: absolute !important;
  right: 1.4286rem !important;
  top: 0.5714rem !important;
}
.appian-context-os-mac.appian-context-browser-chrome .ParagraphWidget---dropdown_value a.ParagraphWidget---input_clear_link {
  top: 0.5rem !important;
}
a.ParagraphWidget---input_clear_link:hover,
a.ParagraphWidget---input_clear_link:focus:not([data-appian-ux-mouse-focus]) {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.ParagraphWidget---dropdown .ParagraphWidget---dropdown_value.ParagraphWidget---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.ParagraphWidget---dropdown_value.ParagraphWidget---has_inline_label span.ParagraphWidget---inline_label,
.ParagraphWidget---date_range_value.ParagraphWidget---has_inline_label span.ParagraphWidget---inline_label {
  display: inline-block !important;
  max-width: 70% !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.7857rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.1429rem !important;
  vertical-align: -0.2143rem !important;
  margin-right: 0.5rem !important;
  padding-right: 0.5rem !important;
  border-right: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.ParagraphWidget---dropdown_value.ParagraphWidget---has_inline_label.ParagraphWidget---inDarkBackground span.ParagraphWidget---inline_label,
.ParagraphWidget---date_range_value.ParagraphWidget---has_inline_label.ParagraphWidget---inDarkBackground span.ParagraphWidget---inline_label {
  border-right-color: var(--appian-choice-border-color, #bbb) !important;
}
.appian-context-browser-safari .ParagraphWidget---dropdown_value.ParagraphWidget---has_inline_label span.ParagraphWidget---inline_label,
.appian-context-browser-safari .ParagraphWidget---date_range_value.ParagraphWidget---has_inline_label span.ParagraphWidget---inline_label {
  vertical-align: inherit !important;
}
.ParagraphWidget---dropdown_value.ParagraphWidget---has_inline_label.ParagraphWidget---highlighted span.ParagraphWidget---value_display,
.ParagraphWidget---date_range_value.ParagraphWidget---has_inline_label.ParagraphWidget---highlighted span.ParagraphWidget---value_display {
  font-weight: 700 !important;
}
.ParagraphWidget---dropdown_value.ParagraphWidget---has_inline_label a.ParagraphWidget---input_clear_link,
.ParagraphWidget---date_range_value.ParagraphWidget---has_inline_label a.ParagraphWidget---input_clear_link {
  display: none !important;
  position: absolute !important;
  right: 1.5714rem !important;
  top: 0.5714rem !important;
}
.ParagraphWidget---dropdown_value.ParagraphWidget---has_inline_label.ParagraphWidget---highlighted a.ParagraphWidget---input_clear_link,
.ParagraphWidget---date_range_value.ParagraphWidget---has_inline_label.ParagraphWidget---highlighted a.ParagraphWidget---input_clear_link {
  display: inline-block !important;
}
.ParagraphWidget---date_range_value.ParagraphWidget---has_inline_label.ParagraphWidget---validation:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.ParagraphWidget---date_range_value.ParagraphWidget---has_inline_label.ParagraphWidget---validation:before {
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.ParagraphWidget---date_range_value.ParagraphWidget---has_inline_label.ParagraphWidget---validation.ParagraphWidget---inDarkBackground:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.ParagraphWidget---number_range_input.ParagraphWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.ParagraphWidget---date_range_value.ParagraphWidget---has_inline_label.ParagraphWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
}
.ParagraphWidget---date_range_value.ParagraphWidget---has_inline_label.ParagraphWidget---validation.ParagraphWidget---inDarkBackground:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.ParagraphWidget---number_range_input.ParagraphWidget---validation,
.ParagraphWidget---date_range_value.ParagraphWidget---has_inline_label.ParagraphWidget---validation {
  position: relative !important;
  border-color: transparent !important;
}
.ParagraphWidget---textarea {
  min-height: 8.2rem !important;
  padding-bottom: 0 !important;
  max-height: 40rem !important;
  resize: vertical !important;
  display: block !important;
  /* needed to prevent extra space from showing below paragraph (most obvious when in grid) */
}
.ParagraphWidget---textarea.ParagraphWidget---height_short {
  min-height: 4.1rem !important;
}
.ParagraphWidget---textarea.ParagraphWidget---height_medium {
  min-height: 8.2rem !important;
}
.ParagraphWidget---textarea.ParagraphWidget---height_tall {
  min-height: 15.5rem !important;
}
.ParagraphWidget---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .ParagraphWidget---accessibilityhidden {
  font-size: 0 !important;
}
.ParagraphWidget---align_start {
  text-align: left !important;
}
.ParagraphWidget---align_end {
  text-align: right !important;
}
.ParagraphWidget---center {
  text-align: center !important;
}
.ParagraphWidget---align_start {
  text-align: left !important;
}
.ParagraphWidget---align_end {
  text-align: right !important;
}
.ParagraphWidget---center {
  text-align: center !important;
}
.ParagraphWidget---text::-ms-clear,
.ParagraphWidget---picker_input::-ms-clear {
  display: none !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.ParagraphWidget---text::-webkit-input-placeholder,
.ParagraphWidget---password::-webkit-input-placeholder,
.ParagraphWidget---picker_input::-webkit-input-placeholder,
.ParagraphWidget---dropdown_value::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-style: italic !important;
  font-weight: 400 !important;
}
.ParagraphWidget---text::-moz-placeholder,
.ParagraphWidget---password::-moz-placeholder,
.ParagraphWidget---picker_input::-moz-placeholder,
.ParagraphWidget---dropdown_value::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.ParagraphWidget---text:-ms-input-placeholder,
.ParagraphWidget---password:-ms-input-placeholder,
.ParagraphWidget---picker_input:-ms-input-placeholder,
.ParagraphWidget---dropdown_value:-ms-input-placeholder,
.ParagraphWidget---dropdown_value:disabled:-ms-input-placeholder,
.ParagraphWidget---text:disabled:-ms-input-placeholder,
.ParagraphWidget---password:disabled:-ms-input-placeholder,
.ParagraphWidget---picker_input:disabled:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.ParagraphWidget---textarea_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.ParagraphWidget---text.ParagraphWidget---has_clear_link,
.ParagraphWidget---password.ParagraphWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.ParagraphWidget---text,
.ParagraphWidget---password,
.ParagraphWidget---textarea,
.ParagraphWidget---textarea_print,
.ParagraphWidget---dropdown_value,
.ParagraphWidget---picker_value,
.ParagraphWidget---date_range_value,
.ParagraphWidget---date_picker2__control {
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  /* needs extra decimals for correct alignment in some browsers */
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  width: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
}
.ParagraphWidget---text.ParagraphWidget---inDarkBackground,
.ParagraphWidget---password.ParagraphWidget---inDarkBackground,
.ParagraphWidget---textarea.ParagraphWidget---inDarkBackground,
.ParagraphWidget---textarea_print.ParagraphWidget---inDarkBackground,
.ParagraphWidget---dropdown_value.ParagraphWidget---inDarkBackground,
.ParagraphWidget---picker_value.ParagraphWidget---inDarkBackground,
.ParagraphWidget---date_range_value.ParagraphWidget---inDarkBackground,
.ParagraphWidget---date_picker2__control.ParagraphWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.ParagraphWidget---dropdown,
.ParagraphWidget---picker {
  position: relative !important;
  font-size: 1rem !important;
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}
.ParagraphWidget---dropdown_value,
.ParagraphWidget---picker_value {
  min-height: 2.4286rem !important;
}
.appian-context-browser-safari .ParagraphWidget---text,
.appian-context-browser-safari .ParagraphWidget---textarea {
  margin: 0 !important;
  /* needed to prevent 2px margin-top & margin-bottom on Safari */
}
.appian-context-os-ios .ParagraphWidget---text,
.appian-context-os-ios .ParagraphWidget---password,
.appian-context-os-ios .ParagraphWidget---textarea,
.appian-context-os-ios .ParagraphWidget---textarea_print,
.appian-context-os-ios .ParagraphWidget---dropdown_value,
.appian-context-os-ios .ParagraphWidget---picker_value {
  font-family: -apple-system !important;
}
.appian-context-os-android .ParagraphWidget---text,
.appian-context-os-android .ParagraphWidget---password,
.appian-context-os-android .ParagraphWidget---textarea,
.appian-context-os-android .ParagraphWidget---textarea_print,
.appian-context-os-android .ParagraphWidget---dropdown_value,
.appian-context-os-android .ParagraphWidget---picker_value {
  font-family: "Roboto" !important;
}
.ParagraphWidget---text.ParagraphWidget---width_narrow,
.ParagraphWidget---password.ParagraphWidget---width_narrow,
.ParagraphWidget---textarea.ParagraphWidget---width_narrow,
.ParagraphWidget---textarea_print.ParagraphWidget---width_narrow,
.ParagraphWidget---dropdown.ParagraphWidget---width_narrow,
.ParagraphWidget---picker.ParagraphWidget---width_narrow {
  max-width: 160px !important;
}
.ParagraphWidget---text.ParagraphWidget---width_medium,
.ParagraphWidget---password.ParagraphWidget---width_medium,
.ParagraphWidget---textarea.ParagraphWidget---width_medium,
.ParagraphWidget---textarea_print.ParagraphWidget---width_medium,
.ParagraphWidget---dropdown.ParagraphWidget---width_medium,
.ParagraphWidget---picker.ParagraphWidget---width_medium {
  max-width: 320px !important;
}
.ParagraphWidget---text:focus,
.ParagraphWidget---password:focus,
.ParagraphWidget---textarea:focus,
.ParagraphWidget---dropdown_value:focus,
.ParagraphWidget---dropdown_value.ParagraphWidget---focus,
.ParagraphWidget---picker_value:focus,
.ParagraphWidget---picker_value.ParagraphWidget---focus,
.ParagraphWidget---date_picker2__control.ParagraphWidget---date_picker2__control--is-focused {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.ParagraphWidget---text:disabled,
.ParagraphWidget---password:disabled,
.ParagraphWidget---textarea:disabled,
.ParagraphWidget---textarea.ParagraphWidget---is_disabled,
.ParagraphWidget---dropdown_value.ParagraphWidget---is_disabled,
.ParagraphWidget---picker_value.ParagraphWidget---is_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  /* needed to prevent dropdown & picker from getting focus styling on click on IE */
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.ParagraphWidget---text:disabled,
.ParagraphWidget---password:disabled,
.ParagraphWidget---textarea:disabled,
.ParagraphWidget---textarea.ParagraphWidget---is_disabled,
.ParagraphWidget---dropdown_value.ParagraphWidget---is_disabled:after,
.ParagraphWidget---dropdown_value.ParagraphWidget---is_disabled:not(.ParagraphWidget---placeholder) {
  color: var(--appian-disabled-text-color, #777) !important;
  -webkit-text-fill-color: var(--appian-disabled-text-color, #777) !important;
  /* needed so disabled text color is correct in Safari */
}
.ParagraphWidget---picker_value.ParagraphWidget---is_disabled {
  cursor: default !important;
  /* needed to prevent text cursor */
}
.ParagraphWidget---text[aria-invalid="true"]:not(.ParagraphWidget---inEditableGridLayout),
.ParagraphWidget---password[aria-invalid="true"]:not(.ParagraphWidget---inEditableGridLayout),
.ParagraphWidget---textarea[aria-invalid="true"]:not(.ParagraphWidget---inEditableGridLayout),
.ParagraphWidget---dropdown_value[aria-invalid="true"]:not(.ParagraphWidget---inEditableGridLayout),
.ParagraphWidget---picker_value.ParagraphWidget---invalid:not(.ParagraphWidget---inEditableGridLayout) {
  border-color: #de0037 !important;
}
.ParagraphWidget---text[aria-invalid="true"]:not(.ParagraphWidget---inEditableGridLayout).ParagraphWidget---inDarkBackground,
.ParagraphWidget---password[aria-invalid="true"]:not(.ParagraphWidget---inEditableGridLayout).ParagraphWidget---inDarkBackground,
.ParagraphWidget---textarea[aria-invalid="true"]:not(.ParagraphWidget---inEditableGridLayout).ParagraphWidget---inDarkBackground,
.ParagraphWidget---dropdown_value[aria-invalid="true"]:not(.ParagraphWidget---inEditableGridLayout).ParagraphWidget---inDarkBackground,
.ParagraphWidget---picker_value.ParagraphWidget---invalid:not(.ParagraphWidget---inEditableGridLayout).ParagraphWidget---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.ParagraphWidget---text[aria-invalid="true"]:not(.ParagraphWidget---inEditableGridLayout):focus,
.ParagraphWidget---password[aria-invalid="true"]:not(.ParagraphWidget---inEditableGridLayout):focus,
.ParagraphWidget---textarea[aria-invalid="true"]:not(.ParagraphWidget---inEditableGridLayout):focus,
.ParagraphWidget---dropdown_value[aria-invalid="true"]:not(.ParagraphWidget---inEditableGridLayout):focus,
.ParagraphWidget---picker_value.ParagraphWidget---invalid:not(.ParagraphWidget---inEditableGridLayout):focus,
.ParagraphWidget---picker_value.ParagraphWidget---invalid:not(.ParagraphWidget---inEditableGridLayout).ParagraphWidget---focus {
  border-color: #1d659c !important;
}
.ParagraphWidget---picker_value.ParagraphWidget---invalid:not(.ParagraphWidget---inEditableGridLayout),
.ParagraphWidget---picker_value.ParagraphWidget---invalid:not(.ParagraphWidget---inEditableGridLayout):focus,
.ParagraphWidget---picker_value.ParagraphWidget---invalid:not(.ParagraphWidget---inEditableGridLayout).ParagraphWidget---focus {
  z-index: 2 !important;
}
.ParagraphWidget---text[aria-invalid="true"].ParagraphWidget---inEditableGridLayout.ParagraphWidget---inSideBySideItem,
.ParagraphWidget---text[aria-invalid="true"].ParagraphWidget---inEditableGridLayout.ParagraphWidget---inSideBySideItem:focus,
.ParagraphWidget---password[aria-invalid="true"].ParagraphWidget---inEditableGridLayout.ParagraphWidget---inSideBySideItem,
.ParagraphWidget---password[aria-invalid="true"].ParagraphWidget---inEditableGridLayout.ParagraphWidget---inSideBySideItem:focus,
.ParagraphWidget---dropdown_value[aria-invalid="true"].ParagraphWidget---inEditableGridLayout.ParagraphWidget---inSideBySideItem,
.ParagraphWidget---dropdown_value[aria-invalid="true"].ParagraphWidget---inEditableGridLayout.ParagraphWidget---inSideBySideItem:focus,
.ParagraphWidget---picker_value.ParagraphWidget---invalid.ParagraphWidget---inEditableGridLayout.ParagraphWidget---inSideBySideItem,
.ParagraphWidget---picker_value.ParagraphWidget---invalid.ParagraphWidget---inEditableGridLayout.ParagraphWidget---inSideBySideItem:focus,
.ParagraphWidget---picker_value.ParagraphWidget---invalid.ParagraphWidget---inEditableGridLayout.ParagraphWidget---inSideBySideItem.ParagraphWidget---focus {
  border: 1px solid transparent !important;
}
.ParagraphWidget---invalidInSideBySide,
.ParagraphWidget---invalidInSideBySide:focus {
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.ParagraphWidget---invalidInSideBySide.ParagraphWidget---inDarkBackground,
.ParagraphWidget---invalidInSideBySide:focus.ParagraphWidget---inDarkBackground {
  border-left-color: var(--appian-input-border-color, #ddd) !important;
  border-right-color: var(--appian-input-border-color, #ddd) !important;
}
.ParagraphWidget---textarea[aria-invalid="true"].ParagraphWidget---inEditableGridLayout.ParagraphWidget---inSideBySideItem,
.ParagraphWidget---textarea[aria-invalid="true"].ParagraphWidget---inEditableGridLayout.ParagraphWidget---inSideBySideItem:focus {
  border-color: #de0037 !important;
}
.ParagraphWidget---textarea[aria-invalid="true"].ParagraphWidget---inEditableGridLayout.ParagraphWidget---inSideBySideItem.ParagraphWidget---inDarkBackground,
.ParagraphWidget---textarea[aria-invalid="true"].ParagraphWidget---inEditableGridLayout.ParagraphWidget---inSideBySideItem.ParagraphWidget---inDarkBackground:focus {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.ParagraphWidget---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.ParagraphWidget---show_data_icon .ParagraphWidget---text,
.ParagraphWidget---show_data_icon .ParagraphWidget---password,
.ParagraphWidget---show_data_icon .ParagraphWidget---textarea,
.ParagraphWidget---show_data_icon .ParagraphWidget---dropdown_value {
  padding-left: 1.7857rem !important;
}
.ParagraphWidget---text.ParagraphWidget---has_clear_link,
.ParagraphWidget---password.ParagraphWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.ParagraphWidget---character_count {
  position: absolute !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 300 !important;
  right: 0 !important;
  bottom: 0 !important;
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  pointer-events: none !important;
}
.ParagraphWidget---character_count.ParagraphWidget---over_limit:not(.ParagraphWidget---inDarkBackground) {
  color: #de0037 !important;
  fill: #de0037 !important;
}
.ParagraphWidget---character_count.ParagraphWidget---over_limit.ParagraphWidget---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.ParagraphWidget---character_count .ParagraphWidget---icon_container {
  outline: none !important;
  margin-right: 3px !important;
  margin-bottom: -2px !important;
}
.ParagraphWidget---character_count .ParagraphWidget---icon_container > svg {
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
.ParagraphWidget---character_count_overlay {
  background-color: var(--appian-input-background-color-faded, #fffd) !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 0.7143rem 0.5714rem 0 !important;
  z-index: 3 !important;
}
.appian-context-os-windows .ParagraphWidget---character_count_overlay {
  margin: 0 1.2857rem 0.5714rem 0 !important;
}
.ParagraphWidget---textarea:disabled + .ParagraphWidget---character_count_overlay,
.ParagraphWidget---character_count_overlay_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.ParagraphWidget---data_icon {
  position: absolute !important;
  top: 0.7143rem !important;
  left: 0.5714rem !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  fill: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
a.ParagraphWidget---input_clear_link {
  border: none !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.ParagraphWidget---input_icon_wrapper > a.ParagraphWidget---input_clear_link {
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.9286rem !important;
}
.appian-context-browser-edge .ParagraphWidget---input_icon_wrapper > a.ParagraphWidget---input_clear_link {
  top: 0.5rem !important;
}
.ParagraphWidget---dropdown_value a.ParagraphWidget---input_clear_link {
  position: absolute !important;
  right: 1.4286rem !important;
  top: 0.5714rem !important;
}
.appian-context-os-mac.appian-context-browser-chrome .ParagraphWidget---dropdown_value a.ParagraphWidget---input_clear_link {
  top: 0.5rem !important;
}
a.ParagraphWidget---input_clear_link:hover,
a.ParagraphWidget---input_clear_link:focus:not([data-appian-ux-mouse-focus]) {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.ParagraphWidget---dropdown .ParagraphWidget---dropdown_value.ParagraphWidget---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.ParagraphWidget---dropdown_value.ParagraphWidget---has_inline_label span.ParagraphWidget---inline_label,
.ParagraphWidget---date_range_value.ParagraphWidget---has_inline_label span.ParagraphWidget---inline_label {
  display: inline-block !important;
  max-width: 70% !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.7857rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.1429rem !important;
  vertical-align: -0.2143rem !important;
  margin-right: 0.5rem !important;
  padding-right: 0.5rem !important;
  border-right: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.ParagraphWidget---dropdown_value.ParagraphWidget---has_inline_label.ParagraphWidget---inDarkBackground span.ParagraphWidget---inline_label,
.ParagraphWidget---date_range_value.ParagraphWidget---has_inline_label.ParagraphWidget---inDarkBackground span.ParagraphWidget---inline_label {
  border-right-color: var(--appian-choice-border-color, #bbb) !important;
}
.appian-context-browser-safari .ParagraphWidget---dropdown_value.ParagraphWidget---has_inline_label span.ParagraphWidget---inline_label,
.appian-context-browser-safari .ParagraphWidget---date_range_value.ParagraphWidget---has_inline_label span.ParagraphWidget---inline_label {
  vertical-align: inherit !important;
}
.ParagraphWidget---dropdown_value.ParagraphWidget---has_inline_label.ParagraphWidget---highlighted span.ParagraphWidget---value_display,
.ParagraphWidget---date_range_value.ParagraphWidget---has_inline_label.ParagraphWidget---highlighted span.ParagraphWidget---value_display {
  font-weight: 700 !important;
}
.ParagraphWidget---dropdown_value.ParagraphWidget---has_inline_label a.ParagraphWidget---input_clear_link,
.ParagraphWidget---date_range_value.ParagraphWidget---has_inline_label a.ParagraphWidget---input_clear_link {
  display: none !important;
  position: absolute !important;
  right: 1.5714rem !important;
  top: 0.5714rem !important;
}
.ParagraphWidget---dropdown_value.ParagraphWidget---has_inline_label.ParagraphWidget---highlighted a.ParagraphWidget---input_clear_link,
.ParagraphWidget---date_range_value.ParagraphWidget---has_inline_label.ParagraphWidget---highlighted a.ParagraphWidget---input_clear_link {
  display: inline-block !important;
}
.ParagraphWidget---date_range_value.ParagraphWidget---has_inline_label.ParagraphWidget---validation:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.ParagraphWidget---date_range_value.ParagraphWidget---has_inline_label.ParagraphWidget---validation:before {
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.ParagraphWidget---date_range_value.ParagraphWidget---has_inline_label.ParagraphWidget---validation.ParagraphWidget---inDarkBackground:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.ParagraphWidget---number_range_input.ParagraphWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.ParagraphWidget---date_range_value.ParagraphWidget---has_inline_label.ParagraphWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
}
.ParagraphWidget---date_range_value.ParagraphWidget---has_inline_label.ParagraphWidget---validation.ParagraphWidget---inDarkBackground:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.ParagraphWidget---number_range_input.ParagraphWidget---validation,
.ParagraphWidget---date_range_value.ParagraphWidget---has_inline_label.ParagraphWidget---validation {
  position: relative !important;
  border-color: transparent !important;
}
/* must match the short ExpressionEditorWidget height when in a grid */
.ParagraphWidget---container {
  position: relative !important;
}
.ParagraphWidget---textarea.ParagraphWidget---hasCharacterCount {
  padding-bottom: 2rem !important;
}
.ParagraphWidget---textarea_print {
  padding-bottom: 0 !important;
  max-height: 40rem !important;
  resize: vertical !important;
  display: block !important;
  /* needed to prevent extra space from showing below paragraph (most obvious when in grid) */
}
.ParagraphWidget---textarea_print.ParagraphWidget---height_short {
  min-height: 4.1rem !important;
}
.ParagraphWidget---textarea_print.ParagraphWidget---height_medium {
  min-height: 8.2rem !important;
}
.ParagraphWidget---textarea_print.ParagraphWidget---height_tall {
  min-height: 15.5rem !important;
}
.ParagraphWidget---textarea.ParagraphWidget---inEditableGridLayout {
  resize: none !important;
  margin: 0 !important;
  /* Remove the margin on the textarea provided by Firefox and Safari */
}
.ParagraphWidget---textarea.ParagraphWidget---inEditableGridLayout.ParagraphWidget---height_short {
  min-height: 2.4286rem !important;
}
.ParagraphWidget---textarea.ParagraphWidget---inEditableGridLayout.ParagraphWidget---height_short:focus,
.ParagraphWidget---textarea.ParagraphWidget---inEditableGridLayout.ParagraphWidget---height_medium {
  min-height: 5.36rem !important;
}
.ParagraphWidget---textarea.ParagraphWidget---inEditableGridLayout.ParagraphWidget---height_tall {
  min-height: 9.7rem !important;
}
.ParagraphWidget---textarea.ParagraphWidget---inEditableGridLayout .ParagraphWidget---height_short.ParagraphWidget---popped_in {
  min-height: 2.4286rem !important;
  height: 2.4286rem !important;
}
.ParagraphWidget---textarea.ParagraphWidget---inEditableGridLayout.ParagraphWidget---height_medium.ParagraphWidget---popped_in {
  height: 5.36rem !important;
}
.ParagraphWidget---textarea.ParagraphWidget---inEditableGridLayout.ParagraphWidget---height_tall.ParagraphWidget---popped_in {
  height: 9.7rem !important;
}
.ParagraphWidget---textarea.ParagraphWidget---height_short.ParagraphWidget---inEditableGridLayout:focus {
  resize: none !important;
  margin: 0 !important;
  /* Remove the margin on the textarea provided by Firefox and Safari */
}
.ParagraphWidget---grid-paragraph-wrapper {
  position: relative !important;
}
.ParagraphWidget---grid-paragraph-wrapper.ParagraphWidget---height_short {
  min-height: 2.4286rem !important;
}
.ParagraphWidget---grid-paragraph-wrapper.ParagraphWidget---height_medium {
  min-height: 5.36rem !important;
}
.ParagraphWidget---grid-paragraph-wrapper.ParagraphWidget---height_tall {
  min-height: 9.7rem !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.ParagraphWidget---textarea::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.ParagraphWidget---textarea::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.ParagraphWidget---textarea:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.appian-context-browser-safari .ParagraphWidget---textarea:placeholder-shown {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.ParagraphWidget---textarea_print {
  display: none !important;
}
@media print {
  .ParagraphWidget---textarea_print,
  .ParagraphWidget---textarea_print.ParagraphWidget---height_short,
  .ParagraphWidget---textarea_print.ParagraphWidget---height_tall {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    white-space: pre-wrap !important;
    overflow: visible !important;
  }
  .ParagraphWidget---textarea {
    display: none !important;
  }
}
.ParagraphWidget---textarea.ParagraphWidget---inEditableGridLayout.ParagraphWidget---popped_out {
  position: fixed !important;
  z-index: 2000021 !important;
  min-width: 200px !important;
  /* matches POPOUT_MIN_WIDTH in ParagraphWidget.jsx */
  max-height: 210px !important;
  /* matches POPOUT_MAX_HEIGHT in ParagraphWidget.jsx */
}
.ParagraphWidget---textarea.ParagraphWidget---inEditableGridLayout.ParagraphWidget---popped_out.ParagraphWidget---inModalDialogLayout {
  z-index: 2000024 !important;
}
.ParagraphWidget---textarea.ParagraphWidget---inEditableGridLayout.ParagraphWidget---height_short {
  height: 2.4286rem !important;
}
.ParagraphWidget---textarea.ParagraphWidget---non-scrolling {
  overflow: hidden !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.PickerTokenWidget---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .PickerTokenWidget---accessibilityhidden {
  font-size: 0 !important;
}
.PickerTokenWidget---default_direction.PickerTokenWidget---chip {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: inline-flex !important;
  height: 1.857rem !important;
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  cursor: default !important;
  margin-top: 0.1rem !important;
  margin-bottom: 0.1rem !important;
  max-width: 100% !important;
  vertical-align: middle !important;
}
.PickerTokenWidget---default_direction.PickerTokenWidget---chip:not(.PickerTokenWidget---inNonInteractiveLayout) {
  pointer-events: auto !important;
}
.PickerTokenWidget---default_direction.PickerTokenWidget---chip.PickerTokenWidget---focus,
.PickerTokenWidget---default_direction.PickerTokenWidget---chip:focus {
  border-color: #1d659c !important;
  outline: none !important;
}
.PickerTokenWidget---default_direction.PickerTokenWidget---chip:not(:last-child) {
  margin-right: 0.2rem !important;
}
.PickerTokenWidget---default_direction.PickerTokenWidget---chip .PickerTokenWidget---label {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
  padding: 0 0.4286rem !important;
  line-height: 1.714rem !important;
  color: var(--appian-text-color, #222) !important;
  vertical-align: middle !important;
  font-size: 1rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.PickerTokenWidget---default_direction.PickerTokenWidget---chip .PickerTokenWidget---label a {
  border-bottom: none !important;
  line-height: 1.714rem !important;
}
.PickerTokenWidget---default_direction.PickerTokenWidget---chip .PickerTokenWidget---label a:hover,
.PickerTokenWidget---default_direction.PickerTokenWidget---chip .PickerTokenWidget---label a:focus {
  border-bottom: none !important;
  text-decoration: underline !important;
}
.PickerTokenWidget---default_direction.PickerTokenWidget---chip .PickerTokenWidget---icon {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  width: 1.714rem !important;
  height: 1.714rem !important;
  background-size: cover !important;
  background-position: 50% 50% !important;
  vertical-align: middle !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-top-left-radius: 0rem !important;
  border-bottom-left-radius: 0rem !important;
}
.PickerTokenWidget---default_direction.PickerTokenWidget---chip a.PickerTokenWidget---remove {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  padding: 0 0.2142rem 0 0 !important;
  line-height: 1.714rem !important;
  border: none !important;
  vertical-align: middle !important;
  font-size: 1rem !important;
  /* Temporary fix for AN-115040 */
  /* AN-123131 Remove this when Chrome fixes SVG rendering issues */
  outline: none !important;
  cursor: pointer !important;
  -webkit-transition: all 400ms ease-in-out !important;
  transition: all 400ms ease-in-out !important;
  -webkit-align-self: center !important;
              -ms-grid-row-align: center !important;
          align-self: center !important;
}
.appian-context-browser-chrome .PickerTokenWidget---default_direction.PickerTokenWidget---chip a.PickerTokenWidget---remove {
  font-size: 15px !important;
}
.PickerTokenWidget---default_direction.PickerTokenWidget---chip a.PickerTokenWidget---remove:hover,
.PickerTokenWidget---default_direction.PickerTokenWidget---chip a.PickerTokenWidget---remove:focus {
  -webkit-transform: scale(1.3) !important;
  transform: scale(1.3) !important;
}
.PickerTokenWidget---default_direction.PickerTokenWidget---chip a.PickerTokenWidget---remove .PickerTokenWidget---remove_icon {
  height: 1em !important;
  width: 1em !important;
  vertical-align: -0.15em !important;
  fill: #1d659c !important;
}
.PickerTokenWidget---default_direction.PickerTokenWidget---chip.PickerTokenWidget---sequentialPicker {
  background-color: transparent !important;
  border-radius: 0.4rem !important;
}
.PickerTokenWidget---default_direction.PickerTokenWidget---chip.PickerTokenWidget---sequentialPicker:not(.PickerTokenWidget---inDarkBackground) {
  border-color: #e0e0e0 !important;
}
.PickerTokenWidget---default_direction.PickerTokenWidget---chip.PickerTokenWidget---plainText {
  background-color: transparent !important;
  border-color: transparent !important;
}
.PickerTokenWidget---default_direction.PickerTokenWidget---chip.PickerTokenWidget---plainText .PickerTokenWidget---label {
  padding: 0 !important;
}
.PickerTokenWidget---default_direction.PickerTokenWidget---chip.PickerTokenWidget---plainText a.PickerTokenWidget---remove,
.PickerTokenWidget---default_direction.PickerTokenWidget---chip.PickerTokenWidget---sequentialPicker a.PickerTokenWidget---remove {
  display: none !important;
}
/* rtl:begin:ignore */
.PickerTokenWidget---force_ltr {
  direction: ltr !important;
}
.PickerTokenWidget---force_ltr.PickerTokenWidget---chip {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: inline-flex !important;
  height: 1.857rem !important;
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  cursor: default !important;
  margin-top: 0.1rem !important;
  margin-bottom: 0.1rem !important;
  max-width: 100% !important;
  vertical-align: middle !important;
}
.PickerTokenWidget---force_ltr.PickerTokenWidget---chip:not(.PickerTokenWidget---inNonInteractiveLayout) {
  pointer-events: auto !important;
}
.PickerTokenWidget---force_ltr.PickerTokenWidget---chip.PickerTokenWidget---focus,
.PickerTokenWidget---force_ltr.PickerTokenWidget---chip:focus {
  border-color: #1d659c !important;
  outline: none !important;
}
.PickerTokenWidget---force_ltr.PickerTokenWidget---chip:not(:last-child) {
  margin-right: 0.2rem !important;
}
.PickerTokenWidget---force_ltr.PickerTokenWidget---chip .PickerTokenWidget---label {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
  padding: 0 0.4286rem !important;
  line-height: 1.714rem !important;
  color: var(--appian-text-color, #222) !important;
  vertical-align: middle !important;
  font-size: 1rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.PickerTokenWidget---force_ltr.PickerTokenWidget---chip .PickerTokenWidget---label a {
  border-bottom: none !important;
  line-height: 1.714rem !important;
}
.PickerTokenWidget---force_ltr.PickerTokenWidget---chip .PickerTokenWidget---label a:hover,
.PickerTokenWidget---force_ltr.PickerTokenWidget---chip .PickerTokenWidget---label a:focus {
  border-bottom: none !important;
  text-decoration: underline !important;
}
.PickerTokenWidget---force_ltr.PickerTokenWidget---chip .PickerTokenWidget---icon {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  width: 1.714rem !important;
  height: 1.714rem !important;
  background-size: cover !important;
  background-position: 50% 50% !important;
  vertical-align: middle !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-top-left-radius: 0rem !important;
  border-bottom-left-radius: 0rem !important;
}
.PickerTokenWidget---force_ltr.PickerTokenWidget---chip a.PickerTokenWidget---remove {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  padding: 0 0.2142rem 0 0 !important;
  line-height: 1.714rem !important;
  border: none !important;
  vertical-align: middle !important;
  font-size: 1rem !important;
  /* Temporary fix for AN-115040 */
  /* AN-123131 Remove this when Chrome fixes SVG rendering issues */
  outline: none !important;
  cursor: pointer !important;
  -webkit-transition: all 400ms ease-in-out !important;
  transition: all 400ms ease-in-out !important;
  -webkit-align-self: center !important;
              -ms-grid-row-align: center !important;
          align-self: center !important;
}
.appian-context-browser-chrome .PickerTokenWidget---force_ltr.PickerTokenWidget---chip a.PickerTokenWidget---remove {
  font-size: 15px !important;
}
.PickerTokenWidget---force_ltr.PickerTokenWidget---chip a.PickerTokenWidget---remove:hover,
.PickerTokenWidget---force_ltr.PickerTokenWidget---chip a.PickerTokenWidget---remove:focus {
  -webkit-transform: scale(1.3) !important;
  transform: scale(1.3) !important;
}
.PickerTokenWidget---force_ltr.PickerTokenWidget---chip a.PickerTokenWidget---remove .PickerTokenWidget---remove_icon {
  height: 1em !important;
  width: 1em !important;
  vertical-align: -0.15em !important;
  fill: #1d659c !important;
}
.PickerTokenWidget---force_ltr.PickerTokenWidget---chip.PickerTokenWidget---sequentialPicker {
  background-color: transparent !important;
  border-radius: 0.4rem !important;
}
.PickerTokenWidget---force_ltr.PickerTokenWidget---chip.PickerTokenWidget---sequentialPicker:not(.PickerTokenWidget---inDarkBackground) {
  border-color: #e0e0e0 !important;
}
.PickerTokenWidget---force_ltr.PickerTokenWidget---chip.PickerTokenWidget---plainText {
  background-color: transparent !important;
  border-color: transparent !important;
}
.PickerTokenWidget---force_ltr.PickerTokenWidget---chip.PickerTokenWidget---plainText .PickerTokenWidget---label {
  padding: 0 !important;
}
.PickerTokenWidget---force_ltr.PickerTokenWidget---chip.PickerTokenWidget---plainText a.PickerTokenWidget---remove,
.PickerTokenWidget---force_ltr.PickerTokenWidget---chip.PickerTokenWidget---sequentialPicker a.PickerTokenWidget---remove {
  display: none !important;
}
/* rtl:end:ignore */

/* AN-79558: For some reason, the quoted font families are not processed the same way in LESS when they're used inside a
  detached ruleset (@shared-input-styles, here), and our theming extractor ends up not picking them. Moving the font-family
  declaration out of it addresses this. */
.PickerWidget---text,
.PickerWidget---password,
.PickerWidget---textarea,
.PickerWidget---textarea_print,
.PickerWidget---dropdown_value,
.PickerWidget---picker_value,
.PickerWidget---date_range_value {
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
}
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.PickerWidget---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .PickerWidget---accessibilityhidden {
  font-size: 0 !important;
}
ul.PickerWidget---listbox,
.PickerWidget---date_picker2__menu {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  -webkit-appearance: none !important;
  background-color: var(--appian-pop-up-menu-color, #fff) !important;
  z-index: 2000020 !important;
  white-space: nowrap !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  max-height: 24.5714rem !important;
  /* displays 11 items + partial item */
  max-width: 700px !important;
  /* if this value changes, also update widthThreshold in DropdownWidget.jsx, MultipleDropdown.jsx, PickerWidget.jsx, & TimeWidget.jsx */
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  position: absolute !important;
  margin-top: 2px !important;
  left: 0 !important;
  right: auto !important;
  text-align: left !important;
  outline: none !important;
}
ul.PickerWidget---listbox.PickerWidget---inDarkBackground,
.PickerWidget---date_picker2__menu.PickerWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
ul.PickerWidget---relative {
  /* necessary for Tether to be aware of the listbox's height */
  position: relative !important;
  margin-top: 0px !important;
}
ul.PickerWidget---listbox.PickerWidget---inline {
  /* default medium height */
  position: static !important;
  z-index: auto !important;
}
ul.PickerWidget---listbox.PickerWidget---short {
  max-height: 12rem !important;
  /* displays 5 items + partial item */
}
ul.PickerWidget---listbox.PickerWidget---tall {
  max-height: 34.6429rem !important;
  /* displays 16 items + partial item */
}
ul.PickerWidget---listbox.PickerWidget---auto {
  /* auto height = no constraint */
  max-height: none !important;
}
ul.PickerWidget---listbox.PickerWidget---pointer {
  margin-top: 6px !important;
}
ul.PickerWidget---listbox.PickerWidget---pointer:before {
  content: "" !important;
  position: absolute !important;
  top: -16px !important;
  left: 3px !important;
  width: 0 !important;
  height: 0 !important;
  border-bottom: 8px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-top: 8px solid transparent !important;
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
}
ul.PickerWidget---listbox.PickerWidget---pointer:after {
  content: "" !important;
  position: absolute !important;
  top: -12px !important;
  left: 5px !important;
  width: 0 !important;
  height: 0 !important;
  border-bottom: 6px solid var(--appian-pop-up-menu-color, #fff) !important;
  border-top: 6px solid transparent !important;
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
}
ul.PickerWidget---listbox.PickerWidget---anchor_end.PickerWidget---pointer:before {
  left: auto !important;
  right: 3px !important;
}
ul.PickerWidget---listbox.PickerWidget---pointer:after {
  left: auto !important;
  right: 5px !important;
}
ul.PickerWidget---listbox.PickerWidget---anchor_top {
  top: auto !important;
  bottom: 2.5rem !important;
}
ul.PickerWidget---listbox.PickerWidget---anchor_end {
  /*rtl:begin:ignore*/
  left: auto !important;
  right: 0 !important;
  /*rtl:end:ignore*/
}
ul.PickerWidget---listbox.PickerWidget---closed {
  display: none !important;
}
ul.PickerWidget---listbox.PickerWidget---open {
  display: block !important;
}
ul.PickerWidget---listbox.PickerWidget---inModalDialogLayout {
  z-index: 2000023 !important;
}
ul.PickerWidget---listbox li,
.PickerWidget---date_picker2__menu .PickerWidget---date_picker2__option {
  outline: none !important;
  position: relative !important;
  cursor: default !important;
  line-height: 1.4 !important;
}
li.PickerWidget---active,
.PickerWidget---date_picker2__menu .PickerWidget---date_picker2__option.PickerWidget---date_picker2__option--is-focused:not(.PickerWidget---date_picker2__option--is-selected) {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
  box-shadow: 0 0 0 1px #1d659c inset !important;
}
li:not(.PickerWidget---inRichTextEditorWidget).PickerWidget---active[aria-selected="true"]:after,
.PickerWidget---date_picker2__option.PickerWidget---date_picker2__option--is-focused.PickerWidget---date_picker2__option--is-selected:after {
  content: "" !important;
  display: inline-block !important;
  width: calc(100% - 4px) !important;
  height: calc(100% - 4px) !important;
  position: absolute !important;
  left: 2px !important;
  top: 2px !important;
  border: 1px solid #fff !important;
}
li.PickerWidget---inApplicationHeaderLayout:not(.PickerWidget---inProcessHQ).PickerWidget---inDarkBackground.PickerWidget---active {
  background-color: rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 0 0 1px #fff inset !important;
}
ul.PickerWidget---listbox li > div,
.PickerWidget---date_picker2__menu .PickerWidget---date_picker2__option {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  min-height: 1.3571rem !important;
  cursor: default !important;
  color: var(--appian-text-color, #222) !important;
}
ul.PickerWidget---listbox.PickerWidget---inApplicationHeaderLayout:not(.PickerWidget---inProcessHQ).PickerWidget---inDarkBackground li > div {
  color: #fff !important;
  fill: #fff !important;
}
.PickerWidget---picker_suggestions {
  z-index: 2000020 !important;
}
.PickerWidget---default_direction {
  /* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
  /*
   * We need to specify both is_readonly and inDarkBackground here in order to
   * fix a bug where the readonly border color wasn't transparent on dark
   * backgrounds. This was happening because the .picker_value.inDarkBackground
   * rule in inputs.less is injected into the style tag of the page and takes
   * precedence over the .picker_value.is_readonly rule above. We need to use a
   * more specific selector here to override the value from inputs.less.
   */
}
.PickerWidget---default_direction.PickerWidget---align_start {
  text-align: left !important;
}
.PickerWidget---default_direction.PickerWidget---align_end {
  text-align: right !important;
}
.PickerWidget---default_direction.PickerWidget---center {
  text-align: center !important;
}
.PickerWidget---default_direction .PickerWidget---text::-ms-clear,
.PickerWidget---default_direction .PickerWidget---picker_input::-ms-clear {
  display: none !important;
}
.PickerWidget---default_direction .PickerWidget---text::-webkit-input-placeholder,
.PickerWidget---default_direction .PickerWidget---password::-webkit-input-placeholder,
.PickerWidget---default_direction .PickerWidget---picker_input::-webkit-input-placeholder,
.PickerWidget---default_direction .PickerWidget---dropdown_value::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-style: italic !important;
  font-weight: 400 !important;
}
.PickerWidget---default_direction .PickerWidget---text::-moz-placeholder,
.PickerWidget---default_direction .PickerWidget---password::-moz-placeholder,
.PickerWidget---default_direction .PickerWidget---picker_input::-moz-placeholder,
.PickerWidget---default_direction .PickerWidget---dropdown_value::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.PickerWidget---default_direction .PickerWidget---text:-ms-input-placeholder,
.PickerWidget---default_direction .PickerWidget---password:-ms-input-placeholder,
.PickerWidget---default_direction .PickerWidget---picker_input:-ms-input-placeholder,
.PickerWidget---default_direction .PickerWidget---dropdown_value:-ms-input-placeholder,
.PickerWidget---default_direction .PickerWidget---dropdown_value:disabled:-ms-input-placeholder,
.PickerWidget---default_direction .PickerWidget---text:disabled:-ms-input-placeholder,
.PickerWidget---default_direction .PickerWidget---password:disabled:-ms-input-placeholder,
.PickerWidget---default_direction .PickerWidget---picker_input:disabled:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.PickerWidget---default_direction .PickerWidget---textarea_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.PickerWidget---default_direction .PickerWidget---text.PickerWidget---has_clear_link,
.PickerWidget---default_direction .PickerWidget---password.PickerWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.PickerWidget---default_direction .PickerWidget---text,
.PickerWidget---default_direction .PickerWidget---password,
.PickerWidget---default_direction .PickerWidget---textarea,
.PickerWidget---default_direction .PickerWidget---textarea_print,
.PickerWidget---default_direction .PickerWidget---dropdown_value,
.PickerWidget---default_direction .PickerWidget---picker_value,
.PickerWidget---default_direction .PickerWidget---date_range_value,
.PickerWidget---default_direction .PickerWidget---date_picker2__control {
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  /* needs extra decimals for correct alignment in some browsers */
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  width: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
}
.PickerWidget---default_direction .PickerWidget---text.PickerWidget---inDarkBackground,
.PickerWidget---default_direction .PickerWidget---password.PickerWidget---inDarkBackground,
.PickerWidget---default_direction .PickerWidget---textarea.PickerWidget---inDarkBackground,
.PickerWidget---default_direction .PickerWidget---textarea_print.PickerWidget---inDarkBackground,
.PickerWidget---default_direction .PickerWidget---dropdown_value.PickerWidget---inDarkBackground,
.PickerWidget---default_direction .PickerWidget---picker_value.PickerWidget---inDarkBackground,
.PickerWidget---default_direction .PickerWidget---date_range_value.PickerWidget---inDarkBackground,
.PickerWidget---default_direction .PickerWidget---date_picker2__control.PickerWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.PickerWidget---default_direction.PickerWidget---dropdown,
.PickerWidget---default_direction.PickerWidget---picker {
  position: relative !important;
  font-size: 1rem !important;
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}
.PickerWidget---default_direction .PickerWidget---dropdown_value,
.PickerWidget---default_direction .PickerWidget---picker_value {
  min-height: 2.4286rem !important;
}
.PickerWidget---default_direction .appian-context-browser-safari .PickerWidget---text,
.PickerWidget---default_direction .appian-context-browser-safari .PickerWidget---textarea {
  margin: 0 !important;
  /* needed to prevent 2px margin-top & margin-bottom on Safari */
}
.PickerWidget---default_direction .appian-context-os-ios .PickerWidget---text,
.PickerWidget---default_direction .appian-context-os-ios .PickerWidget---password,
.PickerWidget---default_direction .appian-context-os-ios .PickerWidget---textarea,
.PickerWidget---default_direction .appian-context-os-ios .PickerWidget---textarea_print,
.PickerWidget---default_direction .appian-context-os-ios .PickerWidget---dropdown_value,
.PickerWidget---default_direction .appian-context-os-ios .PickerWidget---picker_value {
  font-family: -apple-system !important;
}
.PickerWidget---default_direction .appian-context-os-android .PickerWidget---text,
.PickerWidget---default_direction .appian-context-os-android .PickerWidget---password,
.PickerWidget---default_direction .appian-context-os-android .PickerWidget---textarea,
.PickerWidget---default_direction .appian-context-os-android .PickerWidget---textarea_print,
.PickerWidget---default_direction .appian-context-os-android .PickerWidget---dropdown_value,
.PickerWidget---default_direction .appian-context-os-android .PickerWidget---picker_value {
  font-family: "Roboto" !important;
}
.PickerWidget---default_direction .PickerWidget---text.PickerWidget---width_narrow,
.PickerWidget---default_direction .PickerWidget---password.PickerWidget---width_narrow,
.PickerWidget---default_direction .PickerWidget---textarea.PickerWidget---width_narrow,
.PickerWidget---default_direction .PickerWidget---textarea_print.PickerWidget---width_narrow,
.PickerWidget---default_direction .PickerWidget---dropdown.PickerWidget---width_narrow,
.PickerWidget---default_direction .PickerWidget---picker.PickerWidget---width_narrow {
  max-width: 160px !important;
}
.PickerWidget---default_direction .PickerWidget---text.PickerWidget---width_medium,
.PickerWidget---default_direction .PickerWidget---password.PickerWidget---width_medium,
.PickerWidget---default_direction .PickerWidget---textarea.PickerWidget---width_medium,
.PickerWidget---default_direction .PickerWidget---textarea_print.PickerWidget---width_medium,
.PickerWidget---default_direction .PickerWidget---dropdown.PickerWidget---width_medium,
.PickerWidget---default_direction .PickerWidget---picker.PickerWidget---width_medium {
  max-width: 320px !important;
}
.PickerWidget---default_direction .PickerWidget---text:focus,
.PickerWidget---default_direction .PickerWidget---password:focus,
.PickerWidget---default_direction .PickerWidget---textarea:focus,
.PickerWidget---default_direction .PickerWidget---dropdown_value:focus,
.PickerWidget---default_direction .PickerWidget---dropdown_value.PickerWidget---focus,
.PickerWidget---default_direction .PickerWidget---picker_value:focus,
.PickerWidget---default_direction .PickerWidget---picker_value.PickerWidget---focus,
.PickerWidget---default_direction .PickerWidget---date_picker2__control.PickerWidget---date_picker2__control--is-focused {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.PickerWidget---default_direction .PickerWidget---text:disabled,
.PickerWidget---default_direction .PickerWidget---password:disabled,
.PickerWidget---default_direction .PickerWidget---textarea:disabled,
.PickerWidget---default_direction .PickerWidget---textarea.PickerWidget---is_disabled,
.PickerWidget---default_direction .PickerWidget---dropdown_value.PickerWidget---is_disabled,
.PickerWidget---default_direction .PickerWidget---picker_value.PickerWidget---is_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  /* needed to prevent dropdown & picker from getting focus styling on click on IE */
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.PickerWidget---default_direction .PickerWidget---text:disabled,
.PickerWidget---default_direction .PickerWidget---password:disabled,
.PickerWidget---default_direction .PickerWidget---textarea:disabled,
.PickerWidget---default_direction .PickerWidget---textarea.PickerWidget---is_disabled,
.PickerWidget---default_direction .PickerWidget---dropdown_value.PickerWidget---is_disabled:after,
.PickerWidget---default_direction .PickerWidget---dropdown_value.PickerWidget---is_disabled:not(.PickerWidget---placeholder) {
  color: var(--appian-disabled-text-color, #777) !important;
  -webkit-text-fill-color: var(--appian-disabled-text-color, #777) !important;
  /* needed so disabled text color is correct in Safari */
}
.PickerWidget---default_direction .PickerWidget---picker_value.PickerWidget---is_disabled {
  cursor: default !important;
  /* needed to prevent text cursor */
}
.PickerWidget---default_direction .PickerWidget---text[aria-invalid="true"]:not(.PickerWidget---inEditableGridLayout),
.PickerWidget---default_direction .PickerWidget---password[aria-invalid="true"]:not(.PickerWidget---inEditableGridLayout),
.PickerWidget---default_direction .PickerWidget---textarea[aria-invalid="true"]:not(.PickerWidget---inEditableGridLayout),
.PickerWidget---default_direction .PickerWidget---dropdown_value[aria-invalid="true"]:not(.PickerWidget---inEditableGridLayout),
.PickerWidget---default_direction .PickerWidget---picker_value.PickerWidget---invalid:not(.PickerWidget---inEditableGridLayout) {
  border-color: #de0037 !important;
}
.PickerWidget---default_direction .PickerWidget---text[aria-invalid="true"]:not(.PickerWidget---inEditableGridLayout).PickerWidget---inDarkBackground,
.PickerWidget---default_direction .PickerWidget---password[aria-invalid="true"]:not(.PickerWidget---inEditableGridLayout).PickerWidget---inDarkBackground,
.PickerWidget---default_direction .PickerWidget---textarea[aria-invalid="true"]:not(.PickerWidget---inEditableGridLayout).PickerWidget---inDarkBackground,
.PickerWidget---default_direction .PickerWidget---dropdown_value[aria-invalid="true"]:not(.PickerWidget---inEditableGridLayout).PickerWidget---inDarkBackground,
.PickerWidget---default_direction .PickerWidget---picker_value.PickerWidget---invalid:not(.PickerWidget---inEditableGridLayout).PickerWidget---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.PickerWidget---default_direction .PickerWidget---text[aria-invalid="true"]:not(.PickerWidget---inEditableGridLayout):focus,
.PickerWidget---default_direction .PickerWidget---password[aria-invalid="true"]:not(.PickerWidget---inEditableGridLayout):focus,
.PickerWidget---default_direction .PickerWidget---textarea[aria-invalid="true"]:not(.PickerWidget---inEditableGridLayout):focus,
.PickerWidget---default_direction .PickerWidget---dropdown_value[aria-invalid="true"]:not(.PickerWidget---inEditableGridLayout):focus,
.PickerWidget---default_direction .PickerWidget---picker_value.PickerWidget---invalid:not(.PickerWidget---inEditableGridLayout):focus,
.PickerWidget---default_direction .PickerWidget---picker_value.PickerWidget---invalid:not(.PickerWidget---inEditableGridLayout).PickerWidget---focus {
  border-color: #1d659c !important;
}
.PickerWidget---default_direction .PickerWidget---picker_value.PickerWidget---invalid:not(.PickerWidget---inEditableGridLayout),
.PickerWidget---default_direction .PickerWidget---picker_value.PickerWidget---invalid:not(.PickerWidget---inEditableGridLayout):focus,
.PickerWidget---default_direction .PickerWidget---picker_value.PickerWidget---invalid:not(.PickerWidget---inEditableGridLayout).PickerWidget---focus {
  z-index: 2 !important;
}
.PickerWidget---default_direction .PickerWidget---text[aria-invalid="true"].PickerWidget---inEditableGridLayout.PickerWidget---inSideBySideItem,
.PickerWidget---default_direction .PickerWidget---text[aria-invalid="true"].PickerWidget---inEditableGridLayout.PickerWidget---inSideBySideItem:focus,
.PickerWidget---default_direction .PickerWidget---password[aria-invalid="true"].PickerWidget---inEditableGridLayout.PickerWidget---inSideBySideItem,
.PickerWidget---default_direction .PickerWidget---password[aria-invalid="true"].PickerWidget---inEditableGridLayout.PickerWidget---inSideBySideItem:focus,
.PickerWidget---default_direction .PickerWidget---dropdown_value[aria-invalid="true"].PickerWidget---inEditableGridLayout.PickerWidget---inSideBySideItem,
.PickerWidget---default_direction .PickerWidget---dropdown_value[aria-invalid="true"].PickerWidget---inEditableGridLayout.PickerWidget---inSideBySideItem:focus,
.PickerWidget---default_direction .PickerWidget---picker_value.PickerWidget---invalid.PickerWidget---inEditableGridLayout.PickerWidget---inSideBySideItem,
.PickerWidget---default_direction .PickerWidget---picker_value.PickerWidget---invalid.PickerWidget---inEditableGridLayout.PickerWidget---inSideBySideItem:focus,
.PickerWidget---default_direction .PickerWidget---picker_value.PickerWidget---invalid.PickerWidget---inEditableGridLayout.PickerWidget---inSideBySideItem.PickerWidget---focus {
  border: 1px solid transparent !important;
}
.PickerWidget---default_direction .PickerWidget---invalidInSideBySide,
.PickerWidget---default_direction .PickerWidget---invalidInSideBySide:focus {
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.PickerWidget---default_direction .PickerWidget---invalidInSideBySide.PickerWidget---inDarkBackground,
.PickerWidget---default_direction .PickerWidget---invalidInSideBySide:focus.PickerWidget---inDarkBackground {
  border-left-color: var(--appian-input-border-color, #ddd) !important;
  border-right-color: var(--appian-input-border-color, #ddd) !important;
}
.PickerWidget---default_direction .PickerWidget---textarea[aria-invalid="true"].PickerWidget---inEditableGridLayout.PickerWidget---inSideBySideItem,
.PickerWidget---default_direction .PickerWidget---textarea[aria-invalid="true"].PickerWidget---inEditableGridLayout.PickerWidget---inSideBySideItem:focus {
  border-color: #de0037 !important;
}
.PickerWidget---default_direction .PickerWidget---textarea[aria-invalid="true"].PickerWidget---inEditableGridLayout.PickerWidget---inSideBySideItem.PickerWidget---inDarkBackground,
.PickerWidget---default_direction .PickerWidget---textarea[aria-invalid="true"].PickerWidget---inEditableGridLayout.PickerWidget---inSideBySideItem.PickerWidget---inDarkBackground:focus {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.PickerWidget---default_direction .PickerWidget---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.PickerWidget---default_direction .PickerWidget---show_data_icon .PickerWidget---text,
.PickerWidget---default_direction .PickerWidget---show_data_icon .PickerWidget---password,
.PickerWidget---default_direction .PickerWidget---show_data_icon .PickerWidget---textarea,
.PickerWidget---default_direction .PickerWidget---show_data_icon .PickerWidget---dropdown_value {
  padding-left: 1.7857rem !important;
}
.PickerWidget---default_direction .PickerWidget---text.PickerWidget---has_clear_link,
.PickerWidget---default_direction .PickerWidget---password.PickerWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.PickerWidget---default_direction .PickerWidget---character_count {
  position: absolute !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 300 !important;
  right: 0 !important;
  bottom: 0 !important;
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  pointer-events: none !important;
}
.PickerWidget---default_direction .PickerWidget---character_count.PickerWidget---over_limit:not(.PickerWidget---inDarkBackground) {
  color: #de0037 !important;
  fill: #de0037 !important;
}
.PickerWidget---default_direction .PickerWidget---character_count.PickerWidget---over_limit.PickerWidget---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.PickerWidget---default_direction .PickerWidget---character_count .PickerWidget---icon_container {
  outline: none !important;
  margin-right: 3px !important;
  margin-bottom: -2px !important;
}
.PickerWidget---default_direction .PickerWidget---character_count .PickerWidget---icon_container > svg {
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
.PickerWidget---default_direction .PickerWidget---character_count_overlay {
  background-color: var(--appian-input-background-color-faded, #fffd) !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 0.7143rem 0.5714rem 0 !important;
  z-index: 3 !important;
}
.appian-context-os-windows .PickerWidget---default_direction .PickerWidget---character_count_overlay {
  margin: 0 1.2857rem 0.5714rem 0 !important;
}
.PickerWidget---default_direction .PickerWidget---textarea:disabled + .PickerWidget---character_count_overlay,
.PickerWidget---default_direction .PickerWidget---character_count_overlay_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.PickerWidget---default_direction .PickerWidget---data_icon {
  position: absolute !important;
  top: 0.7143rem !important;
  left: 0.5714rem !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  fill: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
.PickerWidget---default_direction a.PickerWidget---input_clear_link {
  border: none !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.PickerWidget---default_direction .PickerWidget---input_icon_wrapper > a.PickerWidget---input_clear_link {
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.9286rem !important;
}
.PickerWidget---default_direction .appian-context-browser-edge .PickerWidget---input_icon_wrapper > a.PickerWidget---input_clear_link {
  top: 0.5rem !important;
}
.PickerWidget---default_direction .PickerWidget---dropdown_value a.PickerWidget---input_clear_link {
  position: absolute !important;
  right: 1.4286rem !important;
  top: 0.5714rem !important;
}
.PickerWidget---default_direction .appian-context-os-mac.appian-context-browser-chrome .PickerWidget---dropdown_value a.PickerWidget---input_clear_link {
  top: 0.5rem !important;
}
.PickerWidget---default_direction a.PickerWidget---input_clear_link:hover,
.PickerWidget---default_direction a.PickerWidget---input_clear_link:focus:not([data-appian-ux-mouse-focus]) {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.PickerWidget---default_direction .PickerWidget---dropdown .PickerWidget---dropdown_value.PickerWidget---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.PickerWidget---default_direction .PickerWidget---dropdown_value.PickerWidget---has_inline_label span.PickerWidget---inline_label,
.PickerWidget---default_direction .PickerWidget---date_range_value.PickerWidget---has_inline_label span.PickerWidget---inline_label {
  display: inline-block !important;
  max-width: 70% !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.7857rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.1429rem !important;
  vertical-align: -0.2143rem !important;
  margin-right: 0.5rem !important;
  padding-right: 0.5rem !important;
  border-right: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.PickerWidget---default_direction .PickerWidget---dropdown_value.PickerWidget---has_inline_label.PickerWidget---inDarkBackground span.PickerWidget---inline_label,
.PickerWidget---default_direction .PickerWidget---date_range_value.PickerWidget---has_inline_label.PickerWidget---inDarkBackground span.PickerWidget---inline_label {
  border-right-color: var(--appian-choice-border-color, #bbb) !important;
}
.PickerWidget---default_direction .appian-context-browser-safari .PickerWidget---dropdown_value.PickerWidget---has_inline_label span.PickerWidget---inline_label,
.PickerWidget---default_direction .appian-context-browser-safari .PickerWidget---date_range_value.PickerWidget---has_inline_label span.PickerWidget---inline_label {
  vertical-align: inherit !important;
}
.PickerWidget---default_direction .PickerWidget---dropdown_value.PickerWidget---has_inline_label.PickerWidget---highlighted span.PickerWidget---value_display,
.PickerWidget---default_direction .PickerWidget---date_range_value.PickerWidget---has_inline_label.PickerWidget---highlighted span.PickerWidget---value_display {
  font-weight: 700 !important;
}
.PickerWidget---default_direction .PickerWidget---dropdown_value.PickerWidget---has_inline_label a.PickerWidget---input_clear_link,
.PickerWidget---default_direction .PickerWidget---date_range_value.PickerWidget---has_inline_label a.PickerWidget---input_clear_link {
  display: none !important;
  position: absolute !important;
  right: 1.5714rem !important;
  top: 0.5714rem !important;
}
.PickerWidget---default_direction .PickerWidget---dropdown_value.PickerWidget---has_inline_label.PickerWidget---highlighted a.PickerWidget---input_clear_link,
.PickerWidget---default_direction .PickerWidget---date_range_value.PickerWidget---has_inline_label.PickerWidget---highlighted a.PickerWidget---input_clear_link {
  display: inline-block !important;
}
.PickerWidget---default_direction .PickerWidget---date_range_value.PickerWidget---has_inline_label.PickerWidget---validation:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.PickerWidget---default_direction .PickerWidget---date_range_value.PickerWidget---has_inline_label.PickerWidget---validation:before {
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.PickerWidget---default_direction .PickerWidget---date_range_value.PickerWidget---has_inline_label.PickerWidget---validation.PickerWidget---inDarkBackground:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.PickerWidget---default_direction .PickerWidget---number_range_input.PickerWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.PickerWidget---default_direction .PickerWidget---date_range_value.PickerWidget---has_inline_label.PickerWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
}
.PickerWidget---default_direction .PickerWidget---date_range_value.PickerWidget---has_inline_label.PickerWidget---validation.PickerWidget---inDarkBackground:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.PickerWidget---default_direction .PickerWidget---number_range_input.PickerWidget---validation,
.PickerWidget---default_direction .PickerWidget---date_range_value.PickerWidget---has_inline_label.PickerWidget---validation {
  position: relative !important;
  border-color: transparent !important;
}
.PickerWidget---default_direction .PickerWidget---picker_value {
  padding: 0.1rem 1.5714rem 0.1rem 0.2rem !important;
  /* extra padding-right for clock icon */
  font-size: 0 !important;
  cursor: text !important;
  text-align: left !important;
}
.PickerWidget---default_direction .PickerWidget---picker_value.PickerWidget---placeholder_visible {
  padding-right: 0 !important;
  /* needed so placeholder text doesn't truncate early */
}
.PickerWidget---default_direction .PickerWidget---picker_value.PickerWidget---is_disabled,
.PickerWidget---default_direction .PickerWidget---picker_value.PickerWidget---has_max_selected.PickerWidget---show_selected_box {
  padding-right: 0.2rem !important;
}
.PickerWidget---default_direction.PickerWidget---picker.PickerWidget---inline_choices .PickerWidget---picker_value {
  width: calc(100% - 23px) !important;
  /* this px value should be 1px less than "&.btn_wrapper.inPickerWidget &.btn" width in Button.less */
  display: inline-block !important;
  vertical-align: middle !important;
  position: relative !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.PickerWidget---default_direction .PickerWidget---picker_value.PickerWidget---has_max_selected:not(.PickerWidget---show_selected_box),
.PickerWidget---default_direction .PickerWidget---picker_value.PickerWidget---has_max_selected:not(.PickerWidget---show_selected_box).PickerWidget---inDarkBackground,
.PickerWidget---default_direction .PickerWidget---picker_value.PickerWidget---is_readonly.PickerWidget---is_readonly {
  border-color: transparent !important;
  background-color: transparent !important;
  cursor: default !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.PickerWidget---default_direction .PickerWidget---picker_value.PickerWidget---is_readonly.PickerWidget---is_readonly.PickerWidget---inDarkBackground {
  border-color: transparent !important;
}
.PickerWidget---default_direction .PickerWidget---picker_value.PickerWidget---has_max_selected.PickerWidget---inEditableGridLayout,
.PickerWidget---default_direction .PickerWidget---picker_value.PickerWidget---is_readonly.PickerWidget---inEditableGridLayout {
  background-color: transparent !important;
  pointer-events: none !important;
}
.PickerWidget---default_direction .PickerWidget---picker_value.PickerWidget---has_max_selected.PickerWidget---show_selected_box {
  background-color: transparent !important;
  cursor: default !important;
}
.PickerWidget---default_direction .PickerWidget---picker_input {
  border: none !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  color: var(--appian-text-color, #222) !important;
  vertical-align: middle !important;
  padding: 0 0.3571rem 0 0 !important;
  text-indent: 0.3571rem !important;
  line-height: 2.0314rem !important;
  height: 2.0314rem !important;
  outline: none !important;
  font-size: 1rem !important;
  font-family: inherit !important;
  display: inline-block !important;
  min-width: 30px !important;
  max-width: 98% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
.PickerWidget---default_direction .PickerWidget---picker_input_disable_search {
  cursor: pointer !important;
}
.appian-context-os-ios .PickerWidget---default_direction .PickerWidget---picker_input {
  font-family: -apple-system !important;
}
.appian-context-os-android .PickerWidget---default_direction .PickerWidget---picker_input {
  font-family: "Roboto" !important;
}
.appian-context-browser-safari .PickerWidget---default_direction .PickerWidget---picker_input {
  line-height: inherit !important;
  /* needed so cursor doesn't appear too tall in Safari */
}
.PickerWidget---default_direction .PickerWidget---picker_input.PickerWidget---placeholder {
  width: 90% !important;
  /* needed so input box doesn't shrink on focus in Safari */
}
.PickerWidget---default_direction .PickerWidget---picker_wait_indicator {
  position: absolute !important;
  right: 0.2857rem !important;
  top: 0.5714rem !important;
}
.PickerWidget---default_direction.PickerWidget---picker.PickerWidget---inline_choices .PickerWidget---picker_wait_indicator {
  right: 2.7143rem !important;
  top: 0.6071rem !important;
  z-index: 2 !important;
}
.PickerWidget---default_direction .PickerWidget---picker_wait_indicator i {
  font-size: 1.2857rem !important;
  -webkit-filter: blur(0) !important;
  color: var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
/* rtl:begin:ignore */
.PickerWidget---force_ltr {
  direction: ltr !important;
  /* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
  /*
   * We need to specify both is_readonly and inDarkBackground here in order to
   * fix a bug where the readonly border color wasn't transparent on dark
   * backgrounds. This was happening because the .picker_value.inDarkBackground
   * rule in inputs.less is injected into the style tag of the page and takes
   * precedence over the .picker_value.is_readonly rule above. We need to use a
   * more specific selector here to override the value from inputs.less.
   */
}
.PickerWidget---force_ltr.PickerWidget---align_start {
  text-align: left !important;
}
.PickerWidget---force_ltr.PickerWidget---align_end {
  text-align: right !important;
}
.PickerWidget---force_ltr.PickerWidget---center {
  text-align: center !important;
}
.PickerWidget---force_ltr .PickerWidget---text::-ms-clear,
.PickerWidget---force_ltr .PickerWidget---picker_input::-ms-clear {
  display: none !important;
}
.PickerWidget---force_ltr .PickerWidget---text::-webkit-input-placeholder,
.PickerWidget---force_ltr .PickerWidget---password::-webkit-input-placeholder,
.PickerWidget---force_ltr .PickerWidget---picker_input::-webkit-input-placeholder,
.PickerWidget---force_ltr .PickerWidget---dropdown_value::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-style: italic !important;
  font-weight: 400 !important;
}
.PickerWidget---force_ltr .PickerWidget---text::-moz-placeholder,
.PickerWidget---force_ltr .PickerWidget---password::-moz-placeholder,
.PickerWidget---force_ltr .PickerWidget---picker_input::-moz-placeholder,
.PickerWidget---force_ltr .PickerWidget---dropdown_value::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.PickerWidget---force_ltr .PickerWidget---text:-ms-input-placeholder,
.PickerWidget---force_ltr .PickerWidget---password:-ms-input-placeholder,
.PickerWidget---force_ltr .PickerWidget---picker_input:-ms-input-placeholder,
.PickerWidget---force_ltr .PickerWidget---dropdown_value:-ms-input-placeholder,
.PickerWidget---force_ltr .PickerWidget---dropdown_value:disabled:-ms-input-placeholder,
.PickerWidget---force_ltr .PickerWidget---text:disabled:-ms-input-placeholder,
.PickerWidget---force_ltr .PickerWidget---password:disabled:-ms-input-placeholder,
.PickerWidget---force_ltr .PickerWidget---picker_input:disabled:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.PickerWidget---force_ltr .PickerWidget---textarea_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.PickerWidget---force_ltr .PickerWidget---text.PickerWidget---has_clear_link,
.PickerWidget---force_ltr .PickerWidget---password.PickerWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.PickerWidget---force_ltr .PickerWidget---text,
.PickerWidget---force_ltr .PickerWidget---password,
.PickerWidget---force_ltr .PickerWidget---textarea,
.PickerWidget---force_ltr .PickerWidget---textarea_print,
.PickerWidget---force_ltr .PickerWidget---dropdown_value,
.PickerWidget---force_ltr .PickerWidget---picker_value,
.PickerWidget---force_ltr .PickerWidget---date_range_value,
.PickerWidget---force_ltr .PickerWidget---date_picker2__control {
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  /* needs extra decimals for correct alignment in some browsers */
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  width: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
}
.PickerWidget---force_ltr .PickerWidget---text.PickerWidget---inDarkBackground,
.PickerWidget---force_ltr .PickerWidget---password.PickerWidget---inDarkBackground,
.PickerWidget---force_ltr .PickerWidget---textarea.PickerWidget---inDarkBackground,
.PickerWidget---force_ltr .PickerWidget---textarea_print.PickerWidget---inDarkBackground,
.PickerWidget---force_ltr .PickerWidget---dropdown_value.PickerWidget---inDarkBackground,
.PickerWidget---force_ltr .PickerWidget---picker_value.PickerWidget---inDarkBackground,
.PickerWidget---force_ltr .PickerWidget---date_range_value.PickerWidget---inDarkBackground,
.PickerWidget---force_ltr .PickerWidget---date_picker2__control.PickerWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.PickerWidget---force_ltr.PickerWidget---dropdown,
.PickerWidget---force_ltr.PickerWidget---picker {
  position: relative !important;
  font-size: 1rem !important;
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}
.PickerWidget---force_ltr .PickerWidget---dropdown_value,
.PickerWidget---force_ltr .PickerWidget---picker_value {
  min-height: 2.4286rem !important;
}
.PickerWidget---force_ltr .appian-context-browser-safari .PickerWidget---text,
.PickerWidget---force_ltr .appian-context-browser-safari .PickerWidget---textarea {
  margin: 0 !important;
  /* needed to prevent 2px margin-top & margin-bottom on Safari */
}
.PickerWidget---force_ltr .appian-context-os-ios .PickerWidget---text,
.PickerWidget---force_ltr .appian-context-os-ios .PickerWidget---password,
.PickerWidget---force_ltr .appian-context-os-ios .PickerWidget---textarea,
.PickerWidget---force_ltr .appian-context-os-ios .PickerWidget---textarea_print,
.PickerWidget---force_ltr .appian-context-os-ios .PickerWidget---dropdown_value,
.PickerWidget---force_ltr .appian-context-os-ios .PickerWidget---picker_value {
  font-family: -apple-system !important;
}
.PickerWidget---force_ltr .appian-context-os-android .PickerWidget---text,
.PickerWidget---force_ltr .appian-context-os-android .PickerWidget---password,
.PickerWidget---force_ltr .appian-context-os-android .PickerWidget---textarea,
.PickerWidget---force_ltr .appian-context-os-android .PickerWidget---textarea_print,
.PickerWidget---force_ltr .appian-context-os-android .PickerWidget---dropdown_value,
.PickerWidget---force_ltr .appian-context-os-android .PickerWidget---picker_value {
  font-family: "Roboto" !important;
}
.PickerWidget---force_ltr .PickerWidget---text.PickerWidget---width_narrow,
.PickerWidget---force_ltr .PickerWidget---password.PickerWidget---width_narrow,
.PickerWidget---force_ltr .PickerWidget---textarea.PickerWidget---width_narrow,
.PickerWidget---force_ltr .PickerWidget---textarea_print.PickerWidget---width_narrow,
.PickerWidget---force_ltr .PickerWidget---dropdown.PickerWidget---width_narrow,
.PickerWidget---force_ltr .PickerWidget---picker.PickerWidget---width_narrow {
  max-width: 160px !important;
}
.PickerWidget---force_ltr .PickerWidget---text.PickerWidget---width_medium,
.PickerWidget---force_ltr .PickerWidget---password.PickerWidget---width_medium,
.PickerWidget---force_ltr .PickerWidget---textarea.PickerWidget---width_medium,
.PickerWidget---force_ltr .PickerWidget---textarea_print.PickerWidget---width_medium,
.PickerWidget---force_ltr .PickerWidget---dropdown.PickerWidget---width_medium,
.PickerWidget---force_ltr .PickerWidget---picker.PickerWidget---width_medium {
  max-width: 320px !important;
}
.PickerWidget---force_ltr .PickerWidget---text:focus,
.PickerWidget---force_ltr .PickerWidget---password:focus,
.PickerWidget---force_ltr .PickerWidget---textarea:focus,
.PickerWidget---force_ltr .PickerWidget---dropdown_value:focus,
.PickerWidget---force_ltr .PickerWidget---dropdown_value.PickerWidget---focus,
.PickerWidget---force_ltr .PickerWidget---picker_value:focus,
.PickerWidget---force_ltr .PickerWidget---picker_value.PickerWidget---focus,
.PickerWidget---force_ltr .PickerWidget---date_picker2__control.PickerWidget---date_picker2__control--is-focused {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.PickerWidget---force_ltr .PickerWidget---text:disabled,
.PickerWidget---force_ltr .PickerWidget---password:disabled,
.PickerWidget---force_ltr .PickerWidget---textarea:disabled,
.PickerWidget---force_ltr .PickerWidget---textarea.PickerWidget---is_disabled,
.PickerWidget---force_ltr .PickerWidget---dropdown_value.PickerWidget---is_disabled,
.PickerWidget---force_ltr .PickerWidget---picker_value.PickerWidget---is_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  /* needed to prevent dropdown & picker from getting focus styling on click on IE */
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.PickerWidget---force_ltr .PickerWidget---text:disabled,
.PickerWidget---force_ltr .PickerWidget---password:disabled,
.PickerWidget---force_ltr .PickerWidget---textarea:disabled,
.PickerWidget---force_ltr .PickerWidget---textarea.PickerWidget---is_disabled,
.PickerWidget---force_ltr .PickerWidget---dropdown_value.PickerWidget---is_disabled:after,
.PickerWidget---force_ltr .PickerWidget---dropdown_value.PickerWidget---is_disabled:not(.PickerWidget---placeholder) {
  color: var(--appian-disabled-text-color, #777) !important;
  -webkit-text-fill-color: var(--appian-disabled-text-color, #777) !important;
  /* needed so disabled text color is correct in Safari */
}
.PickerWidget---force_ltr .PickerWidget---picker_value.PickerWidget---is_disabled {
  cursor: default !important;
  /* needed to prevent text cursor */
}
.PickerWidget---force_ltr .PickerWidget---text[aria-invalid="true"]:not(.PickerWidget---inEditableGridLayout),
.PickerWidget---force_ltr .PickerWidget---password[aria-invalid="true"]:not(.PickerWidget---inEditableGridLayout),
.PickerWidget---force_ltr .PickerWidget---textarea[aria-invalid="true"]:not(.PickerWidget---inEditableGridLayout),
.PickerWidget---force_ltr .PickerWidget---dropdown_value[aria-invalid="true"]:not(.PickerWidget---inEditableGridLayout),
.PickerWidget---force_ltr .PickerWidget---picker_value.PickerWidget---invalid:not(.PickerWidget---inEditableGridLayout) {
  border-color: #de0037 !important;
}
.PickerWidget---force_ltr .PickerWidget---text[aria-invalid="true"]:not(.PickerWidget---inEditableGridLayout).PickerWidget---inDarkBackground,
.PickerWidget---force_ltr .PickerWidget---password[aria-invalid="true"]:not(.PickerWidget---inEditableGridLayout).PickerWidget---inDarkBackground,
.PickerWidget---force_ltr .PickerWidget---textarea[aria-invalid="true"]:not(.PickerWidget---inEditableGridLayout).PickerWidget---inDarkBackground,
.PickerWidget---force_ltr .PickerWidget---dropdown_value[aria-invalid="true"]:not(.PickerWidget---inEditableGridLayout).PickerWidget---inDarkBackground,
.PickerWidget---force_ltr .PickerWidget---picker_value.PickerWidget---invalid:not(.PickerWidget---inEditableGridLayout).PickerWidget---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.PickerWidget---force_ltr .PickerWidget---text[aria-invalid="true"]:not(.PickerWidget---inEditableGridLayout):focus,
.PickerWidget---force_ltr .PickerWidget---password[aria-invalid="true"]:not(.PickerWidget---inEditableGridLayout):focus,
.PickerWidget---force_ltr .PickerWidget---textarea[aria-invalid="true"]:not(.PickerWidget---inEditableGridLayout):focus,
.PickerWidget---force_ltr .PickerWidget---dropdown_value[aria-invalid="true"]:not(.PickerWidget---inEditableGridLayout):focus,
.PickerWidget---force_ltr .PickerWidget---picker_value.PickerWidget---invalid:not(.PickerWidget---inEditableGridLayout):focus,
.PickerWidget---force_ltr .PickerWidget---picker_value.PickerWidget---invalid:not(.PickerWidget---inEditableGridLayout).PickerWidget---focus {
  border-color: #1d659c !important;
}
.PickerWidget---force_ltr .PickerWidget---picker_value.PickerWidget---invalid:not(.PickerWidget---inEditableGridLayout),
.PickerWidget---force_ltr .PickerWidget---picker_value.PickerWidget---invalid:not(.PickerWidget---inEditableGridLayout):focus,
.PickerWidget---force_ltr .PickerWidget---picker_value.PickerWidget---invalid:not(.PickerWidget---inEditableGridLayout).PickerWidget---focus {
  z-index: 2 !important;
}
.PickerWidget---force_ltr .PickerWidget---text[aria-invalid="true"].PickerWidget---inEditableGridLayout.PickerWidget---inSideBySideItem,
.PickerWidget---force_ltr .PickerWidget---text[aria-invalid="true"].PickerWidget---inEditableGridLayout.PickerWidget---inSideBySideItem:focus,
.PickerWidget---force_ltr .PickerWidget---password[aria-invalid="true"].PickerWidget---inEditableGridLayout.PickerWidget---inSideBySideItem,
.PickerWidget---force_ltr .PickerWidget---password[aria-invalid="true"].PickerWidget---inEditableGridLayout.PickerWidget---inSideBySideItem:focus,
.PickerWidget---force_ltr .PickerWidget---dropdown_value[aria-invalid="true"].PickerWidget---inEditableGridLayout.PickerWidget---inSideBySideItem,
.PickerWidget---force_ltr .PickerWidget---dropdown_value[aria-invalid="true"].PickerWidget---inEditableGridLayout.PickerWidget---inSideBySideItem:focus,
.PickerWidget---force_ltr .PickerWidget---picker_value.PickerWidget---invalid.PickerWidget---inEditableGridLayout.PickerWidget---inSideBySideItem,
.PickerWidget---force_ltr .PickerWidget---picker_value.PickerWidget---invalid.PickerWidget---inEditableGridLayout.PickerWidget---inSideBySideItem:focus,
.PickerWidget---force_ltr .PickerWidget---picker_value.PickerWidget---invalid.PickerWidget---inEditableGridLayout.PickerWidget---inSideBySideItem.PickerWidget---focus {
  border: 1px solid transparent !important;
}
.PickerWidget---force_ltr .PickerWidget---invalidInSideBySide,
.PickerWidget---force_ltr .PickerWidget---invalidInSideBySide:focus {
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.PickerWidget---force_ltr .PickerWidget---invalidInSideBySide.PickerWidget---inDarkBackground,
.PickerWidget---force_ltr .PickerWidget---invalidInSideBySide:focus.PickerWidget---inDarkBackground {
  border-left-color: var(--appian-input-border-color, #ddd) !important;
  border-right-color: var(--appian-input-border-color, #ddd) !important;
}
.PickerWidget---force_ltr .PickerWidget---textarea[aria-invalid="true"].PickerWidget---inEditableGridLayout.PickerWidget---inSideBySideItem,
.PickerWidget---force_ltr .PickerWidget---textarea[aria-invalid="true"].PickerWidget---inEditableGridLayout.PickerWidget---inSideBySideItem:focus {
  border-color: #de0037 !important;
}
.PickerWidget---force_ltr .PickerWidget---textarea[aria-invalid="true"].PickerWidget---inEditableGridLayout.PickerWidget---inSideBySideItem.PickerWidget---inDarkBackground,
.PickerWidget---force_ltr .PickerWidget---textarea[aria-invalid="true"].PickerWidget---inEditableGridLayout.PickerWidget---inSideBySideItem.PickerWidget---inDarkBackground:focus {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.PickerWidget---force_ltr .PickerWidget---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.PickerWidget---force_ltr .PickerWidget---show_data_icon .PickerWidget---text,
.PickerWidget---force_ltr .PickerWidget---show_data_icon .PickerWidget---password,
.PickerWidget---force_ltr .PickerWidget---show_data_icon .PickerWidget---textarea,
.PickerWidget---force_ltr .PickerWidget---show_data_icon .PickerWidget---dropdown_value {
  padding-left: 1.7857rem !important;
}
.PickerWidget---force_ltr .PickerWidget---text.PickerWidget---has_clear_link,
.PickerWidget---force_ltr .PickerWidget---password.PickerWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.PickerWidget---force_ltr .PickerWidget---character_count {
  position: absolute !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 300 !important;
  right: 0 !important;
  bottom: 0 !important;
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  pointer-events: none !important;
}
.PickerWidget---force_ltr .PickerWidget---character_count.PickerWidget---over_limit:not(.PickerWidget---inDarkBackground) {
  color: #de0037 !important;
  fill: #de0037 !important;
}
.PickerWidget---force_ltr .PickerWidget---character_count.PickerWidget---over_limit.PickerWidget---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.PickerWidget---force_ltr .PickerWidget---character_count .PickerWidget---icon_container {
  outline: none !important;
  margin-right: 3px !important;
  margin-bottom: -2px !important;
}
.PickerWidget---force_ltr .PickerWidget---character_count .PickerWidget---icon_container > svg {
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
.PickerWidget---force_ltr .PickerWidget---character_count_overlay {
  background-color: var(--appian-input-background-color-faded, #fffd) !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 0.7143rem 0.5714rem 0 !important;
  z-index: 3 !important;
}
.appian-context-os-windows .PickerWidget---force_ltr .PickerWidget---character_count_overlay {
  margin: 0 1.2857rem 0.5714rem 0 !important;
}
.PickerWidget---force_ltr .PickerWidget---textarea:disabled + .PickerWidget---character_count_overlay,
.PickerWidget---force_ltr .PickerWidget---character_count_overlay_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.PickerWidget---force_ltr .PickerWidget---data_icon {
  position: absolute !important;
  top: 0.7143rem !important;
  left: 0.5714rem !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  fill: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
.PickerWidget---force_ltr a.PickerWidget---input_clear_link {
  border: none !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.PickerWidget---force_ltr .PickerWidget---input_icon_wrapper > a.PickerWidget---input_clear_link {
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.9286rem !important;
}
.PickerWidget---force_ltr .appian-context-browser-edge .PickerWidget---input_icon_wrapper > a.PickerWidget---input_clear_link {
  top: 0.5rem !important;
}
.PickerWidget---force_ltr .PickerWidget---dropdown_value a.PickerWidget---input_clear_link {
  position: absolute !important;
  right: 1.4286rem !important;
  top: 0.5714rem !important;
}
.PickerWidget---force_ltr .appian-context-os-mac.appian-context-browser-chrome .PickerWidget---dropdown_value a.PickerWidget---input_clear_link {
  top: 0.5rem !important;
}
.PickerWidget---force_ltr a.PickerWidget---input_clear_link:hover,
.PickerWidget---force_ltr a.PickerWidget---input_clear_link:focus:not([data-appian-ux-mouse-focus]) {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.PickerWidget---force_ltr .PickerWidget---dropdown .PickerWidget---dropdown_value.PickerWidget---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.PickerWidget---force_ltr .PickerWidget---dropdown_value.PickerWidget---has_inline_label span.PickerWidget---inline_label,
.PickerWidget---force_ltr .PickerWidget---date_range_value.PickerWidget---has_inline_label span.PickerWidget---inline_label {
  display: inline-block !important;
  max-width: 70% !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.7857rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.1429rem !important;
  vertical-align: -0.2143rem !important;
  margin-right: 0.5rem !important;
  padding-right: 0.5rem !important;
  border-right: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.PickerWidget---force_ltr .PickerWidget---dropdown_value.PickerWidget---has_inline_label.PickerWidget---inDarkBackground span.PickerWidget---inline_label,
.PickerWidget---force_ltr .PickerWidget---date_range_value.PickerWidget---has_inline_label.PickerWidget---inDarkBackground span.PickerWidget---inline_label {
  border-right-color: var(--appian-choice-border-color, #bbb) !important;
}
.PickerWidget---force_ltr .appian-context-browser-safari .PickerWidget---dropdown_value.PickerWidget---has_inline_label span.PickerWidget---inline_label,
.PickerWidget---force_ltr .appian-context-browser-safari .PickerWidget---date_range_value.PickerWidget---has_inline_label span.PickerWidget---inline_label {
  vertical-align: inherit !important;
}
.PickerWidget---force_ltr .PickerWidget---dropdown_value.PickerWidget---has_inline_label.PickerWidget---highlighted span.PickerWidget---value_display,
.PickerWidget---force_ltr .PickerWidget---date_range_value.PickerWidget---has_inline_label.PickerWidget---highlighted span.PickerWidget---value_display {
  font-weight: 700 !important;
}
.PickerWidget---force_ltr .PickerWidget---dropdown_value.PickerWidget---has_inline_label a.PickerWidget---input_clear_link,
.PickerWidget---force_ltr .PickerWidget---date_range_value.PickerWidget---has_inline_label a.PickerWidget---input_clear_link {
  display: none !important;
  position: absolute !important;
  right: 1.5714rem !important;
  top: 0.5714rem !important;
}
.PickerWidget---force_ltr .PickerWidget---dropdown_value.PickerWidget---has_inline_label.PickerWidget---highlighted a.PickerWidget---input_clear_link,
.PickerWidget---force_ltr .PickerWidget---date_range_value.PickerWidget---has_inline_label.PickerWidget---highlighted a.PickerWidget---input_clear_link {
  display: inline-block !important;
}
.PickerWidget---force_ltr .PickerWidget---date_range_value.PickerWidget---has_inline_label.PickerWidget---validation:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.PickerWidget---force_ltr .PickerWidget---date_range_value.PickerWidget---has_inline_label.PickerWidget---validation:before {
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.PickerWidget---force_ltr .PickerWidget---date_range_value.PickerWidget---has_inline_label.PickerWidget---validation.PickerWidget---inDarkBackground:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.PickerWidget---force_ltr .PickerWidget---number_range_input.PickerWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.PickerWidget---force_ltr .PickerWidget---date_range_value.PickerWidget---has_inline_label.PickerWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
}
.PickerWidget---force_ltr .PickerWidget---date_range_value.PickerWidget---has_inline_label.PickerWidget---validation.PickerWidget---inDarkBackground:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.PickerWidget---force_ltr .PickerWidget---number_range_input.PickerWidget---validation,
.PickerWidget---force_ltr .PickerWidget---date_range_value.PickerWidget---has_inline_label.PickerWidget---validation {
  position: relative !important;
  border-color: transparent !important;
}
.PickerWidget---force_ltr .PickerWidget---picker_value {
  padding: 0.1rem 1.5714rem 0.1rem 0.2rem !important;
  /* extra padding-right for clock icon */
  font-size: 0 !important;
  cursor: text !important;
  text-align: left !important;
}
.PickerWidget---force_ltr .PickerWidget---picker_value.PickerWidget---placeholder_visible {
  padding-right: 0 !important;
  /* needed so placeholder text doesn't truncate early */
}
.PickerWidget---force_ltr .PickerWidget---picker_value.PickerWidget---is_disabled,
.PickerWidget---force_ltr .PickerWidget---picker_value.PickerWidget---has_max_selected.PickerWidget---show_selected_box {
  padding-right: 0.2rem !important;
}
.PickerWidget---force_ltr.PickerWidget---picker.PickerWidget---inline_choices .PickerWidget---picker_value {
  width: calc(100% - 23px) !important;
  /* this px value should be 1px less than "&.btn_wrapper.inPickerWidget &.btn" width in Button.less */
  display: inline-block !important;
  vertical-align: middle !important;
  position: relative !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.PickerWidget---force_ltr .PickerWidget---picker_value.PickerWidget---has_max_selected:not(.PickerWidget---show_selected_box),
.PickerWidget---force_ltr .PickerWidget---picker_value.PickerWidget---has_max_selected:not(.PickerWidget---show_selected_box).PickerWidget---inDarkBackground,
.PickerWidget---force_ltr .PickerWidget---picker_value.PickerWidget---is_readonly.PickerWidget---is_readonly {
  border-color: transparent !important;
  background-color: transparent !important;
  cursor: default !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.PickerWidget---force_ltr .PickerWidget---picker_value.PickerWidget---is_readonly.PickerWidget---is_readonly.PickerWidget---inDarkBackground {
  border-color: transparent !important;
}
.PickerWidget---force_ltr .PickerWidget---picker_value.PickerWidget---has_max_selected.PickerWidget---inEditableGridLayout,
.PickerWidget---force_ltr .PickerWidget---picker_value.PickerWidget---is_readonly.PickerWidget---inEditableGridLayout {
  background-color: transparent !important;
  pointer-events: none !important;
}
.PickerWidget---force_ltr .PickerWidget---picker_value.PickerWidget---has_max_selected.PickerWidget---show_selected_box {
  background-color: transparent !important;
  cursor: default !important;
}
.PickerWidget---force_ltr .PickerWidget---picker_input {
  border: none !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  color: var(--appian-text-color, #222) !important;
  vertical-align: middle !important;
  padding: 0 0.3571rem 0 0 !important;
  text-indent: 0.3571rem !important;
  line-height: 2.0314rem !important;
  height: 2.0314rem !important;
  outline: none !important;
  font-size: 1rem !important;
  font-family: inherit !important;
  display: inline-block !important;
  min-width: 30px !important;
  max-width: 98% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
.PickerWidget---force_ltr .PickerWidget---picker_input_disable_search {
  cursor: pointer !important;
}
.appian-context-os-ios .PickerWidget---force_ltr .PickerWidget---picker_input {
  font-family: -apple-system !important;
}
.appian-context-os-android .PickerWidget---force_ltr .PickerWidget---picker_input {
  font-family: "Roboto" !important;
}
.appian-context-browser-safari .PickerWidget---force_ltr .PickerWidget---picker_input {
  line-height: inherit !important;
  /* needed so cursor doesn't appear too tall in Safari */
}
.PickerWidget---force_ltr .PickerWidget---picker_input.PickerWidget---placeholder {
  width: 90% !important;
  /* needed so input box doesn't shrink on focus in Safari */
}
.PickerWidget---force_ltr .PickerWidget---picker_wait_indicator {
  position: absolute !important;
  right: 0.2857rem !important;
  top: 0.5714rem !important;
}
.PickerWidget---force_ltr.PickerWidget---picker.PickerWidget---inline_choices .PickerWidget---picker_wait_indicator {
  right: 2.7143rem !important;
  top: 0.6071rem !important;
  z-index: 2 !important;
}
.PickerWidget---force_ltr .PickerWidget---picker_wait_indicator i {
  font-size: 1.2857rem !important;
  -webkit-filter: blur(0) !important;
  color: var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
/* rtl:end:ignore */
.PickerWidget---picker_input.PickerWidget---hidden {
  /* position absolutely offscreen in order to perform height calculations
     of the input box - needed to prevent Safari from changing its height
     once the length of the text within the input box exceeded more than
     half the box's width. */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  top: auto !important;
  height: 0 !important;
  width: auto !important;
  overflow: hidden !important;
  visibility: hidden !important;
  white-space: pre !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.PieChart2---container {
  /*rtl:ignore*/
  direction: ltr !important;
  width: 100% !important;
  /**
   * We need to add an .inDarkBackground case that doesn't use the -hc LESS
   * variables because themingManager overrides the dark theme high contrast
   * values set in backgroundColorVariableOverrides
   */
}
.PieChart2---container:not(.PieChart2---inDarkBackground) svg path[stroke="rgba(200, 200, 200, 1)"] {
  stroke: var(--appian-chart-axis-line-color, rgba(200, 200, 200)) !important;
}
.PieChart2---container:not(.PieChart2---inDarkBackground) svg path[stroke="rgba(200, 200, 200, 0.5)"] {
  stroke: var(--appian-chart-grid-line-color, rgba(200, 200, 200, 0.5)) !important;
}
.PieChart2---container.PieChart2---inDarkBackground svg path[stroke="rgba(136, 136, 136, 1)"] {
  stroke: var(--appian-chart-axis-line-color-on-dark-bg, rgba(136, 136, 136)) !important;
}
.PieChart2---container.PieChart2---inDarkBackground svg path[stroke="rgba(136, 136, 136, 0.5)"] {
  stroke: var(--appian-chart-grid-line-color-on-dark-bg, rgba(136, 136, 136, 0.5)) !important;
}
.PieChart2---chart_height_micro {
  height: 80px !important;
}
.PieChart2---chart_height_short {
  height: 200px !important;
}
.PieChart2---chart_height_medium {
  height: 400px !important;
}
.PieChart2---chart_height_tall {
  height: 600px !important;
}
.PieChart2---chart_height_auto {
  min-height: 400px !important;
}
.PieChart2---pie_container {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.PluginComponent3---sail_extension {
  width: 100% !important;
  border: none !important;
  display: block !important;
}
.PluginComponent3---sail_extension.PluginComponent3---height_short {
  height: 280px !important;
  overflow: auto !important;
}
.PluginComponent3---sail_extension.PluginComponent3---height_medium {
  height: 490px !important;
  overflow: auto !important;
}
.PluginComponent3---sail_extension.PluginComponent3---height_tall {
  height: 840px !important;
  overflow: auto !important;
}
.PluginComponent3---sail_extension.PluginComponent3---height_auto {
  overflow: hidden !important;
}
.PluginComponent3---sail_extension.PluginComponent3---placeholder {
  background-color: #e3e3e3 !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.PluginComponent3---sail_extension.PluginComponent3---placeholder.PluginComponent3---height_auto {
  padding: 20px 0 !important;
}
.PluginComponent3---sail_extension.PluginComponent3---placeholder svg.PluginComponent3---placeholder_icon {
  fill: #7a7a7a !important;
  width: 80px !important;
  height: 80px !important;
}
.PluginComponent3---sail_extension.PluginComponent3---border {
  border: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
}
.PluginComponent3---sail_extension.PluginComponent3---wrapping_div {
  position: relative !important;
}
.PluginComponent3---sail_extension.PluginComponent3---wrapping_div.PluginComponent3---disabled {
  overflow: hidden !important;
}
.PluginComponent3---sail_extension.PluginComponent3---pointer_events {
  pointer-events: none !important;
}
.PluginComponent3---disabled_sail_extension_glass {
  background-color: #fff !important;
  opacity: 0.75 !important;
  z-index: 2 !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  min-height: 100% !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* if this value changes, update the ITEM_BODY_WIDTH constant in /_ItemSlider/ItemSlider.tsx */
/* 20px is the approximate text line height at 1 rem */
.ItemSlider---failed {
  margin-top: calc(((calc(180px - 44px - 7px) - calc(41px + 0.5rem + 20px)) / 2) - 10px) !important;
}
.ItemSlider---failed .ItemSlider---empty_icon_wrapper {
  height: 41px !important;
  width: 41px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 50% !important;
  background-color: #dbdbdb !important;
}
.ItemSlider---failed .ItemSlider---empty_icon_wrapper svg.ItemSlider---empty_icon {
  width: 20px !important;
  height: 20px !important;
  fill: #999 !important;
  display: block !important;
  margin: 0 auto !important;
}
.ItemSlider---failed .ItemSlider---empty_text {
  color: #828282 !important;
  margin-top: 0.5rem !important;
  text-align: center !important;
}
.ItemSlider---transparent_preview_page {
  background-color: #f0f0f0 !important;
}
p.ItemSlider---label_tooltip {
  white-space: pre-wrap !important;
}
/* if this value changes, update the ITEM_BODY_WIDTH constant in /_ItemSlider/ItemSlider.tsx */
.ItemSlider---body {
  position: relative !important;
  height: 180px !important;
  padding-top: 10px !important;
  background-color: #f4f4f4 !important;
  overflow: hidden !important;
  border-right: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
  border-left: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
  border-bottom: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
}
.ItemSlider---body.ItemSlider---empty_body {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  padding-top: 0 !important;
}
.ItemSlider---body.ItemSlider---empty_body .ItemSlider---empty_contents_wrapper {
  margin: auto !important;
}
.ItemSlider---body.ItemSlider---empty_body .ItemSlider---empty_contents_wrapper .ItemSlider---empty_icon {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  border-radius: 50% !important;
  width: 60px !important;
  height: 60px !important;
  background-color: #dbdbdb !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.ItemSlider---body.ItemSlider---empty_body .ItemSlider---empty_contents_wrapper .ItemSlider---empty_icon .ItemSlider---no_items {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 32px !important;
  height: 32px !important;
  fill: #999 !important;
}
.ItemSlider---body.ItemSlider---empty_body .ItemSlider---empty_contents_wrapper .ItemSlider---empty_text {
  color: #828282 !important;
  margin-top: 0.5rem !important;
}
.ItemSlider---body .ItemSlider---list_of_slides {
  position: absolute !important;
  top: 10px !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  -webkit-transition: left 0.5s ease-in-out !important;
  transition: left 0.5s ease-in-out !important;
}
.ItemSlider---body .ItemSlider---slide,
.ItemSlider---body .ItemSlider---no_interface {
  display: inline-block !important;
  list-style: none !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 100% !important;
          flex: 0 0 100% !important;
  padding: 0 !important;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
  width: calc(358px - (2 * 20px)) !important;
  max-width: calc(358px - (2 * 20px)) !important;
  margin: 0 20px !important;
}
.ItemSlider---slide.ItemSlider---body:not(:focus) {
  height: calc(100% + 2px) !important;
  /* accounts for the preview card moving up 2px on hover */
}
.ItemSlider---body .ItemSlider---slide {
  background-color: #fff !important;
  box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16) !important;
}
.ItemSlider---body .ItemSlider---slide .ItemSlider---slide_item {
  width: 500% !important;
  height: 500% !important;
  -webkit-transform: scale(0.2) !important;
          transform: scale(0.2) !important;
  -webkit-transform-origin: 0 0 !important;
          transform-origin: 0 0 !important;
}
.ItemSlider---body .ItemSlider---slide:hover:not(.ItemSlider---disabled) {
  box-shadow: 0 1px 4px 0 rgba(66, 66, 66, 0.18), 0 1px 6px 1px rgba(66, 66, 66, 0.26) !important;
  margin-top: -2px !important;
  /* if this value changes, also update .slide height calculation */
  cursor: pointer !important;
}
.ItemSlider---body:hover .ItemSlider---buttonWrapper {
  display: block !important;
}
.ItemSlider---body .ItemSlider---buttonWrapper {
  z-index: 2000011 !important;
}
.ItemSlider---body .ItemSlider---buttonWrapper.ItemSlider---previous {
  position: absolute !important;
  left: 2px !important;
  bottom: 12px !important;
}
.ItemSlider---body .ItemSlider---buttonWrapper.ItemSlider---next {
  position: absolute !important;
  right: 2px !important;
  bottom: 12px !important;
}
.ItemSlider---body .ItemSlider---buttonWrapper.ItemSlider---hidden {
  visibility: hidden !important;
}
.ItemSlider---body .ItemSlider---buttonWrapper button.ItemSlider---paging {
  height: 32px !important;
  width: 20px !important;
  padding: 2px 0 0 0 !important;
  background-color: #fff !important;
  border: solid 1px var(--appian-container-border-color, #d4d4d4) !important;
  outline: none !important;
}
.ItemSlider---body .ItemSlider---buttonWrapper button.ItemSlider---paging:hover,
.ItemSlider---body .ItemSlider---buttonWrapper button.ItemSlider---paging:focus:not([data-appian-ux-mouse-focus]) {
  cursor: pointer !important;
  border-color: #1d659c !important;
}
.ItemSlider---body .ItemSlider---buttonWrapper button.ItemSlider---paging:active {
  -webkit-transform: scaleX(0.98) scaleY(0.98) !important;
          transform: scaleX(0.98) scaleY(0.98) !important;
}
.ItemSlider---body .ItemSlider---buttonWrapper button.ItemSlider---paging:disabled {
  -webkit-transform: none !important;
          transform: none !important;
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  cursor: default !important;
  box-shadow: none !important;
  pointer-events: none !important;
}
.ItemSlider---body .ItemSlider---buttonWrapper button.ItemSlider---paging .ItemSlider---paging_icon {
  height: 12px !important;
  width: 12px !important;
  fill: #666 !important;
}
.ItemSlider---body .ItemSlider---slider_dots_container {
  height: 20px !important;
  position: absolute !important;
  bottom: -2px !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
  padding: 0 0.7143rem !important;
  text-align: center !important;
  z-index: 2000000 !important;
}
.appian-context-browser-firefox .ItemSlider---body .ItemSlider---slider_dots_container {
  bottom: 2px !important;
}
.ItemSlider---body .ItemSlider---slider_dots_container button.ItemSlider---slider_dot {
  height: 9px !important;
  width: 9px !important;
  margin: 0 2px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 1px solid #666 !important;
  background-color: #f4f4f4 !important;
  outline: #fff solid 1px !important;
}
.appian-context-browser-safari .ItemSlider---body .ItemSlider---slider_dots_container button.ItemSlider---slider_dot {
  outline: none !important;
}
.ItemSlider---body .ItemSlider---slider_dots_container button.ItemSlider---slider_dot:hover {
  cursor: pointer !important;
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.ItemSlider---body .ItemSlider---slider_dots_container button.ItemSlider---slider_dot.ItemSlider---active {
  background-color: #1d659c !important;
  border-color: #1d659c !important;
}
.ItemSlider---body .ItemSlider---slider_dots_container button.ItemSlider---slider_dot.ItemSlider---active .appian-context-browser-safari {
  border-color: #666 !important;
}
.ItemSlider---loading_icon {
  position: relative !important;
  width: 1.5714rem !important;
  height: 1.5714rem !important;
  top: 54px !important;
  left: calc(50% - 0.7857rem) !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* if this value changes, update the ITEM_BODY_WIDTH constant in /_ItemSlider/ItemSlider.tsx */
/* 20px is the approximate text line height at 1 rem */
.PortalPreview---failed {
  margin-top: calc(((calc(180px - 44px - 7px) - calc(41px + 0.5rem + 20px)) / 2) - 10px) !important;
}
.PortalPreview---failed .PortalPreview---empty_icon_wrapper {
  height: 41px !important;
  width: 41px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 50% !important;
  background-color: #dbdbdb !important;
}
.PortalPreview---failed .PortalPreview---empty_icon_wrapper svg.PortalPreview---empty_icon {
  width: 20px !important;
  height: 20px !important;
  fill: #999 !important;
  display: block !important;
  margin: 0 auto !important;
}
.PortalPreview---failed .PortalPreview---empty_text {
  color: #828282 !important;
  margin-top: 0.5rem !important;
  text-align: center !important;
}
.PortalPreview---transparent_preview_page {
  background-color: #f0f0f0 !important;
}
p.PortalPreview---label_tooltip {
  white-space: pre-wrap !important;
}
.PortalPreview---portal_preview_wrapper {
  position: relative !important;
  width: 360px !important;
  z-index: 2000000 !important;
}
.PortalPreview---portal_preview_wrapper .PortalPreview---portal_page_wrapper {
  height: 100% !important;
  overflow: hidden !important;
}
.PortalPreview---portal_preview_wrapper .PortalPreview---portal_page_wrapper.PortalPreview---unpublished {
  opacity: 0.4 !important;
}
.PortalPreview---portal_preview_wrapper .PortalPreview---page_link:hover,
.PortalPreview---portal_preview_wrapper .PortalPreview---page_link:focus {
  text-decoration: none !important;
}
.PortalPreview---portal_preview_wrapper .PortalPreview---page_link:focus:not(.appian-context-ux-mouse-focus):after {
  content: "" !important;
  position: absolute !important;
  top: 0px !important;
  left: 0px !important;
  height: calc(100% - 10px) !important;
  width: 100% !important;
  outline: 10px solid #1d659c !important;
  outline-offset: 0px !important;
  z-index: 2 !important;
}
.PortalPreview---portal_preview_wrapper .PortalPreview---publish_icon_wrapper {
  position: relative !important;
}
.PortalPreview---portal_preview_wrapper .PortalPreview---publish_icon_wrapper .PortalPreview---publish_icon {
  height: 12px !important;
  width: 12px !important;
  vertical-align: text-top !important;
  margin-left: 5px !important;
  margin-top: 4px !important;
  fill: #666 !important;
}
.PortalPreview---portal_preview_wrapper .PortalPreview---footer_wrapper {
  position: absolute !important;
  left: 12px !important;
  bottom: 7px !important;
}
.PortalPreview---portal_preview_wrapper .PortalPreview---footer_wrapper:focus:not([data-appian-ux-mouse-focus]) {
  outline: 2px solid #1d659c !important;
  outline-offset: 0 !important;
  /* needed to override default webkit user agent style for focus-visible */
}
.PortalPreview---portal_preview_wrapper .PortalPreview---footer_container {
  background-color: #fff !important;
  width: calc(360px - 2 * 12px) !important;
  height: 44px !important;
  border: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
  padding: 2px 16px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.PortalPreview---portal_preview_wrapper .PortalPreview---footer_container:hover:not(.PortalPreview---not_visible) {
  border-color: #1d659c !important;
  z-index: 2 !important;
}
.PortalPreview---portal_preview_wrapper .PortalPreview---footer_container .PortalPreview---footer_content {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  width: 100% !important;
}
.PortalPreview---portal_preview_wrapper .PortalPreview---footer_container .PortalPreview---footer_content .PortalPreview---footer_icon {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  height: 20px !important;
  width: 20px !important;
  vertical-align: middle !important;
  margin-left: -2px !important;
}
.PortalPreview---portal_preview_wrapper .PortalPreview---footer_container .PortalPreview---footer_content .PortalPreview---footer_text {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 0% !important;
          flex: 1 1 0% !important;
  margin: 0 !important;
  padding-left: 4px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-weight: 700 !important;
}
.PortalPreview---portal_preview_wrapper .PortalPreview---not_visible .PortalPreview---footer_content .PortalPreview---footer_text {
  font-weight: 400 !important;
  color: var(--appian-secondary-text-color, #767676) !important;
}
.PortalPreview---portal_preview_wrapper .PortalPreview---footer_link:hover,
.PortalPreview---portal_preview_wrapper .PortalPreview---footer_link:focus {
  text-decoration: none !important;
}
.PortalPreview---portal_preview_wrapper .PortalPreview---footer_link:focus:not([data-appian-ux-mouse-focus]):after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 44px !important;
  width: calc(360px - 2 * 12px) !important;
  outline: 2px solid !important;
  outline-offset: 0 !important;
  /* needed to override default webkit user agent style for focus-visible */
}
.PortalPreview---portal_preview_wrapper .PortalPreview---unpublished_wrapper {
  height: 100% !important;
}
.PortalPreview---portal_preview_wrapper .PortalPreview---unpublished_wrapper .PortalPreview---unpublished_icon {
  position: absolute !important;
  width: calc(40px / 0.2) !important;
  height: calc(40px / 0.2) !important;
  top: calc((calc(180px - 44px - 7px) - 10px - 40px) / 2 / 0.2) !important;
  left: calc(50% - 40px / 2 / 0.2) !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* if this value changes, update the ITEM_BODY_WIDTH constant in /_ItemSlider/ItemSlider.tsx */
/* 20px is the approximate text line height at 1 rem */
.ObjectPreviewHeader---failed {
  margin-top: calc(((calc(180px - 44px - 7px) - calc(41px + 0.5rem + 20px)) / 2) - 10px) !important;
}
.ObjectPreviewHeader---failed .ObjectPreviewHeader---empty_icon_wrapper {
  height: 41px !important;
  width: 41px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 50% !important;
  background-color: #dbdbdb !important;
}
.ObjectPreviewHeader---failed .ObjectPreviewHeader---empty_icon_wrapper svg.ObjectPreviewHeader---empty_icon {
  width: 20px !important;
  height: 20px !important;
  fill: #999 !important;
  display: block !important;
  margin: 0 auto !important;
}
.ObjectPreviewHeader---failed .ObjectPreviewHeader---empty_text {
  color: #828282 !important;
  margin-top: 0.5rem !important;
  text-align: center !important;
}
.ObjectPreviewHeader---transparent_preview_page {
  background-color: #f0f0f0 !important;
}
p.ObjectPreviewHeader---label_tooltip {
  white-space: pre-wrap !important;
}
.ObjectPreviewHeader---header_wrapper {
  height: 58px !important;
  width: 100% !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: row nowrap !important;
          flex-flow: row nowrap !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
          justify-content: flex-start !important;
  /**
     * This class can't be nested under .link_wrapper
     * otherwise these styles won't be applied in the case where
     * the header isn't a link.
     */
}
.ObjectPreviewHeader---header_wrapper .ObjectPreviewHeader---link_wrapper {
  width: calc(360px - 57px) !important;
  z-index: 2 !important;
}
.ObjectPreviewHeader---header_wrapper .ObjectPreviewHeader---link_wrapper .ObjectPreviewHeader---edit_link {
  text-decoration: none !important;
}
.ObjectPreviewHeader---header_wrapper .ObjectPreviewHeader---link_wrapper .ObjectPreviewHeader---edit_link:hover {
  border-color: #1d659c !important;
}
.ObjectPreviewHeader---header_wrapper .ObjectPreviewHeader---link_wrapper .ObjectPreviewHeader---edit_link:focus:not([data-appian-ux-mouse-focus]) {
  outline: 2px solid #1d659c !important;
  outline-offset: 0px !important;
}
.ObjectPreviewHeader---header_wrapper .ObjectPreviewHeader---edit_link,
.ObjectPreviewHeader---header_wrapper .ObjectPreviewHeader---bar_and_label_wrapper {
  height: 100% !important;
  border: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
  text-decoration: none !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: row nowrap !important;
          flex-flow: row nowrap !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
          justify-content: flex-start !important;
}
.ObjectPreviewHeader---header_wrapper .ObjectPreviewHeader---bar_and_label_wrapper {
  width: calc(360px - 57px) !important;
}
.ObjectPreviewHeader---header_wrapper .ObjectPreviewHeader---decorative_bar {
  height: 100% !important;
  width: 5px !important;
  background-color: #6666ff !important;
}
.ObjectPreviewHeader---header_wrapper .ObjectPreviewHeader---header_labels {
  width: calc(100% - 5px) !important;
  padding: 10px 10px 10px 12px !important;
  font-size: 1rem !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 0% !important;
          flex: 1 1 0% !important;
}
.ObjectPreviewHeader---header_wrapper .ObjectPreviewHeader---header_labels .ObjectPreviewHeader---display_name_wrapper {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.ObjectPreviewHeader---header_wrapper .ObjectPreviewHeader---header_labels .ObjectPreviewHeader---display_name_wrapper .ObjectPreviewHeader---display_name {
  font-weight: 700 !important;
  margin-bottom: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-wrap: break-word !important;
}
.ObjectPreviewHeader---header_wrapper .ObjectPreviewHeader---header_labels .ObjectPreviewHeader---display_name_wrapper .ObjectPreviewHeader---header_icon {
  height: 20px !important;
  width: 20px !important;
  vertical-align: text-top !important;
  margin-right: 4px !important;
  margin-left: -1px !important;
}
.ObjectPreviewHeader---header_wrapper .ObjectPreviewHeader---header_labels .ObjectPreviewHeader---object_name {
  margin-bottom: 0 !important;
  font-size: 0.8571rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-wrap: break-word !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* if this value changes, update the ITEM_BODY_WIDTH constant in /_ItemSlider/ItemSlider.tsx */
/* 20px is the approximate text line height at 1 rem */
.NavigationPreviewFooter---failed {
  margin-top: calc(((calc(180px - 44px - 7px) - calc(41px + 0.5rem + 20px)) / 2) - 10px) !important;
}
.NavigationPreviewFooter---failed .NavigationPreviewFooter---empty_icon_wrapper {
  height: 41px !important;
  width: 41px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 50% !important;
  background-color: #dbdbdb !important;
}
.NavigationPreviewFooter---failed .NavigationPreviewFooter---empty_icon_wrapper svg.NavigationPreviewFooter---empty_icon {
  width: 20px !important;
  height: 20px !important;
  fill: #999 !important;
  display: block !important;
  margin: 0 auto !important;
}
.NavigationPreviewFooter---failed .NavigationPreviewFooter---empty_text {
  color: #828282 !important;
  margin-top: 0.5rem !important;
  text-align: center !important;
}
.NavigationPreviewFooter---transparent_preview_page {
  background-color: #f0f0f0 !important;
}
p.NavigationPreviewFooter---label_tooltip {
  white-space: pre-wrap !important;
}
.NavigationPreviewFooter---footer {
  background-color: #fff !important;
  position: absolute !important;
  left: 12px !important;
  bottom: 7px !important;
  width: calc(360px - 2 * 12px) !important;
  height: 44px !important;
  border: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
  padding: 2px 16px !important;
}
.NavigationPreviewFooter---footer:hover:not(.NavigationPreviewFooter---not_visible, .NavigationPreviewFooter---empty_page_group) {
  border-color: #1d659c !important;
  z-index: 2 !important;
}
.NavigationPreviewFooter---footer .NavigationPreviewFooter---footer_link {
  text-decoration: none !important;
}
.NavigationPreviewFooter---footer .NavigationPreviewFooter---footer_link:focus {
  outline: none !important;
  text-decoration: none !important;
}
.NavigationPreviewFooter---footer .NavigationPreviewFooter---footer_link:focus:not([data-appian-ux-mouse-focus]):after {
  content: "" !important;
  position: absolute !important;
  top: -1px !important;
  left: -1px !important;
  height: 44px !important;
  width: calc(360px - 2 * 12px) !important;
  outline: 2px solid !important;
  outline-offset: 0 !important;
  /* needed to override default webkit user agent style for focus-visible */
}
.NavigationPreviewFooter---footer .NavigationPreviewFooter---side_by_side {
  width: 100% !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: row nowrap !important;
          flex-flow: row nowrap !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.NavigationPreviewFooter---footer .NavigationPreviewFooter---page_icon {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  height: 12px !important;
  width: 12px !important;
  fill: #767676 !important;
}
.NavigationPreviewFooter---footer .NavigationPreviewFooter---page_name {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 0% !important;
          flex: 1 1 0% !important;
  margin: 0 !important;
  color: #222 !important;
  font-size: 12px !important;
  padding-left: 4px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-wrap: break-word !important;
}
.NavigationPreviewFooter---footer .NavigationPreviewFooter---page_backing_obj_image {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  height: 20px !important;
  width: 20px !important;
  vertical-align: middle !important;
  margin-left: -2px !important;
}
.NavigationPreviewFooter---footer .NavigationPreviewFooter---page_backing_obj_name,
.NavigationPreviewFooter---footer .NavigationPreviewFooter---page_backing_obj_not_visible {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 0% !important;
          flex: 1 1 0% !important;
  margin: 0 !important;
  padding-left: 4px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.NavigationPreviewFooter---footer .NavigationPreviewFooter---page_backing_obj_name:not(.NavigationPreviewFooter---empty_page_group) {
  font-weight: 700 !important;
}
.NavigationPreviewFooter---footer .NavigationPreviewFooter---page_backing_obj_name.NavigationPreviewFooter---empty_page_group {
  font-style: italic !important;
  font-size: 12px !important;
}
.NavigationPreviewFooter---footer .NavigationPreviewFooter---page_backing_obj_not_visible {
  color: var(--appian-secondary-text-color, #767676) !important;
}
.NavigationPreviewFooter---footer.NavigationPreviewFooter---not_visible:focus:not([data-appian-ux-mouse-focus]) {
  outline: 2px solid #1d659c !important;
  outline-offset: 0 !important;
  /* needed to override default webkit user agent style for focus-visible */
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.PositiveText---color_positive {
  color: #1cc101 !important;
}
.PositiveText---color_positive:not(.PositiveText---inStrongText) {
  font-weight: 400 !important;
  /* needed so positive text nested within secondary text does not get lightweight font */
}
.PositiveText---color_positive.PositiveText---inDarkBackground {
  color: var(--appian-positive-color-on-dark-bg, #59f73f) !important;
}

.SvgRenderer---svg_content {
  min-height: 300px !important;
  /* all the display properties are added to support this on mozilla and safari */
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-justify-content: center !important;
  -webkit-box-pack: center !important;
          justify-content: center !important;
  -webkit-align-items: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
  text-align: center !important;
}
.SvgRenderer---svg_content svg {
  /* the following css enables the svg to be visible in the flexbox */
  min-height: 100% !important;
  min-width: 100% !important;
}

.ProcessMiningDiscoveredModel---svg_wrapper {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  border: 1px solid #d4d4d440 !important;
  border-radius: 4px !important;
  padding: 8px !important;
  margin-top: 10px !important;
}
.ProcessMiningDiscoveredModel---svg_cursor_grab {
  cursor: -webkit-grab !important;
  cursor: grab !important;
}
.ProcessMiningDiscoveredModel---svg_cursor_default {
  cursor: default !important;
}
.ProcessMiningDiscoveredModel---action_buttons {
  width: 100% !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
          justify-content: flex-end !important;
}
.ProcessMiningDiscoveredModel---action_buttons div {
  margin-right: 5px !important;
}
.ProcessMiningDiscoveredModel---action_buttons div:last-child {
  margin-right: 0 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ProgressBarWidget---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .ProgressBarWidget---accessibilityhidden {
  font-size: 0 !important;
}
div.ProgressBarWidget---progress {
  display: block !important;
  /* needed to prevent extra white space from showing below progress bar */
  width: 100% !important;
  height: 4px !important;
  line-height: 1.4 !important;
  /* needed for correct vertical alignment of percentage text in grids in Tempo */
  background-color: var(--appian-progress-background-color, #ddd) !important;
  position: relative !important;
  margin: 0 !important;
}
div.ProgressBarWidget---progress.ProgressBarWidget---thick {
  height: 28px !important;
}
div.ProgressBarWidget---progress.ProgressBarWidget---medium {
  height: 12px !important;
}
div.ProgressBarWidget---progress.ProgressBarWidget---showvalue:not(.ProgressBarWidget---thick) {
  margin: 16px 0 4px 0 !important;
  display: inline-block !important;
}
div.ProgressBarWidget---progress.ProgressBarWidget---positive div.ProgressBarWidget---completed {
  background-color: #1cc101 !important;
  border-color: #1cc101 !important;
}
div.ProgressBarWidget---progress.ProgressBarWidget---positive.ProgressBarWidget---inDarkBackground div.ProgressBarWidget---completed {
  background-color: var(--appian-positive-color-on-dark-bg, #59f73f) !important;
  border-color: var(--appian-positive-color-on-dark-bg, #59f73f) !important;
}
div.ProgressBarWidget---progress.ProgressBarWidget---negative div.ProgressBarWidget---completed {
  background-color: #de0037 !important;
  border-color: #de0037 !important;
}
div.ProgressBarWidget---progress.ProgressBarWidget---negative.ProgressBarWidget---inDarkBackground div.ProgressBarWidget---completed {
  background-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
div.ProgressBarWidget---progress.ProgressBarWidget---accent div.ProgressBarWidget---completed {
  background-color: #1d659c !important;
  border-color: #1d659c !important;
}
div.ProgressBarWidget---progress.ProgressBarWidget---warn div.ProgressBarWidget---completed {
  background-color: #ffa800 !important;
  border-color: #ffa800 !important;
}
div.ProgressBarWidget---progress div.ProgressBarWidget---completed {
  left: 0 !important;
  top: 0 !important;
  height: 4px !important;
  position: relative !important;
  min-width: 2px !important;
  /* needed so there is always a visible sliver (even at 0%) */
}
div.ProgressBarWidget---progress.ProgressBarWidget---negativePercent div.ProgressBarWidget---completed {
  min-width: 0px !important;
}
div.ProgressBarWidget---progress.ProgressBarWidget---thick div.ProgressBarWidget---completed {
  height: 28px !important;
}
div.ProgressBarWidget---progress.ProgressBarWidget---medium div.ProgressBarWidget---completed {
  height: 12px !important;
}
div.ProgressBarWidget---progress div.ProgressBarWidget---completed div.ProgressBarWidget---value {
  position: absolute !important;
  left: 0 !important;
  top: -1.4286rem !important;
  text-align: center !important;
  font-size: 1rem !important;
  color: #000 !important;
  font-weight: 400 !important;
}
div.ProgressBarWidget---progress.ProgressBarWidget---inLightBackground div.ProgressBarWidget---completed div.ProgressBarWidget---value {
  color: #000 !important;
}
div.ProgressBarWidget---progress.ProgressBarWidget---inDarkBackground div.ProgressBarWidget---completed div.ProgressBarWidget---value {
  color: #fff !important;
}
div.ProgressBarWidget---progress.ProgressBarWidget---thick div.ProgressBarWidget---completed div.ProgressBarWidget---value {
  font-weight: 600 !important;
  font-size: 14px !important;
  top: 4px !important;
  color: #fff !important;
}
div.ProgressBarWidget---progress.ProgressBarWidget---thick.ProgressBarWidget---lightBarColor div.ProgressBarWidget---completed div.ProgressBarWidget---value {
  color: #000 !important;
}
div.ProgressBarWidget---progress.ProgressBarWidget---inAccentBackground {
  background-color: var(--appian-choice-border-color, #bbb) !important;
}
div.ProgressBarWidget---progress.ProgressBarWidget---inAccentBackground div.ProgressBarWidget---completed div.ProgressBarWidget---value {
  color: #fff !important;
}
div.ProgressBarWidget---progress.ProgressBarWidget---inAccentBackground.ProgressBarWidget---accent div.ProgressBarWidget---completed {
  background-color: #fff !important;
  border-color: #fff !important;
}
div.ProgressBarWidget---progress.ProgressBarWidget---inAccentBackground.ProgressBarWidget---accent.ProgressBarWidget---thick div.ProgressBarWidget---completed div.ProgressBarWidget---value {
  color: #1d659c !important;
}
div.ProgressBarWidget---progress div.ProgressBarWidget---completed .ProgressBarWidget---percentSymbol {
  font-size: 0.8571rem !important;
  font-weight: 600 !important;
}
div.ProgressBarWidget---progress.ProgressBarWidget---thick div.ProgressBarWidget---completed .ProgressBarWidget---percentSymbol {
  font-size: 12px !important;
  padding-left: 1px !important;
}
div.ProgressBarWidget---progress div.ProgressBarWidget---arrow:after {
  position: absolute !important;
  content: "" !important;
  top: 1px !important;
  right: -5px !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-bottom-color: inherit !important;
}
div.ProgressBarWidget---progress.ProgressBarWidget---medium div.ProgressBarWidget---completed:after {
  top: 9px !important;
}
div.ProgressBarWidget---progress.ProgressBarWidget---thick div.ProgressBarWidget---completed:after {
  display: none !important;
}

/* AN-79558: For some reason, the quoted font families are not processed the same way in LESS when they're used inside a
  detached ruleset (@shared-input-styles, here), and our theming extractor ends up not picking them. Moving the font-family
  declaration out of it addresses this. */
.PromptWidget---text,
.PromptWidget---password,
.PromptWidget---textarea,
.PromptWidget---textarea_print,
.PromptWidget---dropdown_value,
.PromptWidget---picker_value,
.PromptWidget---date_range_value {
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
}
.PromptWidget---align_start {
  text-align: left !important;
}
.PromptWidget---align_end {
  text-align: right !important;
}
.PromptWidget---center {
  text-align: center !important;
}
.PromptWidget---text::-ms-clear,
.PromptWidget---picker_input::-ms-clear {
  display: none !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.PromptWidget---text::-webkit-input-placeholder,
.PromptWidget---password::-webkit-input-placeholder,
.PromptWidget---picker_input::-webkit-input-placeholder,
.PromptWidget---dropdown_value::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-style: italic !important;
  font-weight: 400 !important;
}
.PromptWidget---text::-moz-placeholder,
.PromptWidget---password::-moz-placeholder,
.PromptWidget---picker_input::-moz-placeholder,
.PromptWidget---dropdown_value::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.PromptWidget---text:-ms-input-placeholder,
.PromptWidget---password:-ms-input-placeholder,
.PromptWidget---picker_input:-ms-input-placeholder,
.PromptWidget---dropdown_value:-ms-input-placeholder,
.PromptWidget---dropdown_value:disabled:-ms-input-placeholder,
.PromptWidget---text:disabled:-ms-input-placeholder,
.PromptWidget---password:disabled:-ms-input-placeholder,
.PromptWidget---picker_input:disabled:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.PromptWidget---textarea_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.PromptWidget---text.PromptWidget---has_clear_link,
.PromptWidget---password.PromptWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.PromptWidget---text,
.PromptWidget---password,
.PromptWidget---textarea,
.PromptWidget---textarea_print,
.PromptWidget---dropdown_value,
.PromptWidget---picker_value,
.PromptWidget---date_range_value,
.PromptWidget---date_picker2__control {
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  /* needs extra decimals for correct alignment in some browsers */
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  width: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
}
.PromptWidget---text.PromptWidget---inDarkBackground,
.PromptWidget---password.PromptWidget---inDarkBackground,
.PromptWidget---textarea.PromptWidget---inDarkBackground,
.PromptWidget---textarea_print.PromptWidget---inDarkBackground,
.PromptWidget---dropdown_value.PromptWidget---inDarkBackground,
.PromptWidget---picker_value.PromptWidget---inDarkBackground,
.PromptWidget---date_range_value.PromptWidget---inDarkBackground,
.PromptWidget---date_picker2__control.PromptWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.PromptWidget---dropdown,
.PromptWidget---picker {
  position: relative !important;
  font-size: 1rem !important;
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}
.PromptWidget---dropdown_value,
.PromptWidget---picker_value {
  min-height: 2.4286rem !important;
}
.appian-context-browser-safari .PromptWidget---text,
.appian-context-browser-safari .PromptWidget---textarea {
  margin: 0 !important;
  /* needed to prevent 2px margin-top & margin-bottom on Safari */
}
.appian-context-os-ios .PromptWidget---text,
.appian-context-os-ios .PromptWidget---password,
.appian-context-os-ios .PromptWidget---textarea,
.appian-context-os-ios .PromptWidget---textarea_print,
.appian-context-os-ios .PromptWidget---dropdown_value,
.appian-context-os-ios .PromptWidget---picker_value {
  font-family: -apple-system !important;
}
.appian-context-os-android .PromptWidget---text,
.appian-context-os-android .PromptWidget---password,
.appian-context-os-android .PromptWidget---textarea,
.appian-context-os-android .PromptWidget---textarea_print,
.appian-context-os-android .PromptWidget---dropdown_value,
.appian-context-os-android .PromptWidget---picker_value {
  font-family: "Roboto" !important;
}
.PromptWidget---text.PromptWidget---width_narrow,
.PromptWidget---password.PromptWidget---width_narrow,
.PromptWidget---textarea.PromptWidget---width_narrow,
.PromptWidget---textarea_print.PromptWidget---width_narrow,
.PromptWidget---dropdown.PromptWidget---width_narrow,
.PromptWidget---picker.PromptWidget---width_narrow {
  max-width: 160px !important;
}
.PromptWidget---text.PromptWidget---width_medium,
.PromptWidget---password.PromptWidget---width_medium,
.PromptWidget---textarea.PromptWidget---width_medium,
.PromptWidget---textarea_print.PromptWidget---width_medium,
.PromptWidget---dropdown.PromptWidget---width_medium,
.PromptWidget---picker.PromptWidget---width_medium {
  max-width: 320px !important;
}
.PromptWidget---text:focus,
.PromptWidget---password:focus,
.PromptWidget---textarea:focus,
.PromptWidget---dropdown_value:focus,
.PromptWidget---dropdown_value.PromptWidget---focus,
.PromptWidget---picker_value:focus,
.PromptWidget---picker_value.PromptWidget---focus,
.PromptWidget---date_picker2__control.PromptWidget---date_picker2__control--is-focused {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.PromptWidget---text:disabled,
.PromptWidget---password:disabled,
.PromptWidget---textarea:disabled,
.PromptWidget---textarea.PromptWidget---is_disabled,
.PromptWidget---dropdown_value.PromptWidget---is_disabled,
.PromptWidget---picker_value.PromptWidget---is_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  /* needed to prevent dropdown & picker from getting focus styling on click on IE */
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.PromptWidget---text:disabled,
.PromptWidget---password:disabled,
.PromptWidget---textarea:disabled,
.PromptWidget---textarea.PromptWidget---is_disabled,
.PromptWidget---dropdown_value.PromptWidget---is_disabled:after,
.PromptWidget---dropdown_value.PromptWidget---is_disabled:not(.PromptWidget---placeholder) {
  color: var(--appian-disabled-text-color, #777) !important;
  -webkit-text-fill-color: var(--appian-disabled-text-color, #777) !important;
  /* needed so disabled text color is correct in Safari */
}
.PromptWidget---picker_value.PromptWidget---is_disabled {
  cursor: default !important;
  /* needed to prevent text cursor */
}
.PromptWidget---text[aria-invalid="true"]:not(.PromptWidget---inEditableGridLayout),
.PromptWidget---password[aria-invalid="true"]:not(.PromptWidget---inEditableGridLayout),
.PromptWidget---textarea[aria-invalid="true"]:not(.PromptWidget---inEditableGridLayout),
.PromptWidget---dropdown_value[aria-invalid="true"]:not(.PromptWidget---inEditableGridLayout),
.PromptWidget---picker_value.PromptWidget---invalid:not(.PromptWidget---inEditableGridLayout) {
  border-color: #de0037 !important;
}
.PromptWidget---text[aria-invalid="true"]:not(.PromptWidget---inEditableGridLayout).PromptWidget---inDarkBackground,
.PromptWidget---password[aria-invalid="true"]:not(.PromptWidget---inEditableGridLayout).PromptWidget---inDarkBackground,
.PromptWidget---textarea[aria-invalid="true"]:not(.PromptWidget---inEditableGridLayout).PromptWidget---inDarkBackground,
.PromptWidget---dropdown_value[aria-invalid="true"]:not(.PromptWidget---inEditableGridLayout).PromptWidget---inDarkBackground,
.PromptWidget---picker_value.PromptWidget---invalid:not(.PromptWidget---inEditableGridLayout).PromptWidget---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.PromptWidget---text[aria-invalid="true"]:not(.PromptWidget---inEditableGridLayout):focus,
.PromptWidget---password[aria-invalid="true"]:not(.PromptWidget---inEditableGridLayout):focus,
.PromptWidget---textarea[aria-invalid="true"]:not(.PromptWidget---inEditableGridLayout):focus,
.PromptWidget---dropdown_value[aria-invalid="true"]:not(.PromptWidget---inEditableGridLayout):focus,
.PromptWidget---picker_value.PromptWidget---invalid:not(.PromptWidget---inEditableGridLayout):focus,
.PromptWidget---picker_value.PromptWidget---invalid:not(.PromptWidget---inEditableGridLayout).PromptWidget---focus {
  border-color: #1d659c !important;
}
.PromptWidget---picker_value.PromptWidget---invalid:not(.PromptWidget---inEditableGridLayout),
.PromptWidget---picker_value.PromptWidget---invalid:not(.PromptWidget---inEditableGridLayout):focus,
.PromptWidget---picker_value.PromptWidget---invalid:not(.PromptWidget---inEditableGridLayout).PromptWidget---focus {
  z-index: 2 !important;
}
.PromptWidget---text[aria-invalid="true"].PromptWidget---inEditableGridLayout.PromptWidget---inSideBySideItem,
.PromptWidget---text[aria-invalid="true"].PromptWidget---inEditableGridLayout.PromptWidget---inSideBySideItem:focus,
.PromptWidget---password[aria-invalid="true"].PromptWidget---inEditableGridLayout.PromptWidget---inSideBySideItem,
.PromptWidget---password[aria-invalid="true"].PromptWidget---inEditableGridLayout.PromptWidget---inSideBySideItem:focus,
.PromptWidget---dropdown_value[aria-invalid="true"].PromptWidget---inEditableGridLayout.PromptWidget---inSideBySideItem,
.PromptWidget---dropdown_value[aria-invalid="true"].PromptWidget---inEditableGridLayout.PromptWidget---inSideBySideItem:focus,
.PromptWidget---picker_value.PromptWidget---invalid.PromptWidget---inEditableGridLayout.PromptWidget---inSideBySideItem,
.PromptWidget---picker_value.PromptWidget---invalid.PromptWidget---inEditableGridLayout.PromptWidget---inSideBySideItem:focus,
.PromptWidget---picker_value.PromptWidget---invalid.PromptWidget---inEditableGridLayout.PromptWidget---inSideBySideItem.PromptWidget---focus {
  border: 1px solid transparent !important;
}
.PromptWidget---invalidInSideBySide,
.PromptWidget---invalidInSideBySide:focus {
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.PromptWidget---invalidInSideBySide.PromptWidget---inDarkBackground,
.PromptWidget---invalidInSideBySide:focus.PromptWidget---inDarkBackground {
  border-left-color: var(--appian-input-border-color, #ddd) !important;
  border-right-color: var(--appian-input-border-color, #ddd) !important;
}
.PromptWidget---textarea[aria-invalid="true"].PromptWidget---inEditableGridLayout.PromptWidget---inSideBySideItem,
.PromptWidget---textarea[aria-invalid="true"].PromptWidget---inEditableGridLayout.PromptWidget---inSideBySideItem:focus {
  border-color: #de0037 !important;
}
.PromptWidget---textarea[aria-invalid="true"].PromptWidget---inEditableGridLayout.PromptWidget---inSideBySideItem.PromptWidget---inDarkBackground,
.PromptWidget---textarea[aria-invalid="true"].PromptWidget---inEditableGridLayout.PromptWidget---inSideBySideItem.PromptWidget---inDarkBackground:focus {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.PromptWidget---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.PromptWidget---show_data_icon .PromptWidget---text,
.PromptWidget---show_data_icon .PromptWidget---password,
.PromptWidget---show_data_icon .PromptWidget---textarea,
.PromptWidget---show_data_icon .PromptWidget---dropdown_value {
  padding-left: 1.7857rem !important;
}
.PromptWidget---text.PromptWidget---has_clear_link,
.PromptWidget---password.PromptWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.PromptWidget---character_count {
  position: absolute !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 300 !important;
  right: 0 !important;
  bottom: 0 !important;
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  pointer-events: none !important;
}
.PromptWidget---character_count.PromptWidget---over_limit:not(.PromptWidget---inDarkBackground) {
  color: #de0037 !important;
  fill: #de0037 !important;
}
.PromptWidget---character_count.PromptWidget---over_limit.PromptWidget---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.PromptWidget---character_count .PromptWidget---icon_container {
  outline: none !important;
  margin-right: 3px !important;
  margin-bottom: -2px !important;
}
.PromptWidget---character_count .PromptWidget---icon_container > svg {
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
.PromptWidget---character_count_overlay {
  background-color: var(--appian-input-background-color-faded, #fffd) !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 0.7143rem 0.5714rem 0 !important;
  z-index: 3 !important;
}
.appian-context-os-windows .PromptWidget---character_count_overlay {
  margin: 0 1.2857rem 0.5714rem 0 !important;
}
.PromptWidget---textarea:disabled + .PromptWidget---character_count_overlay,
.PromptWidget---character_count_overlay_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.PromptWidget---data_icon {
  position: absolute !important;
  top: 0.7143rem !important;
  left: 0.5714rem !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  fill: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
a.PromptWidget---input_clear_link {
  border: none !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.PromptWidget---input_icon_wrapper > a.PromptWidget---input_clear_link {
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.9286rem !important;
}
.appian-context-browser-edge .PromptWidget---input_icon_wrapper > a.PromptWidget---input_clear_link {
  top: 0.5rem !important;
}
.PromptWidget---dropdown_value a.PromptWidget---input_clear_link {
  position: absolute !important;
  right: 1.4286rem !important;
  top: 0.5714rem !important;
}
.appian-context-os-mac.appian-context-browser-chrome .PromptWidget---dropdown_value a.PromptWidget---input_clear_link {
  top: 0.5rem !important;
}
a.PromptWidget---input_clear_link:hover,
a.PromptWidget---input_clear_link:focus:not([data-appian-ux-mouse-focus]) {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.PromptWidget---dropdown .PromptWidget---dropdown_value.PromptWidget---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.PromptWidget---dropdown_value.PromptWidget---has_inline_label span.PromptWidget---inline_label,
.PromptWidget---date_range_value.PromptWidget---has_inline_label span.PromptWidget---inline_label {
  display: inline-block !important;
  max-width: 70% !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.7857rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.1429rem !important;
  vertical-align: -0.2143rem !important;
  margin-right: 0.5rem !important;
  padding-right: 0.5rem !important;
  border-right: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.PromptWidget---dropdown_value.PromptWidget---has_inline_label.PromptWidget---inDarkBackground span.PromptWidget---inline_label,
.PromptWidget---date_range_value.PromptWidget---has_inline_label.PromptWidget---inDarkBackground span.PromptWidget---inline_label {
  border-right-color: var(--appian-choice-border-color, #bbb) !important;
}
.appian-context-browser-safari .PromptWidget---dropdown_value.PromptWidget---has_inline_label span.PromptWidget---inline_label,
.appian-context-browser-safari .PromptWidget---date_range_value.PromptWidget---has_inline_label span.PromptWidget---inline_label {
  vertical-align: inherit !important;
}
.PromptWidget---dropdown_value.PromptWidget---has_inline_label.PromptWidget---highlighted span.PromptWidget---value_display,
.PromptWidget---date_range_value.PromptWidget---has_inline_label.PromptWidget---highlighted span.PromptWidget---value_display {
  font-weight: 700 !important;
}
.PromptWidget---dropdown_value.PromptWidget---has_inline_label a.PromptWidget---input_clear_link,
.PromptWidget---date_range_value.PromptWidget---has_inline_label a.PromptWidget---input_clear_link {
  display: none !important;
  position: absolute !important;
  right: 1.5714rem !important;
  top: 0.5714rem !important;
}
.PromptWidget---dropdown_value.PromptWidget---has_inline_label.PromptWidget---highlighted a.PromptWidget---input_clear_link,
.PromptWidget---date_range_value.PromptWidget---has_inline_label.PromptWidget---highlighted a.PromptWidget---input_clear_link {
  display: inline-block !important;
}
.PromptWidget---date_range_value.PromptWidget---has_inline_label.PromptWidget---validation:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.PromptWidget---date_range_value.PromptWidget---has_inline_label.PromptWidget---validation:before {
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.PromptWidget---date_range_value.PromptWidget---has_inline_label.PromptWidget---validation.PromptWidget---inDarkBackground:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.PromptWidget---number_range_input.PromptWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.PromptWidget---date_range_value.PromptWidget---has_inline_label.PromptWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
}
.PromptWidget---date_range_value.PromptWidget---has_inline_label.PromptWidget---validation.PromptWidget---inDarkBackground:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.PromptWidget---number_range_input.PromptWidget---validation,
.PromptWidget---date_range_value.PromptWidget---has_inline_label.PromptWidget---validation {
  position: relative !important;
  border-color: transparent !important;
}
.PromptWidget---textarea {
  min-height: 8.2rem !important;
  padding-bottom: 0 !important;
  max-height: 40rem !important;
  resize: vertical !important;
  display: block !important;
  /* needed to prevent extra space from showing below paragraph (most obvious when in grid) */
}
.PromptWidget---textarea.PromptWidget---height_short {
  min-height: 4.1rem !important;
}
.PromptWidget---textarea.PromptWidget---height_medium {
  min-height: 8.2rem !important;
}
.PromptWidget---textarea.PromptWidget---height_tall {
  min-height: 15.5rem !important;
}
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.PromptWidget---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .PromptWidget---accessibilityhidden {
  font-size: 0 !important;
}
.PromptWidget---align_start {
  text-align: left !important;
}
.PromptWidget---align_end {
  text-align: right !important;
}
.PromptWidget---center {
  text-align: center !important;
}
.PromptWidget---align_start {
  text-align: left !important;
}
.PromptWidget---align_end {
  text-align: right !important;
}
.PromptWidget---center {
  text-align: center !important;
}
.PromptWidget---text::-ms-clear,
.PromptWidget---picker_input::-ms-clear {
  display: none !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.PromptWidget---text::-webkit-input-placeholder,
.PromptWidget---password::-webkit-input-placeholder,
.PromptWidget---picker_input::-webkit-input-placeholder,
.PromptWidget---dropdown_value::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-style: italic !important;
  font-weight: 400 !important;
}
.PromptWidget---text::-moz-placeholder,
.PromptWidget---password::-moz-placeholder,
.PromptWidget---picker_input::-moz-placeholder,
.PromptWidget---dropdown_value::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.PromptWidget---text:-ms-input-placeholder,
.PromptWidget---password:-ms-input-placeholder,
.PromptWidget---picker_input:-ms-input-placeholder,
.PromptWidget---dropdown_value:-ms-input-placeholder,
.PromptWidget---dropdown_value:disabled:-ms-input-placeholder,
.PromptWidget---text:disabled:-ms-input-placeholder,
.PromptWidget---password:disabled:-ms-input-placeholder,
.PromptWidget---picker_input:disabled:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.PromptWidget---textarea_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.PromptWidget---text.PromptWidget---has_clear_link,
.PromptWidget---password.PromptWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.PromptWidget---text,
.PromptWidget---password,
.PromptWidget---textarea,
.PromptWidget---textarea_print,
.PromptWidget---dropdown_value,
.PromptWidget---picker_value,
.PromptWidget---date_range_value,
.PromptWidget---date_picker2__control {
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  /* needs extra decimals for correct alignment in some browsers */
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  width: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
}
.PromptWidget---text.PromptWidget---inDarkBackground,
.PromptWidget---password.PromptWidget---inDarkBackground,
.PromptWidget---textarea.PromptWidget---inDarkBackground,
.PromptWidget---textarea_print.PromptWidget---inDarkBackground,
.PromptWidget---dropdown_value.PromptWidget---inDarkBackground,
.PromptWidget---picker_value.PromptWidget---inDarkBackground,
.PromptWidget---date_range_value.PromptWidget---inDarkBackground,
.PromptWidget---date_picker2__control.PromptWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.PromptWidget---dropdown,
.PromptWidget---picker {
  position: relative !important;
  font-size: 1rem !important;
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}
.PromptWidget---dropdown_value,
.PromptWidget---picker_value {
  min-height: 2.4286rem !important;
}
.appian-context-browser-safari .PromptWidget---text,
.appian-context-browser-safari .PromptWidget---textarea {
  margin: 0 !important;
  /* needed to prevent 2px margin-top & margin-bottom on Safari */
}
.appian-context-os-ios .PromptWidget---text,
.appian-context-os-ios .PromptWidget---password,
.appian-context-os-ios .PromptWidget---textarea,
.appian-context-os-ios .PromptWidget---textarea_print,
.appian-context-os-ios .PromptWidget---dropdown_value,
.appian-context-os-ios .PromptWidget---picker_value {
  font-family: -apple-system !important;
}
.appian-context-os-android .PromptWidget---text,
.appian-context-os-android .PromptWidget---password,
.appian-context-os-android .PromptWidget---textarea,
.appian-context-os-android .PromptWidget---textarea_print,
.appian-context-os-android .PromptWidget---dropdown_value,
.appian-context-os-android .PromptWidget---picker_value {
  font-family: "Roboto" !important;
}
.PromptWidget---text.PromptWidget---width_narrow,
.PromptWidget---password.PromptWidget---width_narrow,
.PromptWidget---textarea.PromptWidget---width_narrow,
.PromptWidget---textarea_print.PromptWidget---width_narrow,
.PromptWidget---dropdown.PromptWidget---width_narrow,
.PromptWidget---picker.PromptWidget---width_narrow {
  max-width: 160px !important;
}
.PromptWidget---text.PromptWidget---width_medium,
.PromptWidget---password.PromptWidget---width_medium,
.PromptWidget---textarea.PromptWidget---width_medium,
.PromptWidget---textarea_print.PromptWidget---width_medium,
.PromptWidget---dropdown.PromptWidget---width_medium,
.PromptWidget---picker.PromptWidget---width_medium {
  max-width: 320px !important;
}
.PromptWidget---text:focus,
.PromptWidget---password:focus,
.PromptWidget---textarea:focus,
.PromptWidget---dropdown_value:focus,
.PromptWidget---dropdown_value.PromptWidget---focus,
.PromptWidget---picker_value:focus,
.PromptWidget---picker_value.PromptWidget---focus,
.PromptWidget---date_picker2__control.PromptWidget---date_picker2__control--is-focused {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.PromptWidget---text:disabled,
.PromptWidget---password:disabled,
.PromptWidget---textarea:disabled,
.PromptWidget---textarea.PromptWidget---is_disabled,
.PromptWidget---dropdown_value.PromptWidget---is_disabled,
.PromptWidget---picker_value.PromptWidget---is_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  /* needed to prevent dropdown & picker from getting focus styling on click on IE */
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.PromptWidget---text:disabled,
.PromptWidget---password:disabled,
.PromptWidget---textarea:disabled,
.PromptWidget---textarea.PromptWidget---is_disabled,
.PromptWidget---dropdown_value.PromptWidget---is_disabled:after,
.PromptWidget---dropdown_value.PromptWidget---is_disabled:not(.PromptWidget---placeholder) {
  color: var(--appian-disabled-text-color, #777) !important;
  -webkit-text-fill-color: var(--appian-disabled-text-color, #777) !important;
  /* needed so disabled text color is correct in Safari */
}
.PromptWidget---picker_value.PromptWidget---is_disabled {
  cursor: default !important;
  /* needed to prevent text cursor */
}
.PromptWidget---text[aria-invalid="true"]:not(.PromptWidget---inEditableGridLayout),
.PromptWidget---password[aria-invalid="true"]:not(.PromptWidget---inEditableGridLayout),
.PromptWidget---textarea[aria-invalid="true"]:not(.PromptWidget---inEditableGridLayout),
.PromptWidget---dropdown_value[aria-invalid="true"]:not(.PromptWidget---inEditableGridLayout),
.PromptWidget---picker_value.PromptWidget---invalid:not(.PromptWidget---inEditableGridLayout) {
  border-color: #de0037 !important;
}
.PromptWidget---text[aria-invalid="true"]:not(.PromptWidget---inEditableGridLayout).PromptWidget---inDarkBackground,
.PromptWidget---password[aria-invalid="true"]:not(.PromptWidget---inEditableGridLayout).PromptWidget---inDarkBackground,
.PromptWidget---textarea[aria-invalid="true"]:not(.PromptWidget---inEditableGridLayout).PromptWidget---inDarkBackground,
.PromptWidget---dropdown_value[aria-invalid="true"]:not(.PromptWidget---inEditableGridLayout).PromptWidget---inDarkBackground,
.PromptWidget---picker_value.PromptWidget---invalid:not(.PromptWidget---inEditableGridLayout).PromptWidget---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.PromptWidget---text[aria-invalid="true"]:not(.PromptWidget---inEditableGridLayout):focus,
.PromptWidget---password[aria-invalid="true"]:not(.PromptWidget---inEditableGridLayout):focus,
.PromptWidget---textarea[aria-invalid="true"]:not(.PromptWidget---inEditableGridLayout):focus,
.PromptWidget---dropdown_value[aria-invalid="true"]:not(.PromptWidget---inEditableGridLayout):focus,
.PromptWidget---picker_value.PromptWidget---invalid:not(.PromptWidget---inEditableGridLayout):focus,
.PromptWidget---picker_value.PromptWidget---invalid:not(.PromptWidget---inEditableGridLayout).PromptWidget---focus {
  border-color: #1d659c !important;
}
.PromptWidget---picker_value.PromptWidget---invalid:not(.PromptWidget---inEditableGridLayout),
.PromptWidget---picker_value.PromptWidget---invalid:not(.PromptWidget---inEditableGridLayout):focus,
.PromptWidget---picker_value.PromptWidget---invalid:not(.PromptWidget---inEditableGridLayout).PromptWidget---focus {
  z-index: 2 !important;
}
.PromptWidget---text[aria-invalid="true"].PromptWidget---inEditableGridLayout.PromptWidget---inSideBySideItem,
.PromptWidget---text[aria-invalid="true"].PromptWidget---inEditableGridLayout.PromptWidget---inSideBySideItem:focus,
.PromptWidget---password[aria-invalid="true"].PromptWidget---inEditableGridLayout.PromptWidget---inSideBySideItem,
.PromptWidget---password[aria-invalid="true"].PromptWidget---inEditableGridLayout.PromptWidget---inSideBySideItem:focus,
.PromptWidget---dropdown_value[aria-invalid="true"].PromptWidget---inEditableGridLayout.PromptWidget---inSideBySideItem,
.PromptWidget---dropdown_value[aria-invalid="true"].PromptWidget---inEditableGridLayout.PromptWidget---inSideBySideItem:focus,
.PromptWidget---picker_value.PromptWidget---invalid.PromptWidget---inEditableGridLayout.PromptWidget---inSideBySideItem,
.PromptWidget---picker_value.PromptWidget---invalid.PromptWidget---inEditableGridLayout.PromptWidget---inSideBySideItem:focus,
.PromptWidget---picker_value.PromptWidget---invalid.PromptWidget---inEditableGridLayout.PromptWidget---inSideBySideItem.PromptWidget---focus {
  border: 1px solid transparent !important;
}
.PromptWidget---invalidInSideBySide,
.PromptWidget---invalidInSideBySide:focus {
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.PromptWidget---invalidInSideBySide.PromptWidget---inDarkBackground,
.PromptWidget---invalidInSideBySide:focus.PromptWidget---inDarkBackground {
  border-left-color: var(--appian-input-border-color, #ddd) !important;
  border-right-color: var(--appian-input-border-color, #ddd) !important;
}
.PromptWidget---textarea[aria-invalid="true"].PromptWidget---inEditableGridLayout.PromptWidget---inSideBySideItem,
.PromptWidget---textarea[aria-invalid="true"].PromptWidget---inEditableGridLayout.PromptWidget---inSideBySideItem:focus {
  border-color: #de0037 !important;
}
.PromptWidget---textarea[aria-invalid="true"].PromptWidget---inEditableGridLayout.PromptWidget---inSideBySideItem.PromptWidget---inDarkBackground,
.PromptWidget---textarea[aria-invalid="true"].PromptWidget---inEditableGridLayout.PromptWidget---inSideBySideItem.PromptWidget---inDarkBackground:focus {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.PromptWidget---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.PromptWidget---show_data_icon .PromptWidget---text,
.PromptWidget---show_data_icon .PromptWidget---password,
.PromptWidget---show_data_icon .PromptWidget---textarea,
.PromptWidget---show_data_icon .PromptWidget---dropdown_value {
  padding-left: 1.7857rem !important;
}
.PromptWidget---text.PromptWidget---has_clear_link,
.PromptWidget---password.PromptWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.PromptWidget---character_count {
  position: absolute !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 300 !important;
  right: 0 !important;
  bottom: 0 !important;
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  pointer-events: none !important;
}
.PromptWidget---character_count.PromptWidget---over_limit:not(.PromptWidget---inDarkBackground) {
  color: #de0037 !important;
  fill: #de0037 !important;
}
.PromptWidget---character_count.PromptWidget---over_limit.PromptWidget---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.PromptWidget---character_count .PromptWidget---icon_container {
  outline: none !important;
  margin-right: 3px !important;
  margin-bottom: -2px !important;
}
.PromptWidget---character_count .PromptWidget---icon_container > svg {
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
.PromptWidget---character_count_overlay {
  background-color: var(--appian-input-background-color-faded, #fffd) !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 0.7143rem 0.5714rem 0 !important;
  z-index: 3 !important;
}
.appian-context-os-windows .PromptWidget---character_count_overlay {
  margin: 0 1.2857rem 0.5714rem 0 !important;
}
.PromptWidget---textarea:disabled + .PromptWidget---character_count_overlay,
.PromptWidget---character_count_overlay_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.PromptWidget---data_icon {
  position: absolute !important;
  top: 0.7143rem !important;
  left: 0.5714rem !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  fill: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
a.PromptWidget---input_clear_link {
  border: none !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.PromptWidget---input_icon_wrapper > a.PromptWidget---input_clear_link {
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.9286rem !important;
}
.appian-context-browser-edge .PromptWidget---input_icon_wrapper > a.PromptWidget---input_clear_link {
  top: 0.5rem !important;
}
.PromptWidget---dropdown_value a.PromptWidget---input_clear_link {
  position: absolute !important;
  right: 1.4286rem !important;
  top: 0.5714rem !important;
}
.appian-context-os-mac.appian-context-browser-chrome .PromptWidget---dropdown_value a.PromptWidget---input_clear_link {
  top: 0.5rem !important;
}
a.PromptWidget---input_clear_link:hover,
a.PromptWidget---input_clear_link:focus:not([data-appian-ux-mouse-focus]) {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.PromptWidget---dropdown .PromptWidget---dropdown_value.PromptWidget---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.PromptWidget---dropdown_value.PromptWidget---has_inline_label span.PromptWidget---inline_label,
.PromptWidget---date_range_value.PromptWidget---has_inline_label span.PromptWidget---inline_label {
  display: inline-block !important;
  max-width: 70% !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.7857rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.1429rem !important;
  vertical-align: -0.2143rem !important;
  margin-right: 0.5rem !important;
  padding-right: 0.5rem !important;
  border-right: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.PromptWidget---dropdown_value.PromptWidget---has_inline_label.PromptWidget---inDarkBackground span.PromptWidget---inline_label,
.PromptWidget---date_range_value.PromptWidget---has_inline_label.PromptWidget---inDarkBackground span.PromptWidget---inline_label {
  border-right-color: var(--appian-choice-border-color, #bbb) !important;
}
.appian-context-browser-safari .PromptWidget---dropdown_value.PromptWidget---has_inline_label span.PromptWidget---inline_label,
.appian-context-browser-safari .PromptWidget---date_range_value.PromptWidget---has_inline_label span.PromptWidget---inline_label {
  vertical-align: inherit !important;
}
.PromptWidget---dropdown_value.PromptWidget---has_inline_label.PromptWidget---highlighted span.PromptWidget---value_display,
.PromptWidget---date_range_value.PromptWidget---has_inline_label.PromptWidget---highlighted span.PromptWidget---value_display {
  font-weight: 700 !important;
}
.PromptWidget---dropdown_value.PromptWidget---has_inline_label a.PromptWidget---input_clear_link,
.PromptWidget---date_range_value.PromptWidget---has_inline_label a.PromptWidget---input_clear_link {
  display: none !important;
  position: absolute !important;
  right: 1.5714rem !important;
  top: 0.5714rem !important;
}
.PromptWidget---dropdown_value.PromptWidget---has_inline_label.PromptWidget---highlighted a.PromptWidget---input_clear_link,
.PromptWidget---date_range_value.PromptWidget---has_inline_label.PromptWidget---highlighted a.PromptWidget---input_clear_link {
  display: inline-block !important;
}
.PromptWidget---date_range_value.PromptWidget---has_inline_label.PromptWidget---validation:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.PromptWidget---date_range_value.PromptWidget---has_inline_label.PromptWidget---validation:before {
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.PromptWidget---date_range_value.PromptWidget---has_inline_label.PromptWidget---validation.PromptWidget---inDarkBackground:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.PromptWidget---number_range_input.PromptWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.PromptWidget---date_range_value.PromptWidget---has_inline_label.PromptWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
}
.PromptWidget---date_range_value.PromptWidget---has_inline_label.PromptWidget---validation.PromptWidget---inDarkBackground:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.PromptWidget---number_range_input.PromptWidget---validation,
.PromptWidget---date_range_value.PromptWidget---has_inline_label.PromptWidget---validation {
  position: relative !important;
  border-color: transparent !important;
}
.PromptWidget---container {
  position: relative !important;
}
.PromptWidget---container .PromptWidget---textarea {
  min-height: 102px !important;
  max-height: 40vh !important;
  border-radius: 5px !important;
  padding-right: 1.8571rem !important;
  resize: none !important;
}
.PromptWidget---icon {
  cursor: pointer !important;
  position: absolute !important;
  top: 9px !important;
  right: 10px !important;
  height: 1rem !important;
  width: 1rem !important;
}
.PromptWidget---icon > button {
  height: 1rem !important;
  width: 1rem !important;
  border: none !important;
  background: none !important;
  padding: 0 !important;
  cursor: pointer !important;
}
.PromptWidget---icon > button > svg {
  height: 1rem !important;
  width: 1rem !important;
  fill: #94aad8 !important;
}
.PromptWidget---icon.PromptWidget---disabled > button {
  cursor: auto !important;
}
.PromptWidget---icon.PromptWidget---disabled > button > svg {
  fill: #ddd !important;
}
.PromptWidget---icon-PRIMARY > button > svg {
  fill: #2322f0 !important;
}
.PromptWidget---icon-ACCENT > button > svg {
  fill: #1d659c !important;
}

.RadioSelect---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .RadioSelect---accessibilityhidden {
  font-size: 0 !important;
}
.RadioSelect---align_start {
  text-align: left !important;
}
.RadioSelect---align_end {
  text-align: right !important;
}
.RadioSelect---center {
  text-align: center !important;
}
.RadioSelect---choice_pair {
  position: relative !important;
  min-height: 1.2857rem !important;
  /* avoid collapse when no label text */
  word-wrap: break-word !important;
  /* needed on parent container for proper wrapping on IE */
  font-size: 1rem !important;
  /* maintain correct vertical spacing when in side by side layout */
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .RadioSelect---choice_pair {
    min-height: 2.1429rem !important;
  }
}
.appian-context-ux-screen-size-narrow .RadioSelect---choice_pair {
  /* rules to apply in the phone form factor preview in ID */
  min-height: 2.1429rem !important;
}
.appian-context-ux-screen-size-medium .RadioSelect---choice_pair {
  /* rules to apply in the tablet form factor preview in ID */
  min-height: 2.1429rem !important;
}
.RadioSelect---choice_pair input[type="checkbox"],
.RadioSelect---choice_pair input[type="radio"] {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  width: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  /*
      Important! Because we specify "position: absolute", we need to protect ourselves from inherited
      styles (especially from the host page) that might try to assign these values. (AN-78083)
    */
  top: inherit !important;
  right: inherit !important;
  bottom: inherit !important;
  left: inherit !important;
}
.RadioSelect---choice_pair input[type="checkbox"] + label.RadioSelect---choice_label,
.RadioSelect---choice_pair input[type="radio"] + label.RadioSelect---choice_label {
  padding-left: 1.5rem !important;
  position: relative !important;
  box-sizing: border-box !important;
  word-wrap: break-word !important;
  white-space: normal !important;
  display: inline-block !important;
  max-width: 100% !important;
  left: -1px !important;
  /* offset size of hidden input */
  top: -1px !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .RadioSelect---choice_pair input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-responsive .RadioSelect---choice_pair input[type="radio"] + label.RadioSelect---choice_label {
    padding-left: 34px !important;
  }
}
.appian-context-ux-screen-size-narrow .RadioSelect---choice_pair input[type="checkbox"] + label.RadioSelect---choice_label,
.appian-context-ux-screen-size-narrow .RadioSelect---choice_pair input[type="radio"] + label.RadioSelect---choice_label {
  /* rules to apply in the phone form factor preview in ID */
  padding-left: 34px !important;
}
.appian-context-ux-screen-size-medium .RadioSelect---choice_pair input[type="checkbox"] + label.RadioSelect---choice_label,
.appian-context-ux-screen-size-medium .RadioSelect---choice_pair input[type="radio"] + label.RadioSelect---choice_label {
  /* rules to apply in the tablet form factor preview in ID */
  padding-left: 34px !important;
}
.RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="checkbox"] + label.RadioSelect---choice_label,
.RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="radio"] + label.RadioSelect---choice_label {
  padding-left: 1.75rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-responsive .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="radio"] + label.RadioSelect---choice_label {
    padding-left: 34px !important;
  }
}
.appian-context-ux-screen-size-narrow .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="checkbox"] + label.RadioSelect---choice_label,
.appian-context-ux-screen-size-narrow .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="radio"] + label.RadioSelect---choice_label {
  /* rules to apply in the phone form factor preview in ID */
  padding-left: 34px !important;
}
.appian-context-ux-screen-size-medium .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="checkbox"] + label.RadioSelect---choice_label,
.appian-context-ux-screen-size-medium .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="radio"] + label.RadioSelect---choice_label {
  /* rules to apply in the tablet form factor preview in ID */
  padding-left: 34px !important;
}
.RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="checkbox"] + label.RadioSelect---choice_label,
.RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="radio"] + label.RadioSelect---choice_label {
  padding-left: 2rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-responsive .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="radio"] + label.RadioSelect---choice_label {
    padding-left: 34px !important;
  }
}
.appian-context-ux-screen-size-narrow .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="checkbox"] + label.RadioSelect---choice_label,
.appian-context-ux-screen-size-narrow .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="radio"] + label.RadioSelect---choice_label {
  /* rules to apply in the phone form factor preview in ID */
  padding-left: 34px !important;
}
.appian-context-ux-screen-size-medium .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="checkbox"] + label.RadioSelect---choice_label,
.appian-context-ux-screen-size-medium .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="radio"] + label.RadioSelect---choice_label {
  /* rules to apply in the tablet form factor preview in ID */
  padding-left: 34px !important;
}
/* use browser default checkbox & radio buttons when printing in Edge */
@media print {
  .appian-context-browser-chrome .RadioSelect---choice_pair,
  .appian-context-browser-safari .RadioSelect---choice_pair,
  .appian-context-browser-firefox .RadioSelect---choice_pair {
    position: relative !important;
    min-height: 1.2857rem !important;
    /* avoid collapse when no label text */
    word-wrap: break-word !important;
    /* needed on parent container for proper wrapping on IE */
    font-size: 1rem !important;
    /* maintain correct vertical spacing when in side by side layout */
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .RadioSelect---choice_pair,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .RadioSelect---choice_pair,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .RadioSelect---choice_pair {
    /* rules to apply in the phone form factor preview in ID */
    min-height: 2.1429rem !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .RadioSelect---choice_pair,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .RadioSelect---choice_pair,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .RadioSelect---choice_pair {
    /* rules to apply in the tablet form factor preview in ID */
    min-height: 2.1429rem !important;
  }
  .appian-context-browser-chrome .RadioSelect---choice_pair input[type="checkbox"],
  .appian-context-browser-safari .RadioSelect---choice_pair input[type="checkbox"],
  .appian-context-browser-firefox .RadioSelect---choice_pair input[type="checkbox"],
  .appian-context-browser-chrome .RadioSelect---choice_pair input[type="radio"],
  .appian-context-browser-safari .RadioSelect---choice_pair input[type="radio"],
  .appian-context-browser-firefox .RadioSelect---choice_pair input[type="radio"] {
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    width: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    /*
      Important! Because we specify "position: absolute", we need to protect ourselves from inherited
      styles (especially from the host page) that might try to assign these values. (AN-78083)
    */
    top: inherit !important;
    right: inherit !important;
    bottom: inherit !important;
    left: inherit !important;
  }
  .appian-context-browser-chrome .RadioSelect---choice_pair input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-browser-safari .RadioSelect---choice_pair input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-browser-firefox .RadioSelect---choice_pair input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-browser-chrome .RadioSelect---choice_pair input[type="radio"] + label.RadioSelect---choice_label,
  .appian-context-browser-safari .RadioSelect---choice_pair input[type="radio"] + label.RadioSelect---choice_label,
  .appian-context-browser-firefox .RadioSelect---choice_pair input[type="radio"] + label.RadioSelect---choice_label {
    padding-left: 1.5rem !important;
    position: relative !important;
    box-sizing: border-box !important;
    word-wrap: break-word !important;
    white-space: normal !important;
    display: inline-block !important;
    max-width: 100% !important;
    left: -1px !important;
    /* offset size of hidden input */
    top: -1px !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .RadioSelect---choice_pair input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .RadioSelect---choice_pair input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .RadioSelect---choice_pair input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .RadioSelect---choice_pair input[type="radio"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .RadioSelect---choice_pair input[type="radio"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .RadioSelect---choice_pair input[type="radio"] + label.RadioSelect---choice_label {
    /* rules to apply in the phone form factor preview in ID */
    padding-left: 34px !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .RadioSelect---choice_pair input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .RadioSelect---choice_pair input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .RadioSelect---choice_pair input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .RadioSelect---choice_pair input[type="radio"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .RadioSelect---choice_pair input[type="radio"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .RadioSelect---choice_pair input[type="radio"] + label.RadioSelect---choice_label {
    /* rules to apply in the tablet form factor preview in ID */
    padding-left: 34px !important;
  }
  .appian-context-browser-chrome .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-browser-safari .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-browser-firefox .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-browser-chrome .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="radio"] + label.RadioSelect---choice_label,
  .appian-context-browser-safari .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="radio"] + label.RadioSelect---choice_label,
  .appian-context-browser-firefox .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="radio"] + label.RadioSelect---choice_label {
    padding-left: 1.75rem !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="radio"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="radio"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="radio"] + label.RadioSelect---choice_label {
    /* rules to apply in the phone form factor preview in ID */
    padding-left: 34px !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="radio"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="radio"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="radio"] + label.RadioSelect---choice_label {
    /* rules to apply in the tablet form factor preview in ID */
    padding-left: 34px !important;
  }
  .appian-context-browser-chrome .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-browser-safari .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-browser-firefox .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-browser-chrome .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="radio"] + label.RadioSelect---choice_label,
  .appian-context-browser-safari .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="radio"] + label.RadioSelect---choice_label,
  .appian-context-browser-firefox .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="radio"] + label.RadioSelect---choice_label {
    padding-left: 2rem !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="radio"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="radio"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="radio"] + label.RadioSelect---choice_label {
    /* rules to apply in the phone form factor preview in ID */
    padding-left: 34px !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="radio"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="radio"] + label.RadioSelect---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="radio"] + label.RadioSelect---choice_label {
    /* rules to apply in the tablet form factor preview in ID */
    padding-left: 34px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .RadioSelect---choice_pair,
  .appian-context-ux-responsive .appian-context-browser-safari .RadioSelect---choice_pair,
  .appian-context-ux-responsive .appian-context-browser-firefox .RadioSelect---choice_pair {
    min-height: 2.1429rem !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .RadioSelect---choice_pair input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .RadioSelect---choice_pair input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .RadioSelect---choice_pair input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-responsive .appian-context-browser-chrome .RadioSelect---choice_pair input[type="radio"] + label.RadioSelect---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .RadioSelect---choice_pair input[type="radio"] + label.RadioSelect---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .RadioSelect---choice_pair input[type="radio"] + label.RadioSelect---choice_label {
    padding-left: 34px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-responsive .appian-context-browser-chrome .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="radio"] + label.RadioSelect---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="radio"] + label.RadioSelect---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more input[type="radio"] + label.RadioSelect---choice_label {
    padding-left: 34px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="checkbox"] + label.RadioSelect---choice_label,
  .appian-context-ux-responsive .appian-context-browser-chrome .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="radio"] + label.RadioSelect---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="radio"] + label.RadioSelect---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more input[type="radio"] + label.RadioSelect---choice_label {
    padding-left: 34px !important;
  }
}
@media print {
  .appian-context-browser-edge .RadioSelect---choice_pair input[type="checkbox"],
  .appian-context-browser-edge .RadioSelect---choice_pair input[type="radio"] {
    height: 9px !important;
    width: 9px !important;
  }
}
.RadioSelect---choice_group.RadioSelect---compact .RadioSelect---choice_pair {
  display: inline-block !important;
  margin: 0 0.7143rem 0 0 !important;
  white-space: nowrap !important;
  max-width: 100% !important;
  /* needed for proper choice wrapping */
}
.RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair:not(:last-child) {
  margin: 0 0 0.5714rem 0 !important;
}
.RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more:not(:last-child) {
  margin-bottom: 1rem !important;
}
.RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more:not(:last-child) {
  margin-bottom: 1.5rem !important;
}
.RadioSelect---choice_group.RadioSelect---compact .RadioSelect---choice_wrapper.RadioSelect---spacing_more,
.RadioSelect---choice_group.RadioSelect---spacing_more.RadioSelect---compact {
  margin-bottom: -1rem !important;
}
.RadioSelect---choice_group.RadioSelect---compact .RadioSelect---choice_wrapper.RadioSelect---spacing_even_more,
.RadioSelect---choice_group.RadioSelect---spacing_even_more.RadioSelect---compact {
  margin-bottom: -1.5rem !important;
}
.RadioSelect---choice_group.RadioSelect---compact .RadioSelect---choice_pair.RadioSelect---spacing_more {
  margin-bottom: 1rem !important;
}
.RadioSelect---choice_group.RadioSelect---compact .RadioSelect---choice_pair.RadioSelect---spacing_more:not(:last-child) {
  margin-right: 1.45rem !important;
}
.RadioSelect---choice_group.RadioSelect---compact .RadioSelect---choice_pair.RadioSelect---spacing_even_more {
  margin-bottom: 1.5rem !important;
}
.RadioSelect---choice_group.RadioSelect---compact .RadioSelect---choice_pair.RadioSelect---spacing_even_more:not(:last-child) {
  margin-right: 2.2rem !important;
}
.RadioSelect---choice_wrapper {
  /* for aligning groups */
  text-align: left !important;
  display: inline-block !important;
  max-width: 100% !important;
}
.RadioSelect---choice_pair label.RadioSelect---choice_label {
  font-size: 1rem !important;
  /* needs extra decimals for correct alignment in Chrome */
  line-height: 1.28571429 !important;
  color: var(--appian-text-color, #222) !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .RadioSelect---choice_pair label.RadioSelect---choice_label {
    line-height: 2rem !important;
  }
}
.appian-context-ux-screen-size-narrow .RadioSelect---choice_pair label.RadioSelect---choice_label {
  /* rules to apply in the phone form factor preview in ID */
  line-height: 2rem !important;
}
.appian-context-ux-screen-size-medium .RadioSelect---choice_pair label.RadioSelect---choice_label {
  /* rules to apply in the tablet form factor preview in ID */
  line-height: 2rem !important;
}
.RadioSelect---choice_pair .RadioSelect---description {
  margin-left: 1.5rem !important;
  color: var(--appian-subtle-text-color, #666) !important;
  font-size: 0.9286rem !important;
  line-height: 1.2307rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .RadioSelect---choice_pair .RadioSelect---description {
    margin-left: 34px !important;
  }
}
.appian-context-ux-screen-size-narrow .RadioSelect---choice_pair .RadioSelect---description {
  /* rules to apply in the phone form factor preview in ID */
  margin-left: 34px !important;
}
.appian-context-ux-screen-size-medium .RadioSelect---choice_pair .RadioSelect---description {
  /* rules to apply in the tablet form factor preview in ID */
  margin-left: 34px !important;
}
.RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more .RadioSelect---description {
  margin-left: 1.75rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more .RadioSelect---description {
    margin-left: 34px !important;
  }
}
.appian-context-ux-screen-size-narrow .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more .RadioSelect---description {
  /* rules to apply in the phone form factor preview in ID */
  margin-left: 34px !important;
}
.appian-context-ux-screen-size-medium .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_more .RadioSelect---description {
  /* rules to apply in the tablet form factor preview in ID */
  margin-left: 34px !important;
}
.RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more .RadioSelect---description {
  margin-left: 2rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more .RadioSelect---description {
    margin-left: 34px !important;
  }
}
.appian-context-ux-screen-size-narrow .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more .RadioSelect---description {
  /* rules to apply in the phone form factor preview in ID */
  margin-left: 34px !important;
}
.appian-context-ux-screen-size-medium .RadioSelect---choice_group:not(.RadioSelect---compact) .RadioSelect---choice_pair.RadioSelect---spacing_even_more .RadioSelect---description {
  /* rules to apply in the tablet form factor preview in ID */
  margin-left: 34px !important;
}
.RadioSelect---choice_pair label.RadioSelect---choice_label.RadioSelect---inDarkBackground {
  color: #eee !important;
}
.RadioSelect---choice_pair label.RadioSelect---choice_label.RadioSelect---inLightBackground {
  color: #222 !important;
}
.RadioSelect---choice_pair.RadioSelect---inAccentBackground label.RadioSelect---choice_label {
  color: #fff !important;
}
.RadioSelect---choice_group.RadioSelect---no_label,
.RadioSelect---choice_group.RadioSelect---no_label .RadioSelect---choice_pair {
  font-size: 0 !important;
  min-height: 0 !important;
}
.RadioSelect---choice_group.RadioSelect---no_label input[type="checkbox"] + label.RadioSelect---choice_label,
.RadioSelect---choice_group.RadioSelect---no_label input[type="radio"] + label.RadioSelect---choice_label {
  /* use the "no_label" class for standalone checkboxes and radios, e.g. grid row selection columns. The label element is still needed for proper click handling. */
  padding-left: 0 !important;
  display: inline-block !important;
  height: 1.1429rem !important;
}
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.RadioSelect---choice_pair input[type="radio"] + label:before {
  content: "" !important;
  position: absolute !important;
  height: 16px !important;
  width: 16px !important;
  display: inline-block !important;
  top: calc((14px - 12px) / 2) !important;
  left: 1px !important;
  border-radius: 16px !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-choice-border-color, #bbb) !important;
  -webkit-transition: border-width 200ms ease-in !important;
  transition: border-width 200ms ease-in !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .RadioSelect---choice_pair input[type="radio"] + label:before {
    top: -1px !important;
    height: 28px !important;
    width: 28px !important;
  }
}
.appian-context-ux-screen-size-narrow .RadioSelect---choice_pair input[type="radio"] + label:before {
  /* rules to apply in the phone form factor preview in ID */
  top: -1px !important;
  height: 28px !important;
  width: 28px !important;
}
.appian-context-ux-screen-size-medium .RadioSelect---choice_pair input[type="radio"] + label:before {
  /* rules to apply in the tablet form factor preview in ID */
  top: -1px !important;
  height: 28px !important;
  width: 28px !important;
}
.RadioSelect---choice_pair input[type="radio"] + label.RadioSelect---inDarkBackground:before {
  border-color: var(--appian-choice-border-color, #bbb) !important;
}
.RadioSelect---choice_pair input[type="radio"]:checked + label:before {
  background-color: #fff !important;
  border: 6px solid #1d659c !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .RadioSelect---choice_pair input[type="radio"]:checked + label:before {
    border-width: 10px !important;
  }
}
.appian-context-ux-screen-size-narrow .RadioSelect---choice_pair input[type="radio"]:checked + label:before {
  /* rules to apply in the phone form factor preview in ID */
  border-width: 10px !important;
}
.appian-context-ux-screen-size-medium .RadioSelect---choice_pair input[type="radio"]:checked + label:before {
  /* rules to apply in the tablet form factor preview in ID */
  border-width: 10px !important;
}
.RadioSelect---choice_pair.RadioSelect---inAccentBackground input[type="radio"]:checked + label:before {
  background-color: #1d659c !important;
  border: 6px solid #fff !important;
}
.RadioSelect---choice_pair input[type="radio"]:focus:not(.appian-context-ux-mouse-focus) + label {
  outline: 1px solid #1d659c !important;
}
.RadioSelect---choice_pair.RadioSelect---inAccentBackground input[type="radio"]:focus:not(.appian-context-ux-mouse-focus) + label {
  outline: 1px solid #fff !important;
}
.RadioSelect---choice_pair input[type="radio"]:disabled + label:before {
  background-color: var(--appian-disabled-select-background-color, #ddd) !important;
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.RadioSelect---choice_pair input[type="radio"]:checked:disabled + label:before {
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 6px solid var(--appian-choice-border-color, #bbb) !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .RadioSelect---choice_pair input[type="radio"]:checked:disabled + label:before {
    border-width: 10px !important;
  }
}
.appian-context-ux-screen-size-narrow .RadioSelect---choice_pair input[type="radio"]:checked:disabled + label:before {
  /* rules to apply in the phone form factor preview in ID */
  border-width: 10px !important;
}
.appian-context-ux-screen-size-medium .RadioSelect---choice_pair input[type="radio"]:checked:disabled + label:before {
  /* rules to apply in the tablet form factor preview in ID */
  border-width: 10px !important;
}
.RadioSelect---choice_pair.RadioSelect---inAccentBackground input[type="radio"]:checked:disabled + label:before {
  border-color: var(--appian-choice-border-color, #bbb) !important;
}
.RadioSelect---choice_pair input[type="radio"]:active:not(:disabled) + label:before {
  -webkit-transform: scale(0.9) !important;
  transform: scale(0.9) !important;
}
/* use browser default when printing in IE11 & Edge */
@media print {
  .appian-context-browser-chrome .RadioSelect---choice_pair input[type="radio"] + label:before,
  .appian-context-browser-safari .RadioSelect---choice_pair input[type="radio"] + label:before,
  .appian-context-browser-firefox .RadioSelect---choice_pair input[type="radio"] + label:before {
    content: "" !important;
    position: absolute !important;
    height: 16px !important;
    width: 16px !important;
    display: inline-block !important;
    top: calc((14px - 12px) / 2) !important;
    left: 1px !important;
    border-radius: 16px !important;
    background-color: var(--appian-input-background-color, #fff) !important;
    border: 1px solid var(--appian-choice-border-color, #bbb) !important;
    -webkit-transition: border-width 200ms ease-in !important;
    transition: border-width 200ms ease-in !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .RadioSelect---choice_pair input[type="radio"] + label:before,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .RadioSelect---choice_pair input[type="radio"] + label:before,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .RadioSelect---choice_pair input[type="radio"] + label:before {
    /* rules to apply in the phone form factor preview in ID */
    top: -1px !important;
    height: 28px !important;
    width: 28px !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .RadioSelect---choice_pair input[type="radio"] + label:before,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .RadioSelect---choice_pair input[type="radio"] + label:before,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .RadioSelect---choice_pair input[type="radio"] + label:before {
    /* rules to apply in the tablet form factor preview in ID */
    top: -1px !important;
    height: 28px !important;
    width: 28px !important;
  }
  .appian-context-browser-chrome .RadioSelect---choice_pair input[type="radio"] + label.RadioSelect---inDarkBackground:before,
  .appian-context-browser-safari .RadioSelect---choice_pair input[type="radio"] + label.RadioSelect---inDarkBackground:before,
  .appian-context-browser-firefox .RadioSelect---choice_pair input[type="radio"] + label.RadioSelect---inDarkBackground:before {
    border-color: var(--appian-choice-border-color, #bbb) !important;
  }
  .appian-context-browser-chrome .RadioSelect---choice_pair input[type="radio"]:checked + label:before,
  .appian-context-browser-safari .RadioSelect---choice_pair input[type="radio"]:checked + label:before,
  .appian-context-browser-firefox .RadioSelect---choice_pair input[type="radio"]:checked + label:before {
    background-color: #fff !important;
    border: 6px solid #1d659c !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .RadioSelect---choice_pair input[type="radio"]:checked + label:before,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .RadioSelect---choice_pair input[type="radio"]:checked + label:before,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .RadioSelect---choice_pair input[type="radio"]:checked + label:before {
    /* rules to apply in the phone form factor preview in ID */
    border-width: 10px !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .RadioSelect---choice_pair input[type="radio"]:checked + label:before,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .RadioSelect---choice_pair input[type="radio"]:checked + label:before,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .RadioSelect---choice_pair input[type="radio"]:checked + label:before {
    /* rules to apply in the tablet form factor preview in ID */
    border-width: 10px !important;
  }
  .appian-context-browser-chrome .RadioSelect---choice_pair.RadioSelect---inAccentBackground input[type="radio"]:checked + label:before,
  .appian-context-browser-safari .RadioSelect---choice_pair.RadioSelect---inAccentBackground input[type="radio"]:checked + label:before,
  .appian-context-browser-firefox .RadioSelect---choice_pair.RadioSelect---inAccentBackground input[type="radio"]:checked + label:before {
    background-color: #1d659c !important;
    border: 6px solid #fff !important;
  }
  .appian-context-browser-chrome .RadioSelect---choice_pair input[type="radio"]:focus:not(.appian-context-ux-mouse-focus) + label,
  .appian-context-browser-safari .RadioSelect---choice_pair input[type="radio"]:focus:not(.appian-context-ux-mouse-focus) + label,
  .appian-context-browser-firefox .RadioSelect---choice_pair input[type="radio"]:focus:not(.appian-context-ux-mouse-focus) + label {
    outline: 1px solid #1d659c !important;
  }
  .appian-context-browser-chrome .RadioSelect---choice_pair.RadioSelect---inAccentBackground input[type="radio"]:focus:not(.appian-context-ux-mouse-focus) + label,
  .appian-context-browser-safari .RadioSelect---choice_pair.RadioSelect---inAccentBackground input[type="radio"]:focus:not(.appian-context-ux-mouse-focus) + label,
  .appian-context-browser-firefox .RadioSelect---choice_pair.RadioSelect---inAccentBackground input[type="radio"]:focus:not(.appian-context-ux-mouse-focus) + label {
    outline: 1px solid #fff !important;
  }
  .appian-context-browser-chrome .RadioSelect---choice_pair input[type="radio"]:disabled + label:before,
  .appian-context-browser-safari .RadioSelect---choice_pair input[type="radio"]:disabled + label:before,
  .appian-context-browser-firefox .RadioSelect---choice_pair input[type="radio"]:disabled + label:before {
    background-color: var(--appian-disabled-select-background-color, #ddd) !important;
    opacity: var(--appian-disabled-input-opacity, 1) !important;
  }
  .appian-context-browser-chrome .RadioSelect---choice_pair input[type="radio"]:checked:disabled + label:before,
  .appian-context-browser-safari .RadioSelect---choice_pair input[type="radio"]:checked:disabled + label:before,
  .appian-context-browser-firefox .RadioSelect---choice_pair input[type="radio"]:checked:disabled + label:before {
    background-color: var(--appian-input-background-color, #fff) !important;
    border: 6px solid var(--appian-choice-border-color, #bbb) !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .RadioSelect---choice_pair input[type="radio"]:checked:disabled + label:before,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .RadioSelect---choice_pair input[type="radio"]:checked:disabled + label:before,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .RadioSelect---choice_pair input[type="radio"]:checked:disabled + label:before {
    /* rules to apply in the phone form factor preview in ID */
    border-width: 10px !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .RadioSelect---choice_pair input[type="radio"]:checked:disabled + label:before,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .RadioSelect---choice_pair input[type="radio"]:checked:disabled + label:before,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .RadioSelect---choice_pair input[type="radio"]:checked:disabled + label:before {
    /* rules to apply in the tablet form factor preview in ID */
    border-width: 10px !important;
  }
  .appian-context-browser-chrome .RadioSelect---choice_pair.RadioSelect---inAccentBackground input[type="radio"]:checked:disabled + label:before,
  .appian-context-browser-safari .RadioSelect---choice_pair.RadioSelect---inAccentBackground input[type="radio"]:checked:disabled + label:before,
  .appian-context-browser-firefox .RadioSelect---choice_pair.RadioSelect---inAccentBackground input[type="radio"]:checked:disabled + label:before {
    border-color: var(--appian-choice-border-color, #bbb) !important;
  }
  .appian-context-browser-chrome .RadioSelect---choice_pair input[type="radio"]:active:not(:disabled) + label:before,
  .appian-context-browser-safari .RadioSelect---choice_pair input[type="radio"]:active:not(:disabled) + label:before,
  .appian-context-browser-firefox .RadioSelect---choice_pair input[type="radio"]:active:not(:disabled) + label:before {
    -webkit-transform: scale(0.9) !important;
    transform: scale(0.9) !important;
  }
  .appian-context-browser-chrome .RadioSelect---choice_pair input[type="radio"] + label:before,
  .appian-context-browser-safari .RadioSelect---choice_pair input[type="radio"] + label:before,
  .appian-context-browser-firefox .RadioSelect---choice_pair input[type="radio"] + label:before {
    height: 10px !important;
    width: 10px !important;
  }
  .appian-context-browser-chrome .RadioSelect---choice_pair input[type="radio"]:checked + label:before,
  .appian-context-browser-safari .RadioSelect---choice_pair input[type="radio"]:checked + label:before,
  .appian-context-browser-firefox .RadioSelect---choice_pair input[type="radio"]:checked + label:before {
    border: 4px solid #1d659c !important;
  }
  .appian-context-browser-chrome .RadioSelect---choice_pair input[type="radio"]:checked:disabled + label:before,
  .appian-context-browser-safari .RadioSelect---choice_pair input[type="radio"]:checked:disabled + label:before,
  .appian-context-browser-firefox .RadioSelect---choice_pair input[type="radio"]:checked:disabled + label:before {
    border: 4px solid var(--appian-choice-border-color, #bbb) !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .RadioSelect---choice_pair input[type="radio"] + label:before,
  .appian-context-ux-responsive .appian-context-browser-safari .RadioSelect---choice_pair input[type="radio"] + label:before,
  .appian-context-ux-responsive .appian-context-browser-firefox .RadioSelect---choice_pair input[type="radio"] + label:before {
    top: -1px !important;
    height: 28px !important;
    width: 28px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .RadioSelect---choice_pair input[type="radio"]:checked + label:before,
  .appian-context-ux-responsive .appian-context-browser-safari .RadioSelect---choice_pair input[type="radio"]:checked + label:before,
  .appian-context-ux-responsive .appian-context-browser-firefox .RadioSelect---choice_pair input[type="radio"]:checked + label:before {
    border-width: 10px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .RadioSelect---choice_pair input[type="radio"]:checked:disabled + label:before,
  .appian-context-ux-responsive .appian-context-browser-safari .RadioSelect---choice_pair input[type="radio"]:checked:disabled + label:before,
  .appian-context-ux-responsive .appian-context-browser-firefox .RadioSelect---choice_pair input[type="radio"]:checked:disabled + label:before {
    border-width: 10px !important;
  }
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.CardStyleRadioSelects---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .CardStyleRadioSelects---accessibilityhidden {
  font-size: 0 !important;
}
.CardStyleRadioSelects---choice_pair {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  width: 100% !important;
  max-width: 28.5714rem !important;
  position: relative !important;
  word-wrap: break-word !important;
  /* needed on parent container for proper wrapping on IE */
  font-size: 1rem !important;
  /* maintain correct vertical spacing when in side by side layout */
  border: 1px solid var(--appian-choice-border-color, #bbb) !important;
  border-radius: 0rem !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CardStyleRadioSelects---choice_pair {
    min-height: 2.1429rem !important;
  }
}
.appian-context-ux-screen-size-narrow .CardStyleRadioSelects---choice_pair {
  /* rules to apply in the phone form factor preview in ID */
  min-height: 2.1429rem !important;
}
.appian-context-ux-screen-size-medium .CardStyleRadioSelects---choice_pair {
  /* rules to apply in the tablet form factor preview in ID */
  min-height: 2.1429rem !important;
}
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground {
  border-color: #fff !important;
}
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---checked {
  border-color: transparent !important;
}
.CardStyleRadioSelects---choice_pair:not(.CardStyleRadioSelects---disabled),
.CardStyleRadioSelects---choice_pair:not(.CardStyleRadioSelects---disabled) input + .CardStyleRadioSelects---choice_label {
  cursor: pointer !important;
}
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---disabled {
  border-color: var(--appian-disabled-border-color, #ddd) !important;
}
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---disabled.CardStyleRadioSelects---inLightBackground,
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---disabled.CardStyleRadioSelects---inAccentBackground {
  border-color: #ddd !important;
}
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---disabled.CardStyleRadioSelects---inDarkBackground {
  border-color: #777 !important;
}
.CardStyleRadioSelects---choice_pair input {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  width: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  /*
      Important! Because we specify "position: absolute", we need to protect ourselves from inherited
      styles (especially from the host page) that might try to assign these values. (AN-78083)
    */
  top: inherit !important;
  bottom: inherit !important;
  left: inherit !important;
}
.CardStyleRadioSelects---choice_pair input + .CardStyleRadioSelects---choice_label {
  display: block !important;
  width: 100% !important;
  max-height: 100% !important;
  position: relative !important;
  overflow-wrap: break-word !important;
  overflow: hidden !important;
  white-space: normal !important;
  padding: 0.2857rem 2.0714rem 0.2857rem 0.6429rem !important;
  margin-bottom: 0 !important;
  text-align: left !important;
  /* needs extra decimals for correct alignment in Chrome */
  line-height: 1.28571429 !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CardStyleRadioSelects---choice_pair input + .CardStyleRadioSelects---choice_label {
    padding-right: 2.8571rem !important;
  }
}
.appian-context-ux-screen-size-narrow .CardStyleRadioSelects---choice_pair input + .CardStyleRadioSelects---choice_label {
  /* rules to apply in the phone form factor preview in ID */
  padding-right: 2.8571rem !important;
}
.appian-context-ux-screen-size-medium .CardStyleRadioSelects---choice_pair input + .CardStyleRadioSelects---choice_label {
  /* rules to apply in the tablet form factor preview in ID */
  padding-right: 2.8571rem !important;
}
.CardStyleRadioSelects---choice_pair .CardStyleRadioSelects---choice_label {
  color: var(--appian-text-color, #222) !important;
}
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inLightBackground .CardStyleRadioSelects---choice_label {
  color: #222 !important;
}
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground .CardStyleRadioSelects---choice_label {
  color: #eee !important;
}
.CardStyleRadioSelects---choice_pair input + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
  width: calc(100% + 2px) !important;
  height: calc(100% + 2px) !important;
  position: absolute !important;
  border: none !important;
  left: -1px !important;
  top: -1px !important;
  pointer-events: none !important;
}
.CardStyleRadioSelects---choice_pair input:checked + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
.CardStyleRadioSelects---choice_pair input:focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
  width: calc(100% + 4px) !important;
  height: calc(100% + 4px) !important;
  left: -2px !important;
  top: -2px !important;
}
.CardStyleRadioSelects---choice_pair:hover input:not(:disabled):not(:checked) + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
  border: 1px solid #1d659c !important;
  border-radius: 0rem !important;
}
.CardStyleRadioSelects---choice_pair:hover input:not(:disabled):checked + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline:after {
  content: "" !important;
  position: absolute !important;
  top: -4px !important;
  left: -4px !important;
  height: calc(100% + 8px) !important;
  width: calc(100% + 8px) !important;
  border: 1px solid #1d659c !important;
  border-radius: 0rem !important;
}
.CardStyleRadioSelects---choice_pair input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):not(:checked) + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
  border: 2px solid #1d659c !important;
}
.CardStyleRadioSelects---choice_pair input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
  outline: 2px solid #1d659c !important;
  outline-offset: 1px !important;
}
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground:hover input:not(:disabled):not(:checked) + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
  border-color: #fff !important;
}
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground:hover input:not(:disabled):not(:checked) + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline:after {
  content: "" !important;
  position: absolute !important;
  top: -3px !important;
  left: -3px !important;
  height: calc(100% + 6px) !important;
  width: calc(100% + 6px) !important;
  border: 1px solid #fff !important;
  border-radius: 0rem !important;
}
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground:hover input:not(:disabled):checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline:after {
  content: "" !important;
  position: absolute !important;
  top: -4px !important;
  left: -4px !important;
  height: calc(100% + 8px) !important;
  width: calc(100% + 8px) !important;
  border: 1px solid #fff !important;
  border-radius: 0rem !important;
}
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
  border: 2px solid #fff !important;
}
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
  outline-color: #fff !important;
}
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline:after {
  content: none !important;
}
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
  border-color: #eee !important;
}
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
  outline-color: #eee !important;
  border-color: #eee !important;
}
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline:after {
  content: none !important;
}
.CardStyleRadioSelects---choice_pair input:disabled + .CardStyleRadioSelects---choice_label {
  color: var(--appian-disabled-standalone-text-color, #bbb) !important;
}
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inLightBackground input:disabled + .CardStyleRadioSelects---choice_label,
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:disabled + .CardStyleRadioSelects---choice_label {
  color: #bbb !important;
}
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground input:disabled + .CardStyleRadioSelects---choice_label {
  color: #777 !important;
}
.CardStyleRadioSelects---choice_pair input:checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
  border: 2px solid #1d659c !important;
  border-radius: 0rem !important;
}
.CardStyleRadioSelects---choice_pair input:checked:disabled + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
  border-color: var(--appian-disabled-border-color, #ddd) !important;
}
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:checked:disabled + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inLightBackground input:checked:disabled + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
  border-color: #ddd !important;
}
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground input:checked:disabled + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
  border-color: #777 !important;
}
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground {
  border-color: #fff !important;
}
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground .CardStyleRadioSelects---choice_label {
  color: #fff !important;
}
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
  border-color: #fff !important;
}
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground:hover input:not(:disabled) + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
  border-color: #fff !important;
}
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:focus:not(.appian-context-ux-mouse-focus) + .CardStyleRadioSelects---choice_label {
  border-color: #fff !important;
}
/* Repeated class name is a specificity hack to work around listbox color styling.
     This is needed to overwrite .choice_wrapper in CardStyleCheckboxes.less.
     .choice_wrapper has default STACKED styles.
  */
.CardStyleRadioSelects---compact.CardStyleRadioSelects---compact {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: inline-flex !important;
  -webkit-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
  margin-bottom: -0.5714rem !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---compact .CardStyleRadioSelects---choice_pair {
  height: 3.2143rem !important;
  margin: 0 0.5714rem 0.5714rem 0 !important;
  max-width: 100% !important;
  /* needed for proper choice wrapping */
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---compact .CardStyleRadioSelects---choice_pair > .CardStyleRadioSelects---choice_label {
  text-overflow: ellipsis !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---spacing_more {
  margin-bottom: -1.25rem !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---spacing_more .CardStyleRadioSelects---choice_pair {
  margin-bottom: 1.25rem !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---spacing_even_more {
  margin-bottom: -2rem !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---spacing_even_more .CardStyleRadioSelects---choice_pair {
  margin-bottom: 2rem !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---short .CardStyleRadioSelects---choice_pair {
  width: 10.7143rem !important;
  margin-right: min(max((100% - 10.7143rem), 0px), 0.5714rem) !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---short .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more {
  margin-right: min(max((100% - 10.7143rem), 0px), 1.25rem) !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---short .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more {
  margin-right: min(max((100% - 10.7143rem), 0px), 2rem) !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---short.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair {
  margin-right: min(max((100% - 10.7143rem), 0px), 0.2857rem) !important;
  margin-left: min(max((100% - 10.7143rem), 0px), 0.2857rem) !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---short.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more {
  margin-right: min(max((100% - 10.7143rem), 0px), 0.625rem) !important;
  margin-left: min(max((100% - 10.7143rem), 0px), 0.625rem) !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---short.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more {
  margin-right: min(max((100% - 10.7143rem), 0px), 1rem) !important;
  margin-left: min(max((100% - 10.7143rem), 0px), 1rem) !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---short.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair {
  margin-right: 0 !important;
  margin-left: min(max((100% - 10.7143rem), 0px), 0.5714rem) !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---short.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more {
  margin-left: min(max((100% - 10.7143rem), 0px), 1.25rem) !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---short.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more {
  margin-left: min(max((100% - 10.7143rem), 0px), 2rem) !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---medium .CardStyleRadioSelects---choice_pair {
  width: 14.2857rem !important;
  margin-right: min(max((100% - 14.2857rem), 0px), 0.5714rem) !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---medium .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more {
  margin-right: min(max((100% - 14.2857rem), 0px), 1.25rem) !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---medium .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more {
  margin-right: min(max((100% - 14.2857rem), 0px), 2rem) !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---medium.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair {
  margin-right: min(max((100% - 14.2857rem), 0px), 0.2857rem) !important;
  margin-left: min(max((100% - 14.2857rem), 0px), 0.2857rem) !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---medium.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more {
  margin-right: min(max((100% - 14.2857rem), 0px), 0.625rem) !important;
  margin-left: min(max((100% - 14.2857rem), 0px), 0.625rem) !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---medium.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more {
  margin-right: min(max((100% - 14.2857rem), 0px), 1rem) !important;
  margin-left: min(max((100% - 14.2857rem), 0px), 1rem) !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---medium.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair {
  margin-right: 0 !important;
  margin-left: min(max((100% - 14.2857rem), 0px), 0.5714rem) !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---medium.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more {
  margin-left: min(max((100% - 14.2857rem), 0px), 1.25rem) !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---medium.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more {
  margin-left: min(max((100% - 14.2857rem), 0px), 2rem) !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---long .CardStyleRadioSelects---choice_pair {
  width: 28.4714rem !important;
  margin-right: min(max(100% - 28.4714rem, 0px), 0.5714rem) !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---long .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more {
  margin-right: min(max((100% - 28.4714rem), 0px), 1.25rem) !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---long .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more {
  margin-right: min(max((100% - 28.4714rem), 0px), 2rem) !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---long.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair {
  margin-right: min(max((100% - 28.4714rem), 0px), 0.2857rem) !important;
  margin-left: min(max((100% - 28.4714rem), 0px), 0.2857rem) !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---long.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more {
  margin-right: min(max((100% - 28.4714rem), 0px), 0.625rem) !important;
  margin-left: min(max((100% - 28.4714rem), 0px), 0.625rem) !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---long.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more {
  margin-right: min(max((100% - 28.4714rem), 0px), 1rem) !important;
  margin-left: min(max((100% - 28.4714rem), 0px), 1rem) !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---long.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair {
  margin-right: 0 !important;
  margin-left: min(max((100% - 28.4714rem), 0px), 0.5714rem) !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---long.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more {
  margin-left: min(max((100% - 28.4714rem), 0px), 1.25rem) !important;
}
.CardStyleRadioSelects---compact.CardStyleRadioSelects---long.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more {
  margin-left: min(max((100% - 28.4714rem), 0px), 2rem) !important;
}
div:not(.CardStyleRadioSelects---compact)  > .CardStyleRadioSelects---choice_pair {
  height: auto !important;
  min-height: 3.2143rem !important;
}
div:not(.CardStyleRadioSelects---compact)  > .CardStyleRadioSelects---choice_pair:not(:last-child) {
  margin: 0 0 0.5714rem 0 !important;
}
div:not(.CardStyleRadioSelects---compact)  > .CardStyleRadioSelects---choice_pair:not(:last-child).CardStyleRadioSelects---spacing_more {
  margin-bottom: 1rem !important;
}
div:not(.CardStyleRadioSelects---compact)  > .CardStyleRadioSelects---choice_pair:not(:last-child).CardStyleRadioSelects---spacing_even_more {
  margin-bottom: 1.5rem !important;
}
/* use browser default checkbox & radio buttons when printing in Edge */
@media print {
  .appian-context-browser-chrome,
  .appian-context-browser-safari,
  .appian-context-browser-firefox {
    /* Repeated class name is a specificity hack to work around listbox color styling.
     This is needed to overwrite .choice_wrapper in CardStyleCheckboxes.less.
     .choice_wrapper has default STACKED styles.
  */
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    width: 100% !important;
    max-width: 28.5714rem !important;
    position: relative !important;
    word-wrap: break-word !important;
    /* needed on parent container for proper wrapping on IE */
    font-size: 1rem !important;
    /* maintain correct vertical spacing when in side by side layout */
    border: 1px solid var(--appian-choice-border-color, #bbb) !important;
    border-radius: 0rem !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
            flex-direction: row !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
            align-items: center !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CardStyleRadioSelects---choice_pair,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair {
    /* rules to apply in the phone form factor preview in ID */
    min-height: 2.1429rem !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CardStyleRadioSelects---choice_pair,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair {
    /* rules to apply in the tablet form factor preview in ID */
    min-height: 2.1429rem !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground {
    border-color: #fff !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---checked,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---checked,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---checked {
    border-color: transparent !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair:not(.CardStyleRadioSelects---disabled),
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair:not(.CardStyleRadioSelects---disabled),
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair:not(.CardStyleRadioSelects---disabled),
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair:not(.CardStyleRadioSelects---disabled) input + .CardStyleRadioSelects---choice_label,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair:not(.CardStyleRadioSelects---disabled) input + .CardStyleRadioSelects---choice_label,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair:not(.CardStyleRadioSelects---disabled) input + .CardStyleRadioSelects---choice_label {
    cursor: pointer !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---disabled,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---disabled,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---disabled {
    border-color: var(--appian-disabled-border-color, #ddd) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---disabled.CardStyleRadioSelects---inLightBackground,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---disabled.CardStyleRadioSelects---inLightBackground,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---disabled.CardStyleRadioSelects---inLightBackground,
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---disabled.CardStyleRadioSelects---inAccentBackground,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---disabled.CardStyleRadioSelects---inAccentBackground,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---disabled.CardStyleRadioSelects---inAccentBackground {
    border-color: #ddd !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---disabled.CardStyleRadioSelects---inDarkBackground,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---disabled.CardStyleRadioSelects---inDarkBackground,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---disabled.CardStyleRadioSelects---inDarkBackground {
    border-color: #777 !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input {
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    width: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    /*
      Important! Because we specify "position: absolute", we need to protect ourselves from inherited
      styles (especially from the host page) that might try to assign these values. (AN-78083)
    */
    top: inherit !important;
    bottom: inherit !important;
    left: inherit !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input + .CardStyleRadioSelects---choice_label,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input + .CardStyleRadioSelects---choice_label,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input + .CardStyleRadioSelects---choice_label {
    display: block !important;
    width: 100% !important;
    max-height: 100% !important;
    position: relative !important;
    overflow-wrap: break-word !important;
    overflow: hidden !important;
    white-space: normal !important;
    padding: 0.2857rem 2.0714rem 0.2857rem 0.6429rem !important;
    margin-bottom: 0 !important;
    text-align: left !important;
    /* needs extra decimals for correct alignment in Chrome */
    line-height: 1.28571429 !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input + .CardStyleRadioSelects---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input + .CardStyleRadioSelects---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input + .CardStyleRadioSelects---choice_label {
    /* rules to apply in the phone form factor preview in ID */
    padding-right: 2.8571rem !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input + .CardStyleRadioSelects---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input + .CardStyleRadioSelects---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input + .CardStyleRadioSelects---choice_label {
    /* rules to apply in the tablet form factor preview in ID */
    padding-right: 2.8571rem !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair .CardStyleRadioSelects---choice_label,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair .CardStyleRadioSelects---choice_label,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair .CardStyleRadioSelects---choice_label {
    color: var(--appian-text-color, #222) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inLightBackground .CardStyleRadioSelects---choice_label,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inLightBackground .CardStyleRadioSelects---choice_label,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inLightBackground .CardStyleRadioSelects---choice_label {
    color: #222 !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground .CardStyleRadioSelects---choice_label,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground .CardStyleRadioSelects---choice_label,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground .CardStyleRadioSelects---choice_label {
    color: #eee !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
    width: calc(100% + 2px) !important;
    height: calc(100% + 2px) !important;
    position: absolute !important;
    border: none !important;
    left: -1px !important;
    top: -1px !important;
    pointer-events: none !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input:checked + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input:checked + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input:checked + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input:focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input:focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input:focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
    width: calc(100% + 4px) !important;
    height: calc(100% + 4px) !important;
    left: -2px !important;
    top: -2px !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair:hover input:not(:disabled):not(:checked) + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair:hover input:not(:disabled):not(:checked) + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair:hover input:not(:disabled):not(:checked) + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
    border: 1px solid #1d659c !important;
    border-radius: 0rem !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair:hover input:not(:disabled):checked + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline:after,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair:hover input:not(:disabled):checked + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline:after,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair:hover input:not(:disabled):checked + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline:after {
    content: "" !important;
    position: absolute !important;
    top: -4px !important;
    left: -4px !important;
    height: calc(100% + 8px) !important;
    width: calc(100% + 8px) !important;
    border: 1px solid #1d659c !important;
    border-radius: 0rem !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):not(:checked) + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):not(:checked) + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):not(:checked) + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
    border: 2px solid #1d659c !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
    outline: 2px solid #1d659c !important;
    outline-offset: 1px !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground:hover input:not(:disabled):not(:checked) + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground:hover input:not(:disabled):not(:checked) + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground:hover input:not(:disabled):not(:checked) + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
    border-color: #fff !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground:hover input:not(:disabled):not(:checked) + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline:after,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground:hover input:not(:disabled):not(:checked) + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline:after,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground:hover input:not(:disabled):not(:checked) + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline:after {
    content: "" !important;
    position: absolute !important;
    top: -3px !important;
    left: -3px !important;
    height: calc(100% + 6px) !important;
    width: calc(100% + 6px) !important;
    border: 1px solid #fff !important;
    border-radius: 0rem !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground:hover input:not(:disabled):checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline:after,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground:hover input:not(:disabled):checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline:after,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground:hover input:not(:disabled):checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline:after {
    content: "" !important;
    position: absolute !important;
    top: -4px !important;
    left: -4px !important;
    height: calc(100% + 8px) !important;
    width: calc(100% + 8px) !important;
    border: 1px solid #fff !important;
    border-radius: 0rem !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
    border: 2px solid #fff !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
    outline-color: #fff !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline:after,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline:after,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline:after {
    content: none !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):not(:checked) + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
    border-color: #eee !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
    outline-color: #eee !important;
    border-color: #eee !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline:after,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline:after,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground input:not(:disabled):focus:not([data-appian-ux-mouse-focus]):checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline:after {
    content: none !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input:disabled + .CardStyleRadioSelects---choice_label,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input:disabled + .CardStyleRadioSelects---choice_label,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input:disabled + .CardStyleRadioSelects---choice_label {
    color: var(--appian-disabled-standalone-text-color, #bbb) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inLightBackground input:disabled + .CardStyleRadioSelects---choice_label,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inLightBackground input:disabled + .CardStyleRadioSelects---choice_label,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inLightBackground input:disabled + .CardStyleRadioSelects---choice_label,
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:disabled + .CardStyleRadioSelects---choice_label,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:disabled + .CardStyleRadioSelects---choice_label,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:disabled + .CardStyleRadioSelects---choice_label {
    color: #bbb !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground input:disabled + .CardStyleRadioSelects---choice_label,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground input:disabled + .CardStyleRadioSelects---choice_label,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground input:disabled + .CardStyleRadioSelects---choice_label {
    color: #777 !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input:checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input:checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input:checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
    border: 2px solid #1d659c !important;
    border-radius: 0rem !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input:checked:disabled + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input:checked:disabled + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input:checked:disabled + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
    border-color: var(--appian-disabled-border-color, #ddd) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:checked:disabled + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:checked:disabled + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:checked:disabled + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inLightBackground input:checked:disabled + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inLightBackground input:checked:disabled + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inLightBackground input:checked:disabled + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
    border-color: #ddd !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground input:checked:disabled + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground input:checked:disabled + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inDarkBackground input:checked:disabled + label.CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
    border-color: #777 !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground {
    border-color: #fff !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground .CardStyleRadioSelects---choice_label,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground .CardStyleRadioSelects---choice_label,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground .CardStyleRadioSelects---choice_label {
    color: #fff !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:checked + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
    border-color: #fff !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground:hover input:not(:disabled) + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground:hover input:not(:disabled) + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground:hover input:not(:disabled) + .CardStyleRadioSelects---choice_label + .CardStyleRadioSelects---card_outline {
    border-color: #fff !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:focus:not(.appian-context-ux-mouse-focus) + .CardStyleRadioSelects---choice_label,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:focus:not(.appian-context-ux-mouse-focus) + .CardStyleRadioSelects---choice_label,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:focus:not(.appian-context-ux-mouse-focus) + .CardStyleRadioSelects---choice_label {
    border-color: #fff !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---compact,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---compact,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---compact {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
            flex-direction: row !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
    -webkit-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
    margin-bottom: -0.5714rem !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---compact .CardStyleRadioSelects---choice_pair,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---compact .CardStyleRadioSelects---choice_pair,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---compact .CardStyleRadioSelects---choice_pair {
    height: 3.2143rem !important;
    margin: 0 0.5714rem 0.5714rem 0 !important;
    max-width: 100% !important;
    /* needed for proper choice wrapping */
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---compact .CardStyleRadioSelects---choice_pair > .CardStyleRadioSelects---choice_label,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---compact .CardStyleRadioSelects---choice_pair > .CardStyleRadioSelects---choice_label,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---compact .CardStyleRadioSelects---choice_pair > .CardStyleRadioSelects---choice_label {
    text-overflow: ellipsis !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---spacing_more,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---spacing_more,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---spacing_more {
    margin-bottom: -1.25rem !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---spacing_more .CardStyleRadioSelects---choice_pair,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---spacing_more .CardStyleRadioSelects---choice_pair,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---spacing_more .CardStyleRadioSelects---choice_pair {
    margin-bottom: 1.25rem !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---spacing_even_more,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---spacing_even_more,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---spacing_even_more {
    margin-bottom: -2rem !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---spacing_even_more .CardStyleRadioSelects---choice_pair,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---spacing_even_more .CardStyleRadioSelects---choice_pair,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---spacing_even_more .CardStyleRadioSelects---choice_pair {
    margin-bottom: 2rem !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---short .CardStyleRadioSelects---choice_pair,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---short .CardStyleRadioSelects---choice_pair,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---short .CardStyleRadioSelects---choice_pair {
    width: 10.7143rem !important;
    margin-right: min(max((100% - 10.7143rem), 0px), 0.5714rem) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---short .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---short .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---short .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more {
    margin-right: min(max((100% - 10.7143rem), 0px), 1.25rem) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---short .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---short .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---short .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more {
    margin-right: min(max((100% - 10.7143rem), 0px), 2rem) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---short.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---short.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---short.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair {
    margin-right: min(max((100% - 10.7143rem), 0px), 0.2857rem) !important;
    margin-left: min(max((100% - 10.7143rem), 0px), 0.2857rem) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---short.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---short.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---short.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more {
    margin-right: min(max((100% - 10.7143rem), 0px), 0.625rem) !important;
    margin-left: min(max((100% - 10.7143rem), 0px), 0.625rem) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---short.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---short.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---short.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more {
    margin-right: min(max((100% - 10.7143rem), 0px), 1rem) !important;
    margin-left: min(max((100% - 10.7143rem), 0px), 1rem) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---short.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---short.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---short.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair {
    margin-right: 0 !important;
    margin-left: min(max((100% - 10.7143rem), 0px), 0.5714rem) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---short.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---short.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---short.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more {
    margin-left: min(max((100% - 10.7143rem), 0px), 1.25rem) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---short.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---short.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---short.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more {
    margin-left: min(max((100% - 10.7143rem), 0px), 2rem) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium .CardStyleRadioSelects---choice_pair,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium .CardStyleRadioSelects---choice_pair,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium .CardStyleRadioSelects---choice_pair {
    width: 14.2857rem !important;
    margin-right: min(max((100% - 14.2857rem), 0px), 0.5714rem) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more {
    margin-right: min(max((100% - 14.2857rem), 0px), 1.25rem) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more {
    margin-right: min(max((100% - 14.2857rem), 0px), 2rem) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair {
    margin-right: min(max((100% - 14.2857rem), 0px), 0.2857rem) !important;
    margin-left: min(max((100% - 14.2857rem), 0px), 0.2857rem) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more {
    margin-right: min(max((100% - 14.2857rem), 0px), 0.625rem) !important;
    margin-left: min(max((100% - 14.2857rem), 0px), 0.625rem) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more {
    margin-right: min(max((100% - 14.2857rem), 0px), 1rem) !important;
    margin-left: min(max((100% - 14.2857rem), 0px), 1rem) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair {
    margin-right: 0 !important;
    margin-left: min(max((100% - 14.2857rem), 0px), 0.5714rem) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more {
    margin-left: min(max((100% - 14.2857rem), 0px), 1.25rem) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---medium.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more {
    margin-left: min(max((100% - 14.2857rem), 0px), 2rem) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---long .CardStyleRadioSelects---choice_pair,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---long .CardStyleRadioSelects---choice_pair,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---long .CardStyleRadioSelects---choice_pair {
    width: 28.4714rem !important;
    margin-right: min(max(100% - 28.4714rem, 0px), 0.5714rem) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---long .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---long .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---long .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more {
    margin-right: min(max((100% - 28.4714rem), 0px), 1.25rem) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---long .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---long .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---long .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more {
    margin-right: min(max((100% - 28.4714rem), 0px), 2rem) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---long.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---long.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---long.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair {
    margin-right: min(max((100% - 28.4714rem), 0px), 0.2857rem) !important;
    margin-left: min(max((100% - 28.4714rem), 0px), 0.2857rem) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---long.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---long.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---long.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more {
    margin-right: min(max((100% - 28.4714rem), 0px), 0.625rem) !important;
    margin-left: min(max((100% - 28.4714rem), 0px), 0.625rem) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---long.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---long.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---long.CardStyleRadioSelects---center .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more {
    margin-right: min(max((100% - 28.4714rem), 0px), 1rem) !important;
    margin-left: min(max((100% - 28.4714rem), 0px), 1rem) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---long.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---long.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---long.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair {
    margin-right: 0 !important;
    margin-left: min(max((100% - 28.4714rem), 0px), 0.5714rem) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---long.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---long.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---long.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_more {
    margin-left: min(max((100% - 28.4714rem), 0px), 1.25rem) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---compact.CardStyleRadioSelects---long.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more,
  .appian-context-browser-safari .CardStyleRadioSelects---compact.CardStyleRadioSelects---long.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more,
  .appian-context-browser-firefox .CardStyleRadioSelects---compact.CardStyleRadioSelects---long.CardStyleRadioSelects---align_end .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---spacing_even_more {
    margin-left: min(max((100% - 28.4714rem), 0px), 2rem) !important;
  }
  div:not(.CardStyleRadioSelects---compact) .appian-context-browser-chrome > .CardStyleRadioSelects---choice_pair,
  div:not(.CardStyleRadioSelects---compact) .appian-context-browser-safari > .CardStyleRadioSelects---choice_pair,
  div:not(.CardStyleRadioSelects---compact) .appian-context-browser-firefox > .CardStyleRadioSelects---choice_pair {
    height: auto !important;
    min-height: 3.2143rem !important;
  }
  div:not(.CardStyleRadioSelects---compact) .appian-context-browser-chrome > .CardStyleRadioSelects---choice_pair:not(:last-child),
  div:not(.CardStyleRadioSelects---compact) .appian-context-browser-safari > .CardStyleRadioSelects---choice_pair:not(:last-child),
  div:not(.CardStyleRadioSelects---compact) .appian-context-browser-firefox > .CardStyleRadioSelects---choice_pair:not(:last-child) {
    margin: 0 0 0.5714rem 0 !important;
  }
  div:not(.CardStyleRadioSelects---compact) .appian-context-browser-chrome > .CardStyleRadioSelects---choice_pair:not(:last-child).CardStyleRadioSelects---spacing_more,
  div:not(.CardStyleRadioSelects---compact) .appian-context-browser-safari > .CardStyleRadioSelects---choice_pair:not(:last-child).CardStyleRadioSelects---spacing_more,
  div:not(.CardStyleRadioSelects---compact) .appian-context-browser-firefox > .CardStyleRadioSelects---choice_pair:not(:last-child).CardStyleRadioSelects---spacing_more {
    margin-bottom: 1rem !important;
  }
  div:not(.CardStyleRadioSelects---compact) .appian-context-browser-chrome > .CardStyleRadioSelects---choice_pair:not(:last-child).CardStyleRadioSelects---spacing_even_more,
  div:not(.CardStyleRadioSelects---compact) .appian-context-browser-safari > .CardStyleRadioSelects---choice_pair:not(:last-child).CardStyleRadioSelects---spacing_even_more,
  div:not(.CardStyleRadioSelects---compact) .appian-context-browser-firefox > .CardStyleRadioSelects---choice_pair:not(:last-child).CardStyleRadioSelects---spacing_even_more {
    margin-bottom: 1.5rem !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair,
  .appian-context-ux-responsive .appian-context-browser-safari .CardStyleRadioSelects---choice_pair,
  .appian-context-ux-responsive .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair {
    min-height: 2.1429rem !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input + .CardStyleRadioSelects---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input + .CardStyleRadioSelects---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input + .CardStyleRadioSelects---choice_label {
    padding-right: 2.8571rem !important;
  }
}
@media print {
  .appian-context-browser-edge .CardStyleRadioSelects---choice_pair input[type="checkbox"],
  .appian-context-browser-edge .CardStyleRadioSelects---choice_pair input[type="radio"] {
    height: 9px !important;
    width: 9px !important;
  }
}
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.CardStyleRadioSelects---choice_pair input + label:before {
  content: "" !important;
  position: absolute !important;
  height: 18px !important;
  width: 18px !important;
  display: inline-block !important;
  top: calc(50% - 8px) !important;
  left: calc(100% - 27px) !important;
  right: auto !important;
  border-radius: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-choice-border-color, #bbb) !important;
  -webkit-transition: border-width 200ms ease-in !important;
  transition: border-width 200ms ease-in !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CardStyleRadioSelects---choice_pair input + label:before {
    top: calc(50% - 12px) !important;
    left: calc(100% - 34px) !important;
    height: 24px !important;
    width: 24px !important;
  }
}
.appian-context-ux-screen-size-narrow .CardStyleRadioSelects---choice_pair input + label:before {
  /* rules to apply in the phone form factor preview in ID */
  top: calc(50% - 12px) !important;
  left: calc(100% - 34px) !important;
  height: 24px !important;
  width: 24px !important;
}
.appian-context-ux-screen-size-medium .CardStyleRadioSelects---choice_pair input + label:before {
  /* rules to apply in the tablet form factor preview in ID */
  top: calc(50% - 12px) !important;
  left: calc(100% - 34px) !important;
  height: 24px !important;
  width: 24px !important;
}
.CardStyleRadioSelects---choice_pair input:checked:not(:disabled) + label:before {
  background-color: #fff !important;
  border: 6px solid #1d659c !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CardStyleRadioSelects---choice_pair input:checked:not(:disabled) + label:before {
    border-width: 8px !important;
  }
}
.appian-context-ux-screen-size-narrow .CardStyleRadioSelects---choice_pair input:checked:not(:disabled) + label:before {
  /* rules to apply in the phone form factor preview in ID */
  border-width: 8px !important;
}
.appian-context-ux-screen-size-medium .CardStyleRadioSelects---choice_pair input:checked:not(:disabled) + label:before {
  /* rules to apply in the tablet form factor preview in ID */
  border-width: 8px !important;
}
.CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:checked:not(:disabled) + label:before {
  background-color: #1d659c !important;
  border-color: #fff !important;
}
.CardStyleRadioSelects---choice_pair input:disabled + label:before {
  background-color: var(--appian-disabled-select-background-color, #ddd) !important;
  border-color: var(--appian-choice-border-color, #bbb) !important;
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.CardStyleRadioSelects---choice_pair input:checked:disabled + label:before {
  background-color: var(--appian-input-background-color, #fff) !important;
  border-width: 6px !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .CardStyleRadioSelects---choice_pair input:checked:disabled + label:before {
    border-width: 8px !important;
  }
}
.appian-context-ux-screen-size-narrow .CardStyleRadioSelects---choice_pair input:checked:disabled + label:before {
  /* rules to apply in the phone form factor preview in ID */
  border-width: 8px !important;
}
.appian-context-ux-screen-size-medium .CardStyleRadioSelects---choice_pair input:checked:disabled + label:before {
  /* rules to apply in the tablet form factor preview in ID */
  border-width: 8px !important;
}
.CardStyleRadioSelects---choice_pair input:active:not(:disabled) + label:before {
  -webkit-transform: scale(0.9) !important;
  transform: scale(0.9) !important;
}
.CardStyleRadioSelects---choice_group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
  width: 100% !important;
}
/* use browser default when printing in IE11 & Edge */
@media print {
  .appian-context-browser-chrome,
  .appian-context-browser-safari,
  .appian-context-browser-firefox {
    /* :not(disabled) and :disabled selectors needed to override non-print styles */
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input + label:before,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input + label:before,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input + label:before {
    content: "" !important;
    position: absolute !important;
    height: 18px !important;
    width: 18px !important;
    display: inline-block !important;
    top: calc(50% - 8px) !important;
    left: calc(100% - 27px) !important;
    right: auto !important;
    border-radius: 100% !important;
    background-color: var(--appian-input-background-color, #fff) !important;
    border: 1px solid var(--appian-choice-border-color, #bbb) !important;
    -webkit-transition: border-width 200ms ease-in !important;
    transition: border-width 200ms ease-in !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input + label:before,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input + label:before,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input + label:before {
    /* rules to apply in the phone form factor preview in ID */
    top: calc(50% - 12px) !important;
    left: calc(100% - 34px) !important;
    height: 24px !important;
    width: 24px !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input + label:before,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input + label:before,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input + label:before {
    /* rules to apply in the tablet form factor preview in ID */
    top: calc(50% - 12px) !important;
    left: calc(100% - 34px) !important;
    height: 24px !important;
    width: 24px !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input:checked:not(:disabled) + label:before,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input:checked:not(:disabled) + label:before,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input:checked:not(:disabled) + label:before {
    background-color: #fff !important;
    border: 6px solid #1d659c !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input:checked:not(:disabled) + label:before,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input:checked:not(:disabled) + label:before,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input:checked:not(:disabled) + label:before {
    /* rules to apply in the phone form factor preview in ID */
    border-width: 8px !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input:checked:not(:disabled) + label:before,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input:checked:not(:disabled) + label:before,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input:checked:not(:disabled) + label:before {
    /* rules to apply in the tablet form factor preview in ID */
    border-width: 8px !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:checked:not(:disabled) + label:before,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:checked:not(:disabled) + label:before,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair.CardStyleRadioSelects---inAccentBackground input:checked:not(:disabled) + label:before {
    background-color: #1d659c !important;
    border-color: #fff !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input:disabled + label:before,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input:disabled + label:before,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input:disabled + label:before {
    background-color: var(--appian-disabled-select-background-color, #ddd) !important;
    border-color: var(--appian-choice-border-color, #bbb) !important;
    opacity: var(--appian-disabled-input-opacity, 1) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input:checked:disabled + label:before,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input:checked:disabled + label:before,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input:checked:disabled + label:before {
    background-color: var(--appian-input-background-color, #fff) !important;
    border-width: 6px !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input:checked:disabled + label:before,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input:checked:disabled + label:before,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input:checked:disabled + label:before {
    /* rules to apply in the phone form factor preview in ID */
    border-width: 8px !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input:checked:disabled + label:before,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input:checked:disabled + label:before,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input:checked:disabled + label:before {
    /* rules to apply in the tablet form factor preview in ID */
    border-width: 8px !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input:active:not(:disabled) + label:before,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input:active:not(:disabled) + label:before,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input:active:not(:disabled) + label:before {
    -webkit-transform: scale(0.9) !important;
    transform: scale(0.9) !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_group,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_group,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_group {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
            flex-direction: column !important;
    width: 100% !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input[type="radio"] + label:before,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input[type="radio"] + label:before,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input[type="radio"] + label:before {
    height: 10px !important;
    width: 10px !important;
  }
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input[type="radio"]:checked:not(disabled) + label:before,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input[type="radio"]:checked:not(disabled) + label:before,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input[type="radio"]:checked:not(disabled) + label:before,
  .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input[type="radio"]:checked:disabled + label:before,
  .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input[type="radio"]:checked:disabled + label:before,
  .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input[type="radio"]:checked:disabled + label:before {
    border-width: 4px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input + label:before,
  .appian-context-ux-responsive .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input + label:before,
  .appian-context-ux-responsive .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input + label:before {
    top: calc(50% - 12px) !important;
    left: calc(100% - 34px) !important;
    height: 24px !important;
    width: 24px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input:checked:not(:disabled) + label:before,
  .appian-context-ux-responsive .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input:checked:not(:disabled) + label:before,
  .appian-context-ux-responsive .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input:checked:not(:disabled) + label:before {
    border-width: 8px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .CardStyleRadioSelects---choice_pair input:checked:disabled + label:before,
  .appian-context-ux-responsive .appian-context-browser-safari .CardStyleRadioSelects---choice_pair input:checked:disabled + label:before,
  .appian-context-ux-responsive .appian-context-browser-firefox .CardStyleRadioSelects---choice_pair input:checked:disabled + label:before {
    border-width: 8px !important;
  }
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* This recreates the Multi column layouts styling */
.ReconcileDocumentWidget---reconcileContainer {
  width: 100% !important;
  display: table !important;
  table-layout: fixed !important;
  margin: 0 auto !important;
}
.ReconcileDocumentWidget---overlayCanvas {
  width: 100% !important;
  height: auto !important;
  position: relative !important;
}
/* Stack when the window is smaller, and also remove the fixed width from the fieldContainer. */
@media only screen and (max-width: 800px) {
  .ReconcileDocumentWidget---reconcileContainer {
    display: block !important;
  }
}
.ReconcileDocumentWidget---tooltipContainer {
  padding: 0 0.7857rem !important;
}
.ReconcileDocumentWidget---helptooltip.ReconcileDocumentWidget---hovercard {
  border: 1px solid #777 !important;
  max-width: 600px !important;
  width: 100vw !important;
  border-radius: var(--appian-dialog-border-radius, 0) !important;
}
.ReconcileDocumentWidget---warningtooltip.ReconcileDocumentWidget---hovercard {
  background: #333333 !important;
  border: 1px solid #777 !important;
  max-width: 300px !important;
  width: 100vw !important;
}
.ReconcileDocumentWidget---tooltipIcon {
  font-size: 1.2857rem !important;
  height: 1.2857rem !important;
  width: 1.2857rem !important;
}
.ReconcileDocumentWidget---helptooltip.ReconcileDocumentWidget---tooltipIcon {
  fill: #fff !important;
}
.ReconcileDocumentWidget---warningtooltip.ReconcileDocumentWidget---tooltipIcon {
  color: #ffc13e !important;
}
.ReconcileDocumentWidget---warningText {
  color: #fff !important;
}
.ReconcileDocumentWidget---warningToolTipContainer {
  padding: 10px !important;
}
.ReconcileDocumentWidget---reconcileChild {
  position: relative !important;
  vertical-align: top !important;
  display: table-cell !important;
  min-width: 40px !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ReconcileDocumentForm---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .ReconcileDocumentForm---accessibilityhidden {
  font-size: 0 !important;
}
.ReconcileDocumentForm---align_start {
  text-align: left !important;
}
.ReconcileDocumentForm---align_end {
  text-align: right !important;
}
.ReconcileDocumentForm---center {
  text-align: center !important;
}
.ReconcileDocumentForm---choice_pair {
  position: relative !important;
  min-height: 1.2857rem !important;
  /* avoid collapse when no label text */
  word-wrap: break-word !important;
  /* needed on parent container for proper wrapping on IE */
  font-size: 1rem !important;
  /* maintain correct vertical spacing when in side by side layout */
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .ReconcileDocumentForm---choice_pair {
    min-height: 2.1429rem !important;
  }
}
.appian-context-ux-screen-size-narrow .ReconcileDocumentForm---choice_pair {
  /* rules to apply in the phone form factor preview in ID */
  min-height: 2.1429rem !important;
}
.appian-context-ux-screen-size-medium .ReconcileDocumentForm---choice_pair {
  /* rules to apply in the tablet form factor preview in ID */
  min-height: 2.1429rem !important;
}
.ReconcileDocumentForm---choice_pair input[type="checkbox"],
.ReconcileDocumentForm---choice_pair input[type="radio"] {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  width: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  /*
      Important! Because we specify "position: absolute", we need to protect ourselves from inherited
      styles (especially from the host page) that might try to assign these values. (AN-78083)
    */
  top: inherit !important;
  right: inherit !important;
  bottom: inherit !important;
  left: inherit !important;
}
.ReconcileDocumentForm---choice_pair input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
.ReconcileDocumentForm---choice_pair input[type="radio"] + label.ReconcileDocumentForm---choice_label {
  padding-left: 1.5rem !important;
  position: relative !important;
  box-sizing: border-box !important;
  word-wrap: break-word !important;
  white-space: normal !important;
  display: inline-block !important;
  max-width: 100% !important;
  left: -1px !important;
  /* offset size of hidden input */
  top: -1px !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-responsive .ReconcileDocumentForm---choice_pair input[type="radio"] + label.ReconcileDocumentForm---choice_label {
    padding-left: 34px !important;
  }
}
.appian-context-ux-screen-size-narrow .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
.appian-context-ux-screen-size-narrow .ReconcileDocumentForm---choice_pair input[type="radio"] + label.ReconcileDocumentForm---choice_label {
  /* rules to apply in the phone form factor preview in ID */
  padding-left: 34px !important;
}
.appian-context-ux-screen-size-medium .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
.appian-context-ux-screen-size-medium .ReconcileDocumentForm---choice_pair input[type="radio"] + label.ReconcileDocumentForm---choice_label {
  /* rules to apply in the tablet form factor preview in ID */
  padding-left: 34px !important;
}
.ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
.ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="radio"] + label.ReconcileDocumentForm---choice_label {
  padding-left: 1.75rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-responsive .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="radio"] + label.ReconcileDocumentForm---choice_label {
    padding-left: 34px !important;
  }
}
.appian-context-ux-screen-size-narrow .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
.appian-context-ux-screen-size-narrow .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="radio"] + label.ReconcileDocumentForm---choice_label {
  /* rules to apply in the phone form factor preview in ID */
  padding-left: 34px !important;
}
.appian-context-ux-screen-size-medium .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
.appian-context-ux-screen-size-medium .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="radio"] + label.ReconcileDocumentForm---choice_label {
  /* rules to apply in the tablet form factor preview in ID */
  padding-left: 34px !important;
}
.ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
.ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="radio"] + label.ReconcileDocumentForm---choice_label {
  padding-left: 2rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-responsive .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="radio"] + label.ReconcileDocumentForm---choice_label {
    padding-left: 34px !important;
  }
}
.appian-context-ux-screen-size-narrow .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
.appian-context-ux-screen-size-narrow .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="radio"] + label.ReconcileDocumentForm---choice_label {
  /* rules to apply in the phone form factor preview in ID */
  padding-left: 34px !important;
}
.appian-context-ux-screen-size-medium .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
.appian-context-ux-screen-size-medium .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="radio"] + label.ReconcileDocumentForm---choice_label {
  /* rules to apply in the tablet form factor preview in ID */
  padding-left: 34px !important;
}
/* use browser default checkbox & radio buttons when printing in Edge */
@media print {
  .appian-context-browser-chrome .ReconcileDocumentForm---choice_pair,
  .appian-context-browser-safari .ReconcileDocumentForm---choice_pair,
  .appian-context-browser-firefox .ReconcileDocumentForm---choice_pair {
    position: relative !important;
    min-height: 1.2857rem !important;
    /* avoid collapse when no label text */
    word-wrap: break-word !important;
    /* needed on parent container for proper wrapping on IE */
    font-size: 1rem !important;
    /* maintain correct vertical spacing when in side by side layout */
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .ReconcileDocumentForm---choice_pair,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .ReconcileDocumentForm---choice_pair,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .ReconcileDocumentForm---choice_pair {
    /* rules to apply in the phone form factor preview in ID */
    min-height: 2.1429rem !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .ReconcileDocumentForm---choice_pair,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .ReconcileDocumentForm---choice_pair,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .ReconcileDocumentForm---choice_pair {
    /* rules to apply in the tablet form factor preview in ID */
    min-height: 2.1429rem !important;
  }
  .appian-context-browser-chrome .ReconcileDocumentForm---choice_pair input[type="checkbox"],
  .appian-context-browser-safari .ReconcileDocumentForm---choice_pair input[type="checkbox"],
  .appian-context-browser-firefox .ReconcileDocumentForm---choice_pair input[type="checkbox"],
  .appian-context-browser-chrome .ReconcileDocumentForm---choice_pair input[type="radio"],
  .appian-context-browser-safari .ReconcileDocumentForm---choice_pair input[type="radio"],
  .appian-context-browser-firefox .ReconcileDocumentForm---choice_pair input[type="radio"] {
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    width: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    /*
      Important! Because we specify "position: absolute", we need to protect ourselves from inherited
      styles (especially from the host page) that might try to assign these values. (AN-78083)
    */
    top: inherit !important;
    right: inherit !important;
    bottom: inherit !important;
    left: inherit !important;
  }
  .appian-context-browser-chrome .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-browser-safari .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-browser-firefox .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-browser-chrome .ReconcileDocumentForm---choice_pair input[type="radio"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-browser-safari .ReconcileDocumentForm---choice_pair input[type="radio"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-browser-firefox .ReconcileDocumentForm---choice_pair input[type="radio"] + label.ReconcileDocumentForm---choice_label {
    padding-left: 1.5rem !important;
    position: relative !important;
    box-sizing: border-box !important;
    word-wrap: break-word !important;
    white-space: normal !important;
    display: inline-block !important;
    max-width: 100% !important;
    left: -1px !important;
    /* offset size of hidden input */
    top: -1px !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .ReconcileDocumentForm---choice_pair input[type="radio"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .ReconcileDocumentForm---choice_pair input[type="radio"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .ReconcileDocumentForm---choice_pair input[type="radio"] + label.ReconcileDocumentForm---choice_label {
    /* rules to apply in the phone form factor preview in ID */
    padding-left: 34px !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .ReconcileDocumentForm---choice_pair input[type="radio"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .ReconcileDocumentForm---choice_pair input[type="radio"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .ReconcileDocumentForm---choice_pair input[type="radio"] + label.ReconcileDocumentForm---choice_label {
    /* rules to apply in the tablet form factor preview in ID */
    padding-left: 34px !important;
  }
  .appian-context-browser-chrome .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-browser-safari .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-browser-firefox .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-browser-chrome .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="radio"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-browser-safari .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="radio"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-browser-firefox .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="radio"] + label.ReconcileDocumentForm---choice_label {
    padding-left: 1.75rem !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="radio"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="radio"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="radio"] + label.ReconcileDocumentForm---choice_label {
    /* rules to apply in the phone form factor preview in ID */
    padding-left: 34px !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="radio"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="radio"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="radio"] + label.ReconcileDocumentForm---choice_label {
    /* rules to apply in the tablet form factor preview in ID */
    padding-left: 34px !important;
  }
  .appian-context-browser-chrome .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-browser-safari .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-browser-firefox .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-browser-chrome .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="radio"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-browser-safari .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="radio"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-browser-firefox .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="radio"] + label.ReconcileDocumentForm---choice_label {
    padding-left: 2rem !important;
  }
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-chrome .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="radio"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-safari .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="radio"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-narrow .appian-context-browser-firefox .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="radio"] + label.ReconcileDocumentForm---choice_label {
    /* rules to apply in the phone form factor preview in ID */
    padding-left: 34px !important;
  }
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-chrome .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="radio"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-safari .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="radio"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-screen-size-medium .appian-context-browser-firefox .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="radio"] + label.ReconcileDocumentForm---choice_label {
    /* rules to apply in the tablet form factor preview in ID */
    padding-left: 34px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .ReconcileDocumentForm---choice_pair,
  .appian-context-ux-responsive .appian-context-browser-safari .ReconcileDocumentForm---choice_pair,
  .appian-context-ux-responsive .appian-context-browser-firefox .ReconcileDocumentForm---choice_pair {
    min-height: 2.1429rem !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-responsive .appian-context-browser-chrome .ReconcileDocumentForm---choice_pair input[type="radio"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .ReconcileDocumentForm---choice_pair input[type="radio"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .ReconcileDocumentForm---choice_pair input[type="radio"] + label.ReconcileDocumentForm---choice_label {
    padding-left: 34px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-responsive .appian-context-browser-chrome .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="radio"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="radio"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more input[type="radio"] + label.ReconcileDocumentForm---choice_label {
    padding-left: 34px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .appian-context-browser-chrome .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-responsive .appian-context-browser-chrome .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="radio"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-responsive .appian-context-browser-safari .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="radio"] + label.ReconcileDocumentForm---choice_label,
  .appian-context-ux-responsive .appian-context-browser-firefox .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more input[type="radio"] + label.ReconcileDocumentForm---choice_label {
    padding-left: 34px !important;
  }
}
@media print {
  .appian-context-browser-edge .ReconcileDocumentForm---choice_pair input[type="checkbox"],
  .appian-context-browser-edge .ReconcileDocumentForm---choice_pair input[type="radio"] {
    height: 9px !important;
    width: 9px !important;
  }
}
.ReconcileDocumentForm---choice_group.ReconcileDocumentForm---compact .ReconcileDocumentForm---choice_pair {
  display: inline-block !important;
  margin: 0 0.7143rem 0 0 !important;
  white-space: nowrap !important;
  max-width: 100% !important;
  /* needed for proper choice wrapping */
}
.ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair:not(:last-child) {
  margin: 0 0 0.5714rem 0 !important;
}
.ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more:not(:last-child) {
  margin-bottom: 1rem !important;
}
.ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more:not(:last-child) {
  margin-bottom: 1.5rem !important;
}
.ReconcileDocumentForm---choice_group.ReconcileDocumentForm---compact .ReconcileDocumentForm---choice_wrapper.ReconcileDocumentForm---spacing_more,
.ReconcileDocumentForm---choice_group.ReconcileDocumentForm---spacing_more.ReconcileDocumentForm---compact {
  margin-bottom: -1rem !important;
}
.ReconcileDocumentForm---choice_group.ReconcileDocumentForm---compact .ReconcileDocumentForm---choice_wrapper.ReconcileDocumentForm---spacing_even_more,
.ReconcileDocumentForm---choice_group.ReconcileDocumentForm---spacing_even_more.ReconcileDocumentForm---compact {
  margin-bottom: -1.5rem !important;
}
.ReconcileDocumentForm---choice_group.ReconcileDocumentForm---compact .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more {
  margin-bottom: 1rem !important;
}
.ReconcileDocumentForm---choice_group.ReconcileDocumentForm---compact .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more:not(:last-child) {
  margin-right: 1.45rem !important;
}
.ReconcileDocumentForm---choice_group.ReconcileDocumentForm---compact .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more {
  margin-bottom: 1.5rem !important;
}
.ReconcileDocumentForm---choice_group.ReconcileDocumentForm---compact .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more:not(:last-child) {
  margin-right: 2.2rem !important;
}
.ReconcileDocumentForm---choice_wrapper {
  /* for aligning groups */
  text-align: left !important;
  display: inline-block !important;
  max-width: 100% !important;
}
.ReconcileDocumentForm---choice_pair label.ReconcileDocumentForm---choice_label {
  font-size: 1rem !important;
  /* needs extra decimals for correct alignment in Chrome */
  line-height: 1.28571429 !important;
  color: var(--appian-text-color, #222) !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .ReconcileDocumentForm---choice_pair label.ReconcileDocumentForm---choice_label {
    line-height: 2rem !important;
  }
}
.appian-context-ux-screen-size-narrow .ReconcileDocumentForm---choice_pair label.ReconcileDocumentForm---choice_label {
  /* rules to apply in the phone form factor preview in ID */
  line-height: 2rem !important;
}
.appian-context-ux-screen-size-medium .ReconcileDocumentForm---choice_pair label.ReconcileDocumentForm---choice_label {
  /* rules to apply in the tablet form factor preview in ID */
  line-height: 2rem !important;
}
.ReconcileDocumentForm---choice_pair .ReconcileDocumentForm---description {
  margin-left: 1.5rem !important;
  color: var(--appian-subtle-text-color, #666) !important;
  font-size: 0.9286rem !important;
  line-height: 1.2307rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .ReconcileDocumentForm---choice_pair .ReconcileDocumentForm---description {
    margin-left: 34px !important;
  }
}
.appian-context-ux-screen-size-narrow .ReconcileDocumentForm---choice_pair .ReconcileDocumentForm---description {
  /* rules to apply in the phone form factor preview in ID */
  margin-left: 34px !important;
}
.appian-context-ux-screen-size-medium .ReconcileDocumentForm---choice_pair .ReconcileDocumentForm---description {
  /* rules to apply in the tablet form factor preview in ID */
  margin-left: 34px !important;
}
.ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more .ReconcileDocumentForm---description {
  margin-left: 1.75rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more .ReconcileDocumentForm---description {
    margin-left: 34px !important;
  }
}
.appian-context-ux-screen-size-narrow .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more .ReconcileDocumentForm---description {
  /* rules to apply in the phone form factor preview in ID */
  margin-left: 34px !important;
}
.appian-context-ux-screen-size-medium .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_more .ReconcileDocumentForm---description {
  /* rules to apply in the tablet form factor preview in ID */
  margin-left: 34px !important;
}
.ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more .ReconcileDocumentForm---description {
  margin-left: 2rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more .ReconcileDocumentForm---description {
    margin-left: 34px !important;
  }
}
.appian-context-ux-screen-size-narrow .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more .ReconcileDocumentForm---description {
  /* rules to apply in the phone form factor preview in ID */
  margin-left: 34px !important;
}
.appian-context-ux-screen-size-medium .ReconcileDocumentForm---choice_group:not(.ReconcileDocumentForm---compact) .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---spacing_even_more .ReconcileDocumentForm---description {
  /* rules to apply in the tablet form factor preview in ID */
  margin-left: 34px !important;
}
.ReconcileDocumentForm---choice_pair label.ReconcileDocumentForm---choice_label.ReconcileDocumentForm---inDarkBackground {
  color: #eee !important;
}
.ReconcileDocumentForm---choice_pair label.ReconcileDocumentForm---choice_label.ReconcileDocumentForm---inLightBackground {
  color: #222 !important;
}
.ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---inAccentBackground label.ReconcileDocumentForm---choice_label {
  color: #fff !important;
}
.ReconcileDocumentForm---choice_group.ReconcileDocumentForm---no_label,
.ReconcileDocumentForm---choice_group.ReconcileDocumentForm---no_label .ReconcileDocumentForm---choice_pair {
  font-size: 0 !important;
  min-height: 0 !important;
}
.ReconcileDocumentForm---choice_group.ReconcileDocumentForm---no_label input[type="checkbox"] + label.ReconcileDocumentForm---choice_label,
.ReconcileDocumentForm---choice_group.ReconcileDocumentForm---no_label input[type="radio"] + label.ReconcileDocumentForm---choice_label {
  /* use the "no_label" class for standalone checkboxes and radios, e.g. grid row selection columns. The label element is still needed for proper click handling. */
  padding-left: 0 !important;
  display: inline-block !important;
  height: 1.1429rem !important;
}
.ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:before {
  content: "" !important;
  position: absolute !important;
  height: 16px !important;
  width: 16px !important;
  display: inline-block !important;
  top: calc((14px - 12px) / 2) !important;
  left: 1px !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-choice-border-color, #bbb) !important;
  border-radius: 0rem !important;
  -webkit-transition: all 150ms ease-in !important;
  transition: all 150ms ease-in !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:before {
    top: 0 !important;
    height: 28px !important;
    width: 28px !important;
  }
}
.appian-context-ux-screen-size-narrow .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:before {
  /* rules to apply in the phone form factor preview in ID */
  top: 0 !important;
  height: 28px !important;
  width: 28px !important;
}
.appian-context-ux-screen-size-medium .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:before {
  /* rules to apply in the tablet form factor preview in ID */
  top: 0 !important;
  height: 28px !important;
  width: 28px !important;
}
.ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---transparent input[type="checkbox"] + label:before {
  background-color: transparent !important;
}
.ReconcileDocumentForm---choice_pair input[type="checkbox"] + label.ReconcileDocumentForm---inDarkBackground:before {
  border-color: var(--appian-choice-border-color, #bbb) !important;
}
.ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:after {
  content: "" !important;
  display: inline-block !important;
  background-repeat: no-repeat !important;
  background-size: 12px 12px !important;
  /*rtl:raw:
    background-position: 100%;*/
  width: 0 !important;
  height: 12px !important;
  -webkit-transition: width 300ms ease-in !important;
  transition: width 300ms ease-in !important;
  overflow: hidden !important;
  position: absolute !important;
  left: 3px !important;
  top: 3px !important;
  text-align: left !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:after {
    background-size: 24px 24px !important;
    left: 4px !important;
    height: 24px !important;
  }
  .appian-context-browser-edge .appian-context-ux-responsive .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:after {
    background-size: 48px 48px !important;
  }
}
.appian-context-ux-screen-size-narrow .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:after {
  /* rules to apply in the phone form factor preview in ID */
  background-size: 24px 24px !important;
  left: 4px !important;
  height: 24px !important;
}
.appian-context-browser-edge .appian-context-ux-screen-size-narrow .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:after {
  background-size: 48px 48px !important;
}
.appian-context-ux-screen-size-medium .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:after {
  /* rules to apply in the tablet form factor preview in ID */
  background-size: 24px 24px !important;
  left: 4px !important;
  height: 24px !important;
}
.appian-context-browser-edge .appian-context-ux-screen-size-medium .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:after {
  background-size: 48px 48px !important;
}
.appian-context-browser-edge .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:after {
  -webkit-transition: none !important;
  transition: none !important;
  background-size: 24px 24px !important;
  left: 0 !important;
  top: 1px !important;
  -webkit-transform: scale(0.5) !important;
          transform: scale(0.5) !important;
  margin: -0.25rem !important;
}
.ReconcileDocumentForm---choice_pair input[type="checkbox"]:focus:not(.appian-context-ux-mouse-focus) + label {
  outline: 1px solid #1d659c !important;
}
.ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---inAccentBackground input[type="checkbox"]:focus:not(.appian-context-ux-mouse-focus) + label {
  outline: 1px solid #fff !important;
}
.ReconcileDocumentForm---choice_pair input[type="checkbox"]:checked + label:before {
  background-color: #1d659c !important;
  border-color: #1d659c !important;
}
.ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---inAccentBackground input[type="checkbox"]:checked:not(:disabled) + label:before {
  background-color: #fff !important;
  border-color: #fff !important;
}
.ReconcileDocumentForm---choice_pair input[type="checkbox"]:checked + label:after {
  width: 12px !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .ReconcileDocumentForm---choice_pair input[type="checkbox"]:checked + label:after {
    background-size: 24px 24px !important;
    width: 24px !important;
    height: 24px !important;
  }
  .appian-context-browser-edge .appian-context-ux-responsive .ReconcileDocumentForm---choice_pair input[type="checkbox"]:checked + label:after {
    background-size: 48px 48px !important;
    height: 48px !important;
    width: 48px !important;
    top: -6px !important;
    left: -5px !important;
  }
}
.appian-context-ux-screen-size-narrow .ReconcileDocumentForm---choice_pair input[type="checkbox"]:checked + label:after {
  /* rules to apply in the phone form factor preview in ID */
  background-size: 24px 24px !important;
  width: 24px !important;
  height: 24px !important;
}
.appian-context-browser-edge .appian-context-ux-screen-size-narrow .ReconcileDocumentForm---choice_pair input[type="checkbox"]:checked + label:after {
  background-size: 48px 48px !important;
  height: 48px !important;
  width: 48px !important;
  top: -6px !important;
  left: -5px !important;
}
.appian-context-ux-screen-size-medium .ReconcileDocumentForm---choice_pair input[type="checkbox"]:checked + label:after {
  /* rules to apply in the tablet form factor preview in ID */
  background-size: 24px 24px !important;
  width: 24px !important;
  height: 24px !important;
}
.appian-context-browser-edge .appian-context-ux-screen-size-medium .ReconcileDocumentForm---choice_pair input[type="checkbox"]:checked + label:after {
  background-size: 48px 48px !important;
  height: 48px !important;
  width: 48px !important;
  top: -6px !important;
  left: -5px !important;
}
.appian-context-browser-edge .ReconcileDocumentForm---choice_pair input[type="checkbox"]:checked + label:after {
  height: 24px !important;
  width: 24px !important;
}
.ReconcileDocumentForm---choice_pair input[type="checkbox"]:disabled + label:before {
  background-color: var(--appian-disabled-select-background-color, #ddd) !important;
  border-color: var(--appian-choice-border-color, #bbb) !important;
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.ReconcileDocumentForm---choice_pair input[type="checkbox"]:disabled + label.ReconcileDocumentForm---inDarkBackground:before {
  border-color: var(--appian-choice-border-color, #bbb) !important;
}
.ReconcileDocumentForm---choice_pair input[type="checkbox"]:checked:disabled + label:after {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22var%28--appian-choice-border-color,%20%23bbb%29%22%3E%3Cpath%20d%3D%22M1671%20566q0%2040-28%2068l-724%20724-136%20136q-28%2028-68%2028t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20295%20656-657q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
}
/* SVG must be defined outside the detached ruleset (@checkbox-style-overrides) in order to pick up updated theming */
.ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:after {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M1671%20566q0%2040-28%2068l-724%20724-136%20136q-28%2028-68%2028t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20295%20656-657q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
}
.ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---inAccentBackground input[type="checkbox"] + label:after {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1671%20566q0%2040-28%2068l-724%20724-136%20136q-28%2028-68%2028t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20295%20656-657q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
}
@media print {
  .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:before {
    content: "" !important;
    position: absolute !important;
    height: 16px !important;
    width: 16px !important;
    display: inline-block !important;
    top: calc((14px - 12px) / 2) !important;
    left: 1px !important;
    background-color: var(--appian-input-background-color, #fff) !important;
    border: 1px solid var(--appian-choice-border-color, #bbb) !important;
    border-radius: 0rem !important;
    -webkit-transition: all 150ms ease-in !important;
    transition: all 150ms ease-in !important;
  }
  .appian-context-ux-screen-size-narrow .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:before {
    /* rules to apply in the phone form factor preview in ID */
    top: 0 !important;
    height: 28px !important;
    width: 28px !important;
  }
  .appian-context-ux-screen-size-medium .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:before {
    /* rules to apply in the tablet form factor preview in ID */
    top: 0 !important;
    height: 28px !important;
    width: 28px !important;
  }
  .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---transparent input[type="checkbox"] + label:before {
    background-color: transparent !important;
  }
  .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label.ReconcileDocumentForm---inDarkBackground:before {
    border-color: var(--appian-choice-border-color, #bbb) !important;
  }
  .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:after {
    content: "" !important;
    display: inline-block !important;
    background-repeat: no-repeat !important;
    background-size: 12px 12px !important;
    /*rtl:raw:
    background-position: 100%;*/
    width: 0 !important;
    height: 12px !important;
    -webkit-transition: width 300ms ease-in !important;
    transition: width 300ms ease-in !important;
    overflow: hidden !important;
    position: absolute !important;
    left: 3px !important;
    top: 3px !important;
    text-align: left !important;
  }
  .appian-context-ux-screen-size-narrow .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:after {
    /* rules to apply in the phone form factor preview in ID */
    background-size: 24px 24px !important;
    left: 4px !important;
    height: 24px !important;
  }
  .appian-context-browser-edge .appian-context-ux-screen-size-narrow .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:after {
    background-size: 48px 48px !important;
  }
  .appian-context-ux-screen-size-medium .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:after {
    /* rules to apply in the tablet form factor preview in ID */
    background-size: 24px 24px !important;
    left: 4px !important;
    height: 24px !important;
  }
  .appian-context-browser-edge .appian-context-ux-screen-size-medium .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:after {
    background-size: 48px 48px !important;
  }
  .appian-context-browser-edge .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:after {
    -webkit-transition: none !important;
    transition: none !important;
    background-size: 24px 24px !important;
    left: 0 !important;
    top: 1px !important;
    -webkit-transform: scale(0.5) !important;
            transform: scale(0.5) !important;
    margin: -0.25rem !important;
  }
  .ReconcileDocumentForm---choice_pair input[type="checkbox"]:focus:not(.appian-context-ux-mouse-focus) + label {
    outline: 1px solid #1d659c !important;
  }
  .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---inAccentBackground input[type="checkbox"]:focus:not(.appian-context-ux-mouse-focus) + label {
    outline: 1px solid #fff !important;
  }
  .ReconcileDocumentForm---choice_pair input[type="checkbox"]:checked + label:before {
    background-color: #1d659c !important;
    border-color: #1d659c !important;
  }
  .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---inAccentBackground input[type="checkbox"]:checked:not(:disabled) + label:before {
    background-color: #fff !important;
    border-color: #fff !important;
  }
  .ReconcileDocumentForm---choice_pair input[type="checkbox"]:checked + label:after {
    width: 12px !important;
  }
  .appian-context-ux-screen-size-narrow .ReconcileDocumentForm---choice_pair input[type="checkbox"]:checked + label:after {
    /* rules to apply in the phone form factor preview in ID */
    background-size: 24px 24px !important;
    width: 24px !important;
    height: 24px !important;
  }
  .appian-context-browser-edge .appian-context-ux-screen-size-narrow .ReconcileDocumentForm---choice_pair input[type="checkbox"]:checked + label:after {
    background-size: 48px 48px !important;
    height: 48px !important;
    width: 48px !important;
    top: -6px !important;
    left: -5px !important;
  }
  .appian-context-ux-screen-size-medium .ReconcileDocumentForm---choice_pair input[type="checkbox"]:checked + label:after {
    /* rules to apply in the tablet form factor preview in ID */
    background-size: 24px 24px !important;
    width: 24px !important;
    height: 24px !important;
  }
  .appian-context-browser-edge .appian-context-ux-screen-size-medium .ReconcileDocumentForm---choice_pair input[type="checkbox"]:checked + label:after {
    background-size: 48px 48px !important;
    height: 48px !important;
    width: 48px !important;
    top: -6px !important;
    left: -5px !important;
  }
  .appian-context-browser-edge .ReconcileDocumentForm---choice_pair input[type="checkbox"]:checked + label:after {
    height: 24px !important;
    width: 24px !important;
  }
  .ReconcileDocumentForm---choice_pair input[type="checkbox"]:disabled + label:before {
    background-color: var(--appian-disabled-select-background-color, #ddd) !important;
    border-color: var(--appian-choice-border-color, #bbb) !important;
    opacity: var(--appian-disabled-input-opacity, 1) !important;
  }
  .ReconcileDocumentForm---choice_pair input[type="checkbox"]:disabled + label.ReconcileDocumentForm---inDarkBackground:before {
    border-color: var(--appian-choice-border-color, #bbb) !important;
  }
  .ReconcileDocumentForm---choice_pair input[type="checkbox"]:checked:disabled + label:after {
    background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22var%28--appian-choice-border-color,%20%23bbb%29%22%3E%3Cpath%20d%3D%22M1671%20566q0%2040-28%2068l-724%20724-136%20136q-28%2028-68%2028t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20295%20656-657q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
  }
  /* SVG must be defined outside the detached ruleset (@checkbox-style-overrides) in order to pick up updated theming */
  .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:after {
    background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M1671%20566q0%2040-28%2068l-724%20724-136%20136q-28%2028-68%2028t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20295%20656-657q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
  }
  .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---inAccentBackground input[type="checkbox"] + label:after {
    background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1671%20566q0%2040-28%2068l-724%20724-136%20136q-28%2028-68%2028t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20295%20656-657q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068z%22/%3E%3C/svg%3E") !important;
  }
  .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:after {
    background-size: 8px 8px !important;
    height: 8px !important;
    left: 2px !important;
    top: 2px !important;
    print-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }
  .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:before {
    height: 10px !important;
    width: 10px !important;
    print-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:before {
    top: 0 !important;
    height: 28px !important;
    width: 28px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:after {
    background-size: 24px 24px !important;
    left: 4px !important;
    height: 24px !important;
  }
  .appian-context-browser-edge .appian-context-ux-responsive .ReconcileDocumentForm---choice_pair input[type="checkbox"] + label:after {
    background-size: 48px 48px !important;
  }
}
@media print and only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive .ReconcileDocumentForm---choice_pair input[type="checkbox"]:checked + label:after {
    background-size: 24px 24px !important;
    width: 24px !important;
    height: 24px !important;
  }
  .appian-context-browser-edge .appian-context-ux-responsive .ReconcileDocumentForm---choice_pair input[type="checkbox"]:checked + label:after {
    background-size: 48px 48px !important;
    height: 48px !important;
    width: 48px !important;
    top: -6px !important;
    left: -5px !important;
  }
}
/*
  Total viewport height utilized by reconcile toolbar
  * Reconcile Widget Toolbar Container Min height (ReconcileDocumentToolbar.less): 2.4286rem
  * Reconcile Widget Toolbar Container Vertical padding (ReconcileDocumentToolbar.less): 2 * 0.5714rem
*/
/*
  Total viewport height for non-ReconcileDocumentWidget appian task contents
  * Tempo Page Layout Margin (includes tempo header and gap) (SitesApp_TEMPO_SITE.less): 58px and @site-wide-banner-height * 1px
  * ContentLayout padding vertical: 2 x 1.2857rem
  * Button height (Button.less): 2.4286rem
  * SectionLayout2 padding bottom (SectionLayout2.less): 1rem
  * FormLayoutTitle content (assuming a single line of text) (FormLayout.less): 2.1429rem
  * FormLayoutTitle bottom margin (FormLayout.less): 1rem
  * FormLayout bottom margin (FormLayout.less): 1rem
  * .scrollContainer Padding: 10px
  * Footer Button height: 2.7143rem
  * Footer Button margin: 1px
  * Footer Task margin bottom: 0.7143rem
  * Footer padding top: 1rem
  * Footer margin top: 1rem
  *
*/
.ReconcileDocumentForm---reconcileChild {
  width: 460px !important;
  position: relative !important;
  vertical-align: top !important;
  display: table-cell !important;
}
.ReconcileDocumentForm---fieldContainer {
  width: auto !important;
  padding-right: 20px !important;
  position: relative !important;
  overflow: scroll !important;
  min-height: calc(300px + 3.5714rem) !important;
  /*
    * height should only consume the space left in the viewport outside of the task contents and toolbar
    * adding 6px to account for the PDFViewer borders
  */
  height: calc(100vh - 79.1429px + 6px) !important;
}
/* On narrower windows the tool bar increases by 80px */
@media only screen and (max-width: 1069px) {
  .ReconcileDocumentForm---fieldContainer {
    height: calc(100vh - 79.1429px + 86px) !important;
  }
}
/* When stacking the reconcile children, the full height should be rendered */
@media only screen and (max-width: 800px) {
  .ReconcileDocumentForm---fieldContainer {
    height: auto !important;
  }
  div.ReconcileDocumentForm---reconcileChild {
    display: block !important;
    width: 100% !important;
  }
}
.ReconcileDocumentForm---unmappableField {
  padding-right: 30px !important;
}
.ReconcileDocumentForm---copyIcon {
  -webkit-box-flex: initial !important;
  -webkit-flex-grow: initial !important;
          flex-grow: initial !important;
  position: relative !important;
  width: 2.4286rem !important;
  height: 2.4286rem !important;
  margin-top: auto !important;
  margin-bottom: 0.7143rem !important;
  padding: 0.6429rem 0rem !important;
  border-top: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-bottom: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  background-color: #1d659c !important;
  cursor: pointer !important;
}
.ReconcileDocumentForm---copyIcon svg {
  display: block !important;
  height: 1.1429rem !important;
  width: 1.1429rem !important;
  margin: auto !important;
  fill: #fff !important;
}
.ReconcileDocumentForm---hiddenMappingIcon {
  visibility: hidden !important;
}
.ReconcileDocumentForm---hiddenMappingIcon,
.ReconcileDocumentForm---disabledCopyIcon {
  background: #fff !important;
  cursor: default !important;
}
.ReconcileDocumentForm---disabledCopyIcon svg {
  fill: #ddd !important;
}
.ReconcileDocumentForm---copyIcon:focus {
  outline: none !important;
}
.ReconcileDocumentForm---copyIcon:not(.ReconcileDocumentForm---disabledCopyIcon):active,
.ReconcileDocumentForm---copyIcon:not(.ReconcileDocumentForm---disabledCopyIcon):hover,
.ReconcileDocumentForm---copyIcon:focus svg {
  box-shadow: 0 0px 8px #1d659c !important;
}
.ReconcileDocumentForm---mappingIcon svg {
  width: 1rem !important;
  height: 1rem !important;
  fill: #777 !important;
}
.ReconcileDocumentForm---mappingIcon {
  width: 1rem !important;
  height: 1rem !important;
  float: right !important;
  cursor: default !important;
  margin-top: 2.4rem !important;
  margin-bottom: 1.4286rem !important;
  margin-left: 10px !important;
}
.ReconcileDocumentForm---checkboxMappingIcon {
  margin-top: auto !important;
  margin-bottom: 0.7143rem !important;
}
.ReconcileDocumentForm---checkboxIcon {
  width: 1rem !important;
  height: 1rem !important;
  position: static !important;
  vertical-align: top !important;
  margin: 0.2149rem -0.0714rem 0 -0.0714rem !important;
}
/* Stack when the window is smaller, and also remove the fixed width from the fieldContainer. */
@media only screen and (max-width: 800px) {
  .ReconcileDocumentForm---reconcileChild {
    display: block !important;
  }
}
.ReconcileDocumentForm---formFieldContainer {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
          align-items: flex-start !important;
}
.ReconcileDocumentForm---checkbox {
  margin-bottom: 0.7143rem !important;
}
.ReconcileDocumentForm---checkbox .ReconcileDocumentForm---choice_pair {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 !important;
          flex: 1 !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  padding: 0.5714rem !important;
  height: 2.4286rem !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.ReconcileDocumentForm---checkbox .ReconcileDocumentForm---choice_pair.ReconcileDocumentForm---choice_pair_focused {
  border: 1px solid #1d659c !important;
}
.ReconcileDocumentForm---choice_pair:focus-within {
  border-color: #1d659c !important;
}
.ReconcileDocumentForm---checkbox .ReconcileDocumentForm---copyIcon {
  margin: 0px !important;
}
.ReconcileDocumentForm---choice_label {
  color: #222 !important;
  font-weight: 700 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: 16px !important;
}
label.ReconcileDocumentForm---hidden_choice_label {
  width: 0px !important;
  height: 17px !important;
}
.ReconcileDocumentForm---choice_pair input[type="checkbox"] + label.ReconcileDocumentForm---choice_label {
  white-space: nowrap !important;
}
.ReconcileDocumentForm---grid_container {
  max-height: 141px !important;
  overflow: auto !important;
}
.ReconcileDocumentForm---grid_container th,
.ReconcileDocumentForm---grid_container td {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.Grid---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .Grid---accessibilityhidden {
  font-size: 0 !important;
}
.Grid---align_start {
  text-align: left !important;
}
.Grid---align_end {
  text-align: right !important;
}
.Grid---center {
  text-align: center !important;
}
table.Grid---table {
  width: 100% !important;
  padding: 0 !important;
  font-size: 1rem !important;
  border-collapse: separate !important;
  /* needed so header borders always display (AN-78132) */
  border-spacing: 0 !important;
  border: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
  table-layout: auto !important;
}
table.Grid---table.Grid---inDarkBackground:not(.Grid---light):not(.Grid---border_none) {
  border-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
table.Grid---table.Grid---flush {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
}
table.Grid---table.Grid---light,
table.Grid---table.Grid---border_none {
  border-color: transparent !important;
}
table.Grid---table th,
table.Grid---table td {
  text-align: left !important;
  padding: 0.7143rem !important;
  word-wrap: break-word !important;
  max-width: 300px !important;
  color: var(--appian-text-color, #222) !important;
}
table.Grid---table th.Grid---nowrap,
table.Grid---table td.Grid---nowrap {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
table.Grid---table.Grid---dense th,
table.Grid---table.Grid---dense td {
  padding: 0.3571rem 0.6429rem !important;
}
table.Grid---table.Grid---more_on_row_edges th,
table.Grid---table.Grid---more_on_row_edges td {
  padding: 1.2857rem 0.7143rem !important;
}
table.Grid---table.Grid---more_on_row_edges th:first-child,
table.Grid---table.Grid---more_on_row_edges td:first-child {
  padding-left: 1.714rem !important;
}
table.Grid---table.Grid---more_on_row_edges th:last-child,
table.Grid---table.Grid---more_on_row_edges td:last-child {
  padding-right: 1.714rem !important;
}
table.Grid---table th.Grid---reducedPadding,
table.Grid---table td.Grid---reducedPadding {
  padding: 0.1429rem !important;
  /* Keep in sync with inGridLayout styling in buttons.less */
}
table.Grid---table th.Grid---firstEditable,
table.Grid---table td.Grid---firstEditable {
  padding: 0.1429rem !important;
  padding-right: 0.7143rem !important;
}
table.Grid---table th.Grid---lastEditable,
table.Grid---table td.Grid---lastEditable {
  padding: 0.1429rem !important;
  padding-left: 0.7143rem !important;
}
table.Grid---table.Grid---distribute {
  table-layout: fixed !important;
}
table.Grid---table.Grid---distribute.Grid---scrollable {
  table-layout: auto !important;
}
table.Grid---table.Grid---distribute.Grid---scrollable.Grid---force_fixed_layout {
  table-layout: fixed !important;
}
table.Grid---table th.Grid---narrow,
table.Grid---table td.Grid---narrow {
  width: 82px !important;
  /* narrow width needed for parity */
}
table.Grid---table th.Grid---grid_field_column.Grid---narrow,
table.Grid---table td.Grid---grid_field_column.Grid---narrow {
  min-width: 82px !important;
  max-width: 82px !important;
}
table.Grid---table th.Grid---narrow_plus,
table.Grid---table td.Grid---narrow_plus {
  width: 172px !important;
  min-width: 172px !important;
}
table.Grid---table th.Grid---grid_field_column.Grid---narrow_plus,
table.Grid---table td.Grid---grid_field_column.Grid---narrow_plus {
  width: 172px !important;
  min-width: 172px !important;
  max-width: 172px !important;
}
table.Grid---table th.Grid---medium,
table.Grid---table td.Grid---medium {
  width: 18.7rem !important;
  min-width: 18.7rem !important;
}
table.Grid---table th.Grid---grid_field_column.Grid---medium,
table.Grid---table td.Grid---grid_field_column.Grid---medium {
  min-width: 18.7rem !important;
  max-width: 18.7rem !important;
}
table.Grid---table th.Grid---medium_plus,
table.Grid---table td.Grid---medium_plus {
  width: 30.78rem !important;
  min-width: 30.78rem !important;
  max-width: 30.78rem !important;
}
table.Grid---table th.Grid---grid_field_column.Grid---medium_plus,
table.Grid---table td.Grid---grid_field_column.Grid---medium_plus {
  width: 30.78rem !important;
  min-width: 30.78rem !important;
  max-width: 30.78rem !important;
}
table.Grid---table th.Grid---wide,
table.Grid---table td.Grid---wide {
  width: 42.86rem !important;
  min-width: 42.86rem !important;
  max-width: 42.86rem !important;
}
table.Grid---table th.Grid---grid_field_column.Grid---wide,
table.Grid---table td.Grid---grid_field_column.Grid---wide {
  min-width: 42.86rem !important;
  max-width: 42.86rem !important;
}
table.Grid---table th.Grid---decision_numeric,
table.Grid---table td.Grid---decision_numeric {
  width: 19.8rem !important;
}
table.Grid---table th.Grid---rule_input_array_checkbox,
table.Grid---table td.Grid---rule_input_array_checkbox {
  width: 58px !important;
}
table.Grid---table th.Grid---decision_non_numeric,
table.Grid---table td.Grid---decision_non_numeric {
  width: 18.143rem !important;
}
table.Grid---table th.Grid---decision_date,
table.Grid---table td.Grid---decision_date {
  width: 21.3rem !important;
}
table.Grid---table th.Grid---decision_row_icon,
table.Grid---table td.Grid---decision_row_icon {
  width: 3.6rem !important;
}
table.Grid---table th.Grid---checkbox,
table.Grid---table td.Grid---checkbox {
  box-sizing: content-box !important;
  width: 1.1429rem !important;
  min-width: 1.1429rem !important;
}
@media only screen and (max-device-width: 1024px) {
  .appian-context-ux-responsive table.Grid---table th.Grid---checkbox,
  .appian-context-ux-responsive table.Grid---table td.Grid---checkbox {
    width: 2rem !important;
    min-width: 2rem !important;
    padding: 0.3571rem 0.6429rem !important;
    line-height: 1.4rem !important;
  }
}
.appian-context-ux-screen-size-narrow table.Grid---table th.Grid---checkbox,
.appian-context-ux-screen-size-narrow table.Grid---table td.Grid---checkbox {
  /* rules to apply in the phone form factor preview in ID */
  width: 2rem !important;
  min-width: 2rem !important;
  padding: 0.3571rem 0.6429rem !important;
  line-height: 1.4rem !important;
}
.appian-context-ux-screen-size-medium table.Grid---table th.Grid---checkbox,
.appian-context-ux-screen-size-medium table.Grid---table td.Grid---checkbox {
  /* rules to apply in the tablet form factor preview in ID */
  width: 2rem !important;
  min-width: 2rem !important;
  padding: 0.3571rem 0.6429rem !important;
  line-height: 1.4rem !important;
}
table.Grid---table th.Grid---icon,
table.Grid---table td.Grid---icon,
table.Grid---table th.Grid---tiny,
table.Grid---table td.Grid---tiny {
  box-sizing: content-box !important;
  width: 1.4286rem !important;
}
table.Grid---table th.Grid---grid_field_column.Grid---icon,
table.Grid---table td.Grid---grid_field_column.Grid---icon {
  max-width: 1.4286rem !important;
}
table.Grid---table th.Grid---icon_plus,
table.Grid---table td.Grid---icon_plus {
  width: 61px !important;
  min-width: 61px !important;
}
table.Grid---table th.Grid---grid_field_column.Grid---icon_plus,
table.Grid---table td.Grid---grid_field_column.Grid---icon_plus {
  width: 61px !important;
  min-width: 61px !important;
  max-width: 61px !important;
}
table.Grid---table th.Grid---hex_bg_color,
table.Grid---table td.Grid---hex_bg_color,
table.Grid---table tr.Grid---selected td,
table.Grid---table tr.Grid---selected th,
table.Grid---table tr.Grid---selectable.Grid---selected td,
table.Grid---table tr.Grid---selectable.Grid---selected th,
.Grid---grid_cell_background_color_standard,
.Grid---grid_cell_background_color_warn_light_secondary,
.Grid---grid_cell_background_color_success,
.Grid---grid_cell_background_color_error,
.Grid---grid_cell_background_color_warn,
.Grid---grid_cell_background_color_info,
.Grid---grid_cell_background_color_accent {
  background-clip: padding-box !important;
}
table.Grid---table th.Grid---hex_bg_color,
table.Grid---table td.Grid---hex_bg_color {
  background-color: var(--paging-grid-cell-bg-color) !important;
}
table.Grid---table th.Grid---gallery,
table.Grid---table td.Grid---gallery,
table.Grid---table th.Grid---image,
table.Grid---table td.Grid---image {
  box-sizing: content-box !important;
}
table.Grid---table th.Grid---image.Grid---tiny,
table.Grid---table td.Grid---image.Grid---tiny {
  width: 60px !important;
  min-width: 60px !important;
}
table.Grid---table th.Grid---image.Grid---small,
table.Grid---table td.Grid---image.Grid---small {
  width: 100px !important;
  min-width: 100px !important;
}
table.Grid---table th.Grid---image.Grid---medium,
table.Grid---table td.Grid---image.Grid---medium {
  width: 200px !important;
  min-width: 200px !important;
}
table.Grid---table th.Grid---image.Grid---large,
table.Grid---table td.Grid---image.Grid---large {
  width: 400px !important;
  min-width: 400px !important;
}
.Grid---grid_height_short {
  height: 141px !important;
  overflow-y: visible !important;
}
.Grid---grid_height_short.Grid---no_footer {
  height: 179px !important;
}
.Grid---grid_height_short_plus {
  height: 226px !important;
  overflow-y: visible !important;
}
.Grid---grid_height_short_plus.Grid---no_footer {
  height: 265px !important;
}
.Grid---grid_height_medium {
  height: 307px !important;
  overflow-y: visible !important;
}
.Grid---grid_height_medium.Grid---no_footer {
  height: 345px !important;
}
.Grid---grid_height_medium_plus {
  height: 471px !important;
  overflow-y: visible !important;
}
.Grid---grid_height_medium_plus.Grid---no_footer {
  height: 509px !important;
}
.Grid---grid_height_tall {
  height: 636px !important;
  overflow-y: visible !important;
}
.Grid---grid_height_tall.Grid---no_footer {
  height: 674px !important;
}
.Grid---grid_height_tall_plus {
  height: 877px !important;
  overflow-y: visible !important;
}
.Grid---grid_height_tall_plus.Grid---no_footer {
  height: 915px !important;
}
.Grid---grid_height_extra_tall {
  height: 1119px !important;
  overflow-y: visible !important;
}
.Grid---grid_height_extra_tall.Grid---no_footer {
  height: 1156px !important;
}
.Grid---phone_preview,
.Grid---phone_preview.Grid---no_footer {
  overflow-y: visible !important;
  max-height: 425px !important;
}
.Grid---phone_preview.Grid---grid_height_short,
.Grid---phone_preview.Grid---no_footer.Grid---grid_height_short {
  max-height: 191px !important;
  height: 100% !important;
}
.Grid---phone_preview.Grid---grid_height_medium,
.Grid---phone_preview.Grid---no_footer.Grid---grid_height_medium {
  max-height: 333px !important;
  height: 100% !important;
}
.Grid---phone_preview.Grid---grid_height_medium_plus,
.Grid---phone_preview.Grid---no_footer.Grid---grid_height_medium_plus {
  max-height: 424px !important;
  height: 100% !important;
}
.Grid---phone_preview.Grid---grid_height_tall,
.Grid---phone_preview.Grid---no_footer.Grid---grid_height_tall {
  max-height: 524px !important;
  height: 100% !important;
}
.Grid---phone_preview.Grid---grid_height_tall_plus,
.Grid---phone_preview.Grid---no_footer.Grid---grid_height_tall_plus {
  max-height: 581px !important;
  height: 100% !important;
}
.Grid---phone_preview.Grid---grid_height_extra_tall,
.Grid---phone_preview.Grid---no_footer.Grid---grid_height_extra_tall {
  max-height: 637px !important;
  height: 100% !important;
}
.Grid---phone_preview.Grid---grid_height_short_plus {
  max-height: 318px !important;
  height: 100% !important;
}
.Grid---phone_preview.Grid---no_footer.Grid---grid_height_short_plus {
  max-height: 331px !important;
  height: 100% !important;
}
.Grid---tablet_preview,
.Grid---tablet_preview.Grid---no_footer {
  overflow-y: visible !important;
  max-height: 452px !important;
}
.Grid---tablet_preview.Grid---grid_height_short,
.Grid---tablet_preview.Grid---no_footer.Grid---grid_height_short {
  max-height: 204px !important;
  height: 100% !important;
}
.Grid---tablet_preview.Grid---grid_height_medium,
.Grid---tablet_preview.Grid---no_footer.Grid---grid_height_medium {
  max-height: 354px !important;
  height: 100% !important;
}
.Grid---tablet_preview.Grid---grid_height_medium_plus,
.Grid---tablet_preview.Grid---no_footer.Grid---grid_height_medium_plus {
  max-height: 456px !important;
  height: 100% !important;
}
.Grid---tablet_preview.Grid---grid_height_tall,
.Grid---tablet_preview.Grid---no_footer.Grid---grid_height_tall {
  max-height: 558px !important;
  height: 100% !important;
}
.Grid---tablet_preview.Grid---grid_height_tall_plus,
.Grid---tablet_preview.Grid---no_footer.Grid---grid_height_tall_plus {
  max-height: 618px !important;
  height: 100% !important;
}
.Grid---tablet_preview.Grid---grid_height_extra_tall,
.Grid---tablet_preview.Grid---no_footer.Grid---grid_height_extra_tall {
  max-height: 679px !important;
  height: 100% !important;
}
.Grid---tablet_preview.Grid---grid_height_short_plus {
  max-height: 318px !important;
  height: 100% !important;
}
.Grid---tablet_preview.Grid---no_footer.Grid---grid_height_short_plus {
  max-height: 292px !important;
  height: 100% !important;
}
@media print {
  .Grid---grid_height_short,
  .Grid---grid_height_short_plus,
  .Grid---grid_height_medium,
  .Grid---grid_height_medium_plus,
  .Grid---grid_height_tall,
  .Grid---grid_height_tall_plus,
  .Grid---grid_height_extra_tall {
    height: 100% !important;
  }
}
table.Grid---table tbody td,
table.Grid---table tbody th {
  min-height: 1.4286rem !important;
  border-top: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
  font-weight: normal !important;
}
table.Grid---table th + th,
table.Grid---table td + td,
table.Grid---table th + td,
table.Grid---table td + th {
  border-left: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
}
table.Grid---table.Grid---inDarkBackground:not(.Grid---border_none) tbody td,
table.Grid---table.Grid---inDarkBackground:not(.Grid---border_none) tbody th {
  border-top-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
table.Grid---table.Grid---inDarkBackground:not(.Grid---light):not(.Grid---border_none) th + th,
table.Grid---table.Grid---inDarkBackground:not(.Grid---light):not(.Grid---border_none) td + td,
table.Grid---table.Grid---inDarkBackground:not(.Grid---light):not(.Grid---border_none) th + td,
table.Grid---table.Grid---inDarkBackground:not(.Grid---light):not(.Grid---border_none) td + th {
  border-left-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
table.Grid---table.Grid---inDarkBackground.Grid---show_header_cell_dividers th + th {
  border-left-color: var(--appian-container-border-color-subtle-in-dark-bg, #555) !important;
}
table.Grid---table.Grid---border_none tbody td,
table.Grid---table.Grid---border_none tbody th {
  border-top-color: transparent !important;
}
table.Grid---table.Grid---border_none:not(.Grid---show_header_cell_dividers) th + th,
table.Grid---table.Grid---border_none td + td,
table.Grid---table.Grid---border_none th + td,
table.Grid---table.Grid---border_none td + th {
  border-color: transparent !important;
}
table.Grid---table.Grid---no_header tbody tr:first-child td {
  border-top: none !important;
}
table.Grid---table.Grid---light:not(.Grid---show_header_cell_dividers) th + th,
table.Grid---table.Grid---light td + td,
table.Grid---table.Grid---light th + td,
table.Grid---table.Grid---light tbody td + th {
  border-left: none !important;
}
table.Grid---table tr.Grid---empty_msg td {
  text-align: center !important;
  height: 80px !important;
  line-height: 1.4 !important;
}
table.Grid---table tr.Grid---empty_msg.Grid---inAccentBackground td {
  color: #fff !important;
}
table.Grid---table tr.Grid---empty_msg.Grid---inDarkBackground td {
  color: #eee !important;
}
table.Grid---table tr.Grid---empty_msg.Grid---inLightBackground td {
  color: #222 !important;
}
table.Grid---table thead th {
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--appian-text-color, #222) !important;
  line-height: 1.4 !important;
}
table.Grid---table thead th[aria-sort] {
  position: relative !important;
  cursor: pointer !important;
}
@media print {
  table.Grid---table thead th[aria-sort] {
    position: static !important;
  }
}
table.Grid---table thead th[aria-sort]:focus,
table.Grid---table thead th:focus,
table.Grid---table thead th.Grid---pseudoFocus {
  outline: none !important;
}
table.Grid---table thead th[aria-sort]:focus:not(.appian-context-ux-mouse-focus),
table.Grid---table thead th[aria-sort]:hover,
table.Grid---table thead th[aria-sort].Grid---pseudoFocus:not(.appian-context-ux-mouse-focus),
table.Grid---table thead th[aria-sort].Grid---pseudoFocus:hover {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
  box-shadow: 0 0 0 1px #1d659c inset !important;
}
table.Grid---table thead th.Grid---pseudoFocus:not(.appian-context-ux-mouse-focus) input[type="checkbox"] + label {
  outline: 1px solid #1d659c !important;
}
.appian-context-browser-chrome table.Grid---table thead th[aria-sort]:not(.Grid---align_end),
.appian-context-browser-edge table.Grid---table thead th[aria-sort]:not(.Grid---align_end),
.appian-context-browser-firefox table.Grid---table thead th[aria-sort]:not(.Grid---align_end),
.appian-context-browser-safari table.Grid---table thead th[aria-sort]:not(.Grid---align_end) {
  padding-right: 1.2857rem !important;
}
table.Grid---table thead th[aria-sort].Grid---align_end {
  padding-left: 1.2857rem !important;
}
/* Maintains padding and label alignment when a context menu is present in the header */
table.Grid---table thead th.Grid---header_with_icons_wrapper > div {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -ms-flex-wrap: nowrap !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: row nowrap !important;
          flex-flow: row nowrap !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  -ms-flex-align: center !important;
}
table.Grid---table thead th.Grid---contains_start_icon {
  vertical-align: top !important;
}
table.Grid---table thead th.Grid---collapsed_header {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  visibility: collapse !important;
}
table.Grid---table thead th.Grid---contains_start_icon > div {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
          align-items: flex-start !important;
}
.appian-context-browser-chrome table.Grid---table thead th.Grid---header_with_icons_wrapper,
.appian-context-browser-edge table.Grid---table thead th.Grid---header_with_icons_wrapper,
.appian-context-browser-firefox table.Grid---table thead th.Grid---header_with_icons_wrapper,
.appian-context-browser-safari table.Grid---table thead th.Grid---header_with_icons_wrapper,
.appian-context-browser-chrome table.Grid---table thead th[aria-sort].Grid---header_with_icons_wrapper,
.appian-context-browser-edge table.Grid---table thead th[aria-sort].Grid---header_with_icons_wrapper,
.appian-context-browser-firefox table.Grid---table thead th[aria-sort].Grid---header_with_icons_wrapper,
.appian-context-browser-safari table.Grid---table thead th[aria-sort].Grid---header_with_icons_wrapper {
  padding-right: 0 !important;
}
table.Grid---table thead th[aria-sort="ascending"].Grid---header_with_icons_wrapper.Grid---align_start > div,
table.Grid---table thead th[aria-sort="descending"].Grid---header_with_icons_wrapper.Grid---align_start > div,
table.Grid---table thead th[aria-sort="ascending"].Grid---header_with_icons_wrapper.Grid---center > div,
table.Grid---table thead th[aria-sort="descending"].Grid---header_with_icons_wrapper.Grid---center > div {
  padding-right: 0.8571rem !important;
}
table.Grid---table thead th[aria-sort="ascending"].Grid---contains_start_icon > .Grid---sort_arrow {
  top: 0.7857rem !important;
}
table.Grid---table thead th[aria-sort="descending"].Grid---contains_start_icon > .Grid---sort_arrow {
  top: 0.8571rem !important;
}
table.Grid---table thead th[aria-sort] > .Grid---sort_arrow {
  height: 1rem !important;
  width: 1rem !important;
  fill: #1d659c !important;
  position: absolute !important;
  right: 0.1429rem !important;
}
table.Grid---table thead th[aria-sort="ascending"] > .Grid---sort_arrow {
  top: calc(50% - 0.5714rem) !important;
}
table.Grid---table thead th[aria-sort="descending"] > .Grid---sort_arrow {
  top: calc(50% - 0.4286rem) !important;
}
table.Grid---table thead th[aria-sort].Grid---align_end > .Grid---sort_arrow {
  left: 0.1429rem !important;
}
@media print {
  .appian-context-browser-chrome table.Grid---table thead th[aria-sort]:not(.Grid---align_end),
  .appian-context-browser-edge table.Grid---table thead th[aria-sort]:not(.Grid---align_end),
  .appian-context-browser-firefox table.Grid---table thead th[aria-sort]:not(.Grid---align_end),
  .appian-context-browser-safari table.Grid---table thead th[aria-sort]:not(.Grid---align_end) {
    padding-right: 0 !important;
  }
  table.Grid---table thead th[aria-sort] > div {
    display: inline-block !important;
  }
  table.Grid---table thead th[aria-sort].Grid---header_with_icons_wrapper > div {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
  table.Grid---table thead th[aria-sort] > .Grid---sort_arrow {
    position: static !important;
    margin: 0 4px !important;
    float: right !important;
  }
  table.Grid---table thead th[aria-sort].Grid---align_end {
    padding-left: 0 !important;
  }
  table.Grid---table thead th[aria-sort].Grid---align_end > .Grid---sort_arrow {
    float: left !important;
  }
}
table.Grid---table td {
  vertical-align: middle !important;
}
table.Grid---table.Grid---top td {
  vertical-align: top !important;
}
table.Grid---table.Grid---bottom td {
  vertical-align: bottom !important;
}
table.Grid---table th.Grid---center,
table.Grid---table td.Grid---center {
  text-align: center !important;
}
table.Grid---table.Grid---flex th.Grid---center,
table.Grid---table.Grid---flex td.Grid---center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
}
table.Grid---table th.Grid---align_end,
table.Grid---table td.Grid---align_end {
  text-align: right !important;
}
table.Grid---table td.Grid---align_end input[type="text"] {
  text-align: right !important;
  overflow: hidden !important;
  /* Mac OS Chrome right-aligned text input cutoff bug */
}
table.Grid---table th.Grid---sortable {
  padding-right: 22px !important;
}
table.Grid---table th.Grid---sortable.Grid---align_end {
  padding-left: 22px !important;
  padding-right: 8px !important;
}
th.Grid---sortable.Grid---center {
  padding-left: 14px !important;
  padding-right: 14px !important;
}
table.Grid---table.Grid---striped tbody tr:nth-child(odd):not(.Grid---empty_msg) {
  background-color: rgba(231, 231, 231, 0.2) !important;
  /* appears the same as #fafafa on white background */
}
table.Grid---table.Grid---striped.Grid---inDarkBackground tbody tr:nth-child(odd):not(.Grid---empty_msg) {
  background-color: rgba(231, 231, 231, var(--appian-grid-shade-dark-bg-opacity, 0.1)) !important;
}
table.Grid---table.Grid---striped.Grid---alt_row_hex_color tbody tr:nth-child(odd):not(.Grid---empty_msg) {
  background-color: var(--appian-grid-alt-row-color) !important;
}
table.Grid---table.Grid---semi_rounded tr th:first-child,
table.Grid---table.Grid---semi_rounded tr td:first-child {
  border-top-left-radius: 0.2857rem !important;
  border-bottom-left-radius: 0.2857rem !important;
}
table.Grid---table.Grid---semi_rounded tr th:last-child,
table.Grid---table.Grid---semi_rounded tr td:last-child {
  border-top-right-radius: 0.2857rem !important;
  border-bottom-right-radius: 0.2857rem !important;
}
table.Grid---table.Grid---decision_else_row tbody tr:last-child td {
  border-top-color: #ccc !important;
  border-left-color: transparent !important;
}
table.Grid---table.Grid---decision_else_row tbody tr:last-child td.Grid---grid_cell_background_color_standard + td {
  border-left-color: #f0f0f0 !important;
}
table.Grid---table th.Grid---fit,
table.Grid---table td.Grid---fit {
  padding: 0px !important;
  /* In order for child component to fill cell, cell must have no padding */
}
table.Grid---table th.Grid---error,
table.Grid---table td.Grid---error {
  position: relative !important;
}
table.Grid---table th.Grid---error:before,
table.Grid---table td.Grid---error:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
table.Grid---table.Grid---inDarkBackground th.Grid---error:before,
table.Grid---table.Grid---inDarkBackground td.Grid---error:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
table.Grid---table th.Grid---error:after,
table.Grid---table td.Grid---error:after {
  content: "" !important;
  position: absolute !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
}
table.Grid---table.Grid---inDarkBackground th.Grid---error:after,
table.Grid---table.Grid---inDarkBackground td.Grid---error:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
table.Grid---table th.Grid---error.Grid---frozen_grid_error:after,
table.Grid---table td.Grid---error.Grid---frozen_grid_error:after {
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.Grid---grid_toolbar {
  margin: 0 0 0.6rem 0 !important;
  font-size: 0 !important;
}
.Grid---content_layout.Grid---flush .Grid---grid_toolbar {
  margin: 0.6rem 0.6rem !important;
}
table.Grid---table tr.Grid---selectable {
  cursor: pointer !important;
  outline: none !important;
}
table.Grid---table tr.Grid---selectable:hover:not(.Grid---selected) td,
table.Grid---table tr.Grid---selectable:focus:not(.Grid---selected) td,
table.Grid---table tr.Grid---selectable:hover:not(.Grid---selected) th,
table.Grid---table tr.Grid---selectable:focus:not(.Grid---selected) th {
  position: relative !important;
}
table.Grid---table tr.Grid---selectable:hover:not(.Grid---selected) td:after,
table.Grid---table tr.Grid---selectable:focus:not(.Grid---selected) td:after,
table.Grid---table tr.Grid---selectable:hover:not(.Grid---selected) th:after,
table.Grid---table tr.Grid---selectable:focus:not(.Grid---selected) th:after {
  content: "" !important;
  top: 0px !important;
  left: -1px !important;
  position: absolute !important;
  width: calc(100% + 1px) !important;
  height: 100% !important;
  border-top: 1px solid #1d659c !important;
  border-bottom: 1px solid #1d659c !important;
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
  pointer-events: none !important;
}
table.Grid---table tr.Grid---selectable:hover:not(.Grid---selected) td.Grid---hex_bg_color:after,
table.Grid---table tr.Grid---selectable:focus:not(.Grid---selected) td.Grid---hex_bg_color:after,
table.Grid---table tr.Grid---selectable:hover:not(.Grid---selected) th.Grid---hex_bg_color:after,
table.Grid---table tr.Grid---selectable:focus:not(.Grid---selected) th.Grid---hex_bg_color:after {
  background-color: rgba(29, 101, 156, 0.2) !important;
}
table.Grid---table tr.Grid---selectable:hover:not(.Grid---selected) td:first-child:after,
table.Grid---table tr.Grid---selectable:focus:not(.Grid---selected) td:first-child:after,
table.Grid---table tr.Grid---selectable:hover:not(.Grid---selected) th:first-child:after,
table.Grid---table tr.Grid---selectable:focus:not(.Grid---selected) th:first-child:after {
  left: 0px !important;
  border-left: 1px solid #1d659c !important;
}
table.Grid---table tr.Grid---selectable:hover:not(.Grid---selected) td:last-child:after,
table.Grid---table tr.Grid---selectable:focus:not(.Grid---selected) td:last-child:after,
table.Grid---table tr.Grid---selectable:hover:not(.Grid---selected) th:last-child:after,
table.Grid---table tr.Grid---selectable:focus:not(.Grid---selected) th:last-child:after {
  border-right: 1px solid #1d659c !important;
}
table.Grid---table.Grid---inDarkBackground tr.Grid---selectable:hover:not(.Grid---selected) td:not(.Grid---hex_bg_color):after {
  background-color: rgba(29, 101, 156, 0.2) !important;
}
table.Grid---table tr.Grid---selected td,
table.Grid---table tr.Grid---selected th,
table.Grid---table tr.Grid---selectable.Grid---selected td,
table.Grid---table tr.Grid---selectable.Grid---selected th {
  background-color: #1d659c !important;
}
table.Grid---table tr.Grid---selected td p,
table.Grid---table tr.Grid---selected th p,
table.Grid---table tr.Grid---selected td p a,
table.Grid---table tr.Grid---selected th p a,
table.Grid---table tr.Grid---selectable.Grid---selected td p,
table.Grid---table tr.Grid---selectable.Grid---selected th p,
table.Grid---table tr.Grid---selectable.Grid---selected td p a,
table.Grid---table tr.Grid---selectable.Grid---selected th p a {
  color: #fff !important;
}
.Grid---scrollable_content {
  overflow-x: auto !important;
}
@media print {
  .Grid---scrollable_content {
    overflow: hidden !important;
  }
}
.Grid---scrollable_content.Grid---phone_only {
  overflow-x: hidden !important;
}
.appian-context-ux-page-size-phone .Grid---scrollable_content.Grid---phone_only {
  overflow-x: auto !important;
}
.Grid---grid_cell_background_color_standard {
  background-color: #f0f0f0 !important;
}
.Grid---grid_cell_background_color_warn_light_secondary {
  background-color: #f8f8f8 !important;
}
.Grid---grid_cell_background_color_success {
  background-color: #e0ffd7 !important;
}
.Grid---grid_cell_background_color_error {
  background-color: #ffefef !important;
}
.Grid---grid_cell_background_color_warn {
  background-color: #feffd2 !important;
}
.Grid---grid_cell_background_color_info {
  background-color: #ecf4ff !important;
}
.Grid---grid_cell_background_color_accent {
  background-color: #1d659c !important;
}
.Grid---grid_cell_background_color_transparent {
  background-color: transparent !important;
}
@media print {
  table.Grid---table,
  table.Grid---table.Grid---distribute.Grid---scrollable {
    table-layout: fixed !important;
  }
}
.Grid---table_container {
  position: relative !important;
}
table.Grid---table tr:focus-visible {
  outline: none !important;
}
/* Begin styles related to Sail Drag And Drop */
.Grid---dnd_kb_controls_container {
  position: relative !important;
}
.Grid---hidden_dnd_preview {
  display: none !important;
}
/* The elements that the following classes apply to are created in the middleware-sailDnd-DOMManipualation
 * and do not appear directly in any component files
 */
.Grid---row_focus_element {
  position: absolute !important;
  border: 1px solid #1d659c !important;
}
.Grid---divider_line {
  position: absolute !important;
  height: 2px !important;
  background-color: #1d659c !important;
}
@-webkit-keyframes Grid---pulse_animation {
  50% {
    opacity: 0.1;
  }
}
@keyframes Grid---pulse_animation {
  50% {
    opacity: 0.1;
  }
}
.Grid---grid_td_pulse_loading_animation {
  height: 40px !important;
}
.Grid---grid_td_pulse_loading_animation span {
  background-color: rgba(168, 168, 168, 0.2) !important;
  -webkit-animation: Grid---pulse_animation 4s ease-in-out infinite !important;
          animation: Grid---pulse_animation 4s ease-in-out infinite !important;
  display: block !important;
  height: 14px !important;
}

.ReconcileDocumentAnnotationLayer---documentViewerAnnotations {
  position: absolute !important;
  left: 10px !important;
  top: 10px !important;
  width: calc(100% - 20px) !important;
}
.ReconcileDocumentAnnotationLayer---documentViewerAnnotations > div {
  margin: 0 auto !important;
}
.ReconcileDocumentAnnotationLayer---clickable {
  cursor: pointer !important;
}
.ReconcileDocumentAnnotationLayer---hideAnnotations {
  display: none !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/*
  Total viewport height utilized by reconcile toolbar
  * Reconcile Widget Toolbar Container Min height (ReconcileDocumentToolbar.less): 2.4286rem
  * Reconcile Widget Toolbar Container Vertical padding (ReconcileDocumentToolbar.less): 2 * 0.5714rem
*/
/*
  Total viewport height for non-ReconcileDocumentWidget appian task contents
  * Tempo Page Layout Margin (includes tempo header and gap) (SitesApp_TEMPO_SITE.less): 58px and @site-wide-banner-height * 1px
  * ContentLayout padding vertical: 2 x 1.2857rem
  * Button height (Button.less): 2.4286rem
  * SectionLayout2 padding bottom (SectionLayout2.less): 1rem
  * FormLayoutTitle content (assuming a single line of text) (FormLayout.less): 2.1429rem
  * FormLayoutTitle bottom margin (FormLayout.less): 1rem
  * FormLayout bottom margin (FormLayout.less): 1rem
  * .scrollContainer Padding: 10px
  * Footer Button height: 2.7143rem
  * Footer Button margin: 1px
  * Footer Task margin bottom: 0.7143rem
  * Footer padding top: 1rem
  * Footer margin top: 1rem
  *
*/
/* Stack when the window is smaller and take up the full width */
@media only screen and (max-width: 800px) {
  div.ReconcileDocumentSelectionWrapper---reconcileChild {
    display: block !important;
    width: 100% !important;
  }
}
.ReconcileDocumentSelectionWrapper---reconcileChild {
  position: relative !important;
  vertical-align: top !important;
  display: table-cell !important;
}
.ReconcileDocumentSelectionWrapper---scrollableDocumentViewerContainer {
  position: relative !important;
  background-color: #777 !important;
  text-align: center !important;
  overflow: scroll !important;
  min-height: 300px !important;
  border: 2px solid #777777 !important;
  border-top: none !important;
  height: calc(100vh - 79.1429px - 3.5714rem) !important;
  line-height: 0 !important;
}
.ReconcileDocumentSelectionWrapper---emptyDocument {
  background-color: #ddd !important;
  vertical-align: middle !important;
  text-align: center !important;
}
.ReconcileDocumentSelectionWrapper---scrollContainer {
  padding: 10px !important;
}
.ReconcileDocumentSelectionWrapper---documentViewerContainerClickable {
  cursor: pointer !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/*
  Total viewport height utilized by reconcile toolbar
  * Reconcile Widget Toolbar Container Min height (ReconcileDocumentToolbar.less): 2.4286rem
  * Reconcile Widget Toolbar Container Vertical padding (ReconcileDocumentToolbar.less): 2 * 0.5714rem
*/
/*
  Total viewport height for non-ReconcileDocumentWidget appian task contents
  * Tempo Page Layout Margin (includes tempo header and gap) (SitesApp_TEMPO_SITE.less): 58px and @site-wide-banner-height * 1px
  * ContentLayout padding vertical: 2 x 1.2857rem
  * Button height (Button.less): 2.4286rem
  * SectionLayout2 padding bottom (SectionLayout2.less): 1rem
  * FormLayoutTitle content (assuming a single line of text) (FormLayout.less): 2.1429rem
  * FormLayoutTitle bottom margin (FormLayout.less): 1rem
  * FormLayout bottom margin (FormLayout.less): 1rem
  * .scrollContainer Padding: 10px
  * Footer Button height: 2.7143rem
  * Footer Button margin: 1px
  * Footer Task margin bottom: 0.7143rem
  * Footer padding top: 1rem
  * Footer margin top: 1rem
  *
*/
/* Stack when the window is smaller and take up the full width */
@media only screen and (max-width: 800px) {
  div.ReconcileDocumentTableWrapper---reconcileChild {
    display: block !important;
    width: 100% !important;
  }
}
.ReconcileDocumentTableWrapper---reconcileChild {
  position: relative !important;
  vertical-align: top !important;
  display: table-cell !important;
}
.ReconcileDocumentTableWrapper---scrollableDocumentViewerContainer {
  position: relative !important;
  background-color: #777 !important;
  text-align: center !important;
  overflow: scroll !important;
  min-height: 300px !important;
  border: 2px solid #777777 !important;
  border-top: none !important;
  height: calc(100vh - 79.1429px - 3.5714rem) !important;
  line-height: 0 !important;
}
.ReconcileDocumentTableWrapper---emptyDocument {
  background-color: #ddd !important;
  vertical-align: middle !important;
  text-align: center !important;
}
.ReconcileDocumentTableWrapper---scrollContainer {
  padding: 10px !important;
}
.ReconcileDocumentTableWrapper---documentViewerContainerClickable {
  cursor: pointer !important;
}
.ReconcileDocumentTableWrapper---tableSelectedScrollContainer {
  height: 300px !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ReconcileDocumentToolbar---toolbarContainer {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
          justify-content: space-between !important;
  list-style: none !important;
  -ms-grid-column-align: center !important;
      justify-items: center !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  font-size: 1.214rem !important;
  /* Same as MediumText */
  min-height: 2.4286rem !important;
  /* Same as small buttons - without this single-page documents have a short paging container */
  background: #2a2a2a !important;
  color: #fff !important;
  padding: 0.5714rem 0.8571rem !important;
  /* Same as ContentLayout.padding_less */
  margin: 0 !important;
}
.ReconcileDocumentToolbar---toolbarContainer > li {
  display: inline-block !important;
}
.ReconcileDocumentToolbar---tooltipContainer {
  text-align: left !important;
}
.ReconcileDocumentToolbar---pagingContainer {
  text-align: center !important;
}
.ReconcileDocumentToolbar---zoomContainer {
  text-align: right !important;
}
.ReconcileDocumentToolbar---zoomContainer,
.ReconcileDocumentToolbar---tooltipContainer {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 !important;
          flex: 1 !important;
}
.appian-context-ux-page-size-phone .ReconcileDocumentToolbar---zoomContainer,
.appian-context-ux-page-size-phone .ReconcileDocumentToolbar---tooltipContainer {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.appian-context-ux-page-size-tablet-portrait .ReconcileDocumentToolbar---zoomContainer,
.appian-context-ux-page-size-tablet-portrait .ReconcileDocumentToolbar---tooltipContainer {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.appian-context-ux-page-size-tablet-landscape .ReconcileDocumentToolbar---zoomContainer,
.appian-context-ux-page-size-tablet-landscape .ReconcileDocumentToolbar---tooltipContainer {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.RecordActionWidget---button_layout_wrapper {
  width: 100% !important;
}
.RecordActionWidget---align_start.RecordActionWidget---button_layout_wrapper,
.RecordActionWidget---align_start.RecordActionWidget---menu_layout_wrapper {
  text-align: left !important;
}
.RecordActionWidget---align_end.RecordActionWidget---button_layout_wrapper,
.RecordActionWidget---align_end.RecordActionWidget---menu_layout_wrapper {
  text-align: right !important;
}
.RecordActionWidget---center.RecordActionWidget---button_layout_wrapper,
.RecordActionWidget---center.RecordActionWidget---menu_layout_wrapper {
  text-align: center !important;
}
.RecordActionWidget---button_layout_inner_wrapper {
  display: inline-block !important;
  width: 100% !important;
  max-width: 400px !important;
}
.appian-context-ux-page-size-phone .RecordActionWidget---button_layout_inner_wrapper {
  display: block !important;
}

.RelatedActionLink---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .RelatedActionLink---accessibilityhidden {
  font-size: 0 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.RelationshipDiagramWidget---height_medium {
  height: 300px !important;
}
.RelationshipDiagramWidget---height_medium_plus {
  height: 480px !important;
}
.RelationshipDiagramWidget---height_tall {
  height: 600px !important;
}
.RelationshipDiagramWidget---height_records_dialog {
  height: calc(100% - 25px) !important;
}
.RelationshipDiagramWidget---height_fit {
  height: 100% !important;
}
/* VisJS style overrides */
 {
  /* Navigation buttons */
}
.vis-network:focus {
  outline: none !important;
}
div.vis-tooltip {
  padding: 0 0 !important;
  border: none !important;
}
div.vis-network div.vis-navigation div.vis-button.vis-up,
div.vis-network div.vis-navigation div.vis-button.vis-down,
div.vis-network div.vis-navigation div.vis-button.vis-left,
div.vis-network div.vis-navigation div.vis-button.vis-right {
  display: none !important;
}
div.vis-network div.vis-navigation div.vis-button.vis-up,
div.vis-network div.vis-navigation div.vis-button.vis-down,
div.vis-network div.vis-navigation div.vis-button.vis-left,
div.vis-network div.vis-navigation div.vis-button.vis-right {
  background-image: none !important;
}
div.vis-network div.vis-navigation div.vis-button {
  border-radius: 0rem !important;
  -moz-border-radius: 0rem !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  background-color: #fff !important;
}
.RelationshipDiagramWidget---inDarkBackground div.vis-network div.vis-navigation div.vis-button {
  background-color: var(--appian-container-background-color, #fff) !important;
}
div.vis-network div.vis-navigation div.vis-button:active,
div.vis-network div.vis-navigation div.vis-button:hover {
  box-shadow: 0 0px 5px var(--appian-choice-border-color, #bbb) !important;
}
div.vis-network div.vis-navigation div.vis-button.vis-zoomIn,
div.vis-network div.vis-navigation div.vis-button.vis-zoomOut,
div.vis-network div.vis-navigation div.vis-button.vis-zoomExtends {
  background-size: 1rem !important;
  background-position: center !important;
}
div.vis-network div.vis-navigation div.vis-button.vis-zoomIn {
  background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201664%201792%22%20fill%3D%22var%28--appian-subtle-text-color,%20%23666%29%22%3E%3Cpath%20d%3D%22M1024%20800v64q0%2013-9.5%2022.5T992%20896H768v224q0%2013-9.5%2022.5T736%201152h-64q-13%200-22.5-9.5T640%201120V896H416q-13%200-22.5-9.5T384%20864v-64q0-13%209.5-22.5T416%20768h224V544q0-13%209.5-22.5T672%20512h64q13%200%2022.5%209.5T768%20544v224h224q13%200%2022.5%209.5t9.5%2022.5zm128%2032q0-185-131.5-316.5T704%20384%20387.5%20515.5%20256%20832t131.5%20316.5T704%201280t316.5-131.5T1152%20832zm512%20832q0%2053-37.5%2090.5T1536%201792q-54%200-90-38l-343-342q-179%20124-399%20124-143%200-273.5-55.5t-225-150-150-225T0%20832t55.5-273.5%20150-225%20225-150T704%20128t273.5%2055.5%20225%20150%20150%20225T1408%20832q0%20220-124%20399l343%20343q37%2037%2037%2090z%22/%3E%3C/svg%3E") !important;
}
.RelationshipDiagramWidget---inDarkBackground div.vis-network div.vis-navigation div.vis-button.vis-zoomIn {
  background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201664%201792%22%20fill%3D%22%23eee%22%3E%3Cpath%20d%3D%22M1024%20800v64q0%2013-9.5%2022.5T992%20896H768v224q0%2013-9.5%2022.5T736%201152h-64q-13%200-22.5-9.5T640%201120V896H416q-13%200-22.5-9.5T384%20864v-64q0-13%209.5-22.5T416%20768h224V544q0-13%209.5-22.5T672%20512h64q13%200%2022.5%209.5T768%20544v224h224q13%200%2022.5%209.5t9.5%2022.5zm128%2032q0-185-131.5-316.5T704%20384%20387.5%20515.5%20256%20832t131.5%20316.5T704%201280t316.5-131.5T1152%20832zm512%20832q0%2053-37.5%2090.5T1536%201792q-54%200-90-38l-343-342q-179%20124-399%20124-143%200-273.5-55.5t-225-150-150-225T0%20832t55.5-273.5%20150-225%20225-150T704%20128t273.5%2055.5%20225%20150%20150%20225T1408%20832q0%20220-124%20399l343%20343q37%2037%2037%2090z%22/%3E%3C/svg%3E") !important;
}
div.vis-network div.vis-navigation div.vis-button.vis-zoomOut {
  background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201664%201792%22%20fill%3D%22var%28--appian-subtle-text-color,%20%23666%29%22%3E%3Cpath%20d%3D%22M1024%20800v64q0%2013-9.5%2022.5T992%20896H416q-13%200-22.5-9.5T384%20864v-64q0-13%209.5-22.5T416%20768h576q13%200%2022.5%209.5t9.5%2022.5zm128%2032q0-185-131.5-316.5T704%20384%20387.5%20515.5%20256%20832t131.5%20316.5T704%201280t316.5-131.5T1152%20832zm512%20832q0%2053-37.5%2090.5T1536%201792q-54%200-90-38l-343-342q-179%20124-399%20124-143%200-273.5-55.5t-225-150-150-225T0%20832t55.5-273.5%20150-225%20225-150T704%20128t273.5%2055.5%20225%20150%20150%20225T1408%20832q0%20220-124%20399l343%20343q37%2037%2037%2090z%22/%3E%3C/svg%3E") !important;
}
.RelationshipDiagramWidget---inDarkBackground div.vis-network div.vis-navigation div.vis-button.vis-zoomOut {
  background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201664%201792%22%20fill%3D%22%23eee%22%3E%3Cpath%20d%3D%22M1024%20800v64q0%2013-9.5%2022.5T992%20896H416q-13%200-22.5-9.5T384%20864v-64q0-13%209.5-22.5T416%20768h576q13%200%2022.5%209.5t9.5%2022.5zm128%2032q0-185-131.5-316.5T704%20384%20387.5%20515.5%20256%20832t131.5%20316.5T704%201280t316.5-131.5T1152%20832zm512%20832q0%2053-37.5%2090.5T1536%201792q-54%200-90-38l-343-342q-179%20124-399%20124-143%200-273.5-55.5t-225-150-150-225T0%20832t55.5-273.5%20150-225%20225-150T704%20128t273.5%2055.5%20225%20150%20150%20225T1408%20832q0%20220-124%20399l343%20343q37%2037%2037%2090z%22/%3E%3C/svg%3E") !important;
}
div.vis-network div.vis-navigation div.vis-button.vis-zoomExtends {
  background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201536%201792%22%20fill%3D%22var%28--appian-subtle-text-color,%20%23666%29%22%3E%3Cpath%20d%3D%22M768%20960v448q0%2026-19%2045t-45%2019-45-19l-144-144-332%20332q-10%2010-23%2010t-23-10L23%201527q-10-10-10-23t10-23l332-332-144-144q-19-19-19-45t19-45%2045-19h448q26%200%2045%2019t19%2045zm755-672q0%2013-10%2023l-332%20332%20144%20144q19%2019%2019%2045t-19%2045-45%2019H832q-26%200-45-19t-19-45V384q0-26%2019-45t45-19%2045%2019l144%20144%20332-332q10-10%2023-10t23%2010l114%20114q10%2010%2010%2023z%22/%3E%3C/svg%3E") !important;
}
.RelationshipDiagramWidget---inDarkBackground div.vis-network div.vis-navigation div.vis-button.vis-zoomExtends {
  background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201536%201792%22%20fill%3D%22%23eee%22%3E%3Cpath%20d%3D%22M768%20960v448q0%2026-19%2045t-45%2019-45-19l-144-144-332%20332q-10%2010-23%2010t-23-10L23%201527q-10-10-10-23t10-23l332-332-144-144q-19-19-19-45t19-45%2045-19h448q26%200%2045%2019t19%2045zm755-672q0%2013-10%2023l-332%20332%20144%20144q19%2019%2019%2045t-19%2045-45%2019H832q-26%200-45-19t-19-45V384q0-26%2019-45t45-19%2045%2019l144%20144%20332-332q10-10%2023-10t23%2010l114%20114q10%2010%2010%2023z%22/%3E%3C/svg%3E") !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
@media (max-width: 300px) {
  .RelationshipDiagramRecordSourceTooltip---flex-item-right,
  .RelationshipDiagramRecordSourceTooltip---flex-item-left {
    -webkit-box-flex: 100% !important;
    -webkit-flex: 100% !important;
            flex: 100% !important;
  }
}
div.RelationshipDiagramRecordSourceTooltip---textTooltip {
  border-radius: 0 !important;
  border: none !important;
  background-color: #333 !important;
  font: 14px / 1.3 "Appian Open Sans", Sans-Serif !important;
  box-shadow: none !important;
  padding: 0.5714rem 0.6429rem !important;
  color: #eee !important;
  z-index: 2000021 !important;
  max-width: 300px !important;
  white-space: normal !important;
}
.RelationshipDiagramRecordSourceTooltip---recordSourceTooltip {
  max-width: -webkit-max-content !important;
  max-width: -moz-max-content !important;
  max-width: max-content !important;
  height: 50px !important;
  border-radius: 4px !important;
  border: 1px solid #d5d5d5 !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  background-color: #fff !important;
  color: #222 !important;
  padding-right: 50px !important;
}
.RelationshipDiagramRecordSourceTooltip---recordSourceTooltip.RelationshipDiagramRecordSourceTooltip---inDarkBackground {
  background-color: var(--appian-pop-up-menu-color, #fff) !important;
  color: var(--appian-text-color, #222) !important;
  border-color: var(--appian-input-border-color, #d5d5d5) !important;
}
.RelationshipDiagramRecordSourceTooltip---accent {
  width: 5px !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 4px 0px 0px 4px !important;
}
.RelationshipDiagramRecordSourceTooltip---accent.RelationshipDiagramRecordSourceTooltip---database {
  background-color: #e66f00 !important;
}
.RelationshipDiagramRecordSourceTooltip---accent.RelationshipDiagramRecordSourceTooltip---transformation {
  background-color: #e66f00 !important;
}
.RelationshipDiagramRecordSourceTooltip---accent.RelationshipDiagramRecordSourceTooltip---webservice {
  background-color: #9d4de3 !important;
}
.RelationshipDiagramRecordSourceTooltip---accent.RelationshipDiagramRecordSourceTooltip---user {
  background-color: #dc3457 !important;
}
.RelationshipDiagramRecordSourceTooltip---inDarkBackground .RelationshipDiagramRecordSourceTooltip---accent.RelationshipDiagramRecordSourceTooltip---database,
.RelationshipDiagramRecordSourceTooltip---inDarkBackground .RelationshipDiagramRecordSourceTooltip---accent.RelationshipDiagramRecordSourceTooltip---transformation {
  background-color: #1d659c !important;
}
.RelationshipDiagramRecordSourceTooltip---inDarkBackground .RelationshipDiagramRecordSourceTooltip---accent.RelationshipDiagramRecordSourceTooltip---webservice {
  background-color: #bd99ff !important;
}
.RelationshipDiagramRecordSourceTooltip---inDarkBackground .RelationshipDiagramRecordSourceTooltip---accent.RelationshipDiagramRecordSourceTooltip---user {
  background-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.RelationshipDiagramRecordSourceTooltip---content {
  font-size: 12px !important;
  -webkit-box-flex: 97% !important;
  -webkit-flex: 97% !important;
          flex: 97% !important;
}
.RelationshipDiagramRecordSourceTooltip---bold {
  font-weight: 700 !important;
  padding-top: 1px !important;
}
.RelationshipDiagramRecordSourceTooltip---grey {
  padding-bottom: 1px !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
}
.RelationshipDiagramRecordSourceTooltip---image {
  height: 36px !important;
  width: 36px !important;
  margin-left: 10px !important;
  margin-right: 7px !important;
}
.RelationshipDiagramRecordSourceTooltip---tooltipIcon {
  height: 36px !important;
  width: 36px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.RemoteDesignObjectCustomCreateContent---rdo_iframe {
  width: 100% !important;
  border: none !important;
  overflow: auto !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
}
.RemoteDesignObjectCustomCreateContent---hidden {
  display: none !important;
}
.RemoteDesignObjectCustomCreateContent---rdo_container {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.RemoteDesignObjectCustomCreateContent---rdo_container.RemoteDesignObjectCustomCreateContent---height_short {
  height: 338px !important;
}
.RemoteDesignObjectCustomCreateContent---rdo_container.RemoteDesignObjectCustomCreateContent---height_medium {
  height: 478px !important;
}
.RemoteDesignObjectCustomCreateContent---rdo_container.RemoteDesignObjectCustomCreateContent---height_tall {
  height: 638px !important;
}
.RemoteDesignObjectCustomCreateContent---rdo_container.RemoteDesignObjectCustomCreateContent---height_extra_tall {
  height: 668px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
body.RemoteDesignObjectInterface---has_modal {
  overflow: hidden !important;
}
.RemoteDesignObjectInterface---modal_backdrop {
  background-color: rgba(0, 0, 0, 0.4) !important;
  position: fixed !important;
  z-index: 2000019 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}
.RemoteDesignObjectInterface---modal_backdrop.RemoteDesignObjectInterface---high_priority_z_index {
  z-index: 2000028 !important;
}
.RemoteDesignObjectInterface---modal_dialog {
  background-color: var(--appian-modal-background-color, #fff) !important;
  border: 1px solid var(--appian-choice-border-color, #bbb) !important;
  z-index: 2000022 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: auto !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  max-width: 98% !important;
  max-height: 98% !important;
  overflow-y: auto !important;
}
.RemoteDesignObjectInterface---modal_dialog:focus {
  outline: none !important;
}
.RemoteDesignObjectInterface---modal_dialog.RemoteDesignObjectInterface---width_fit {
  width: 96% !important;
}
.RemoteDesignObjectInterface---modal_dialog.RemoteDesignObjectInterface---width_narrow {
  width: 480px !important;
}
.RemoteDesignObjectInterface---modal_dialog.RemoteDesignObjectInterface---width_medium {
  width: 720px !important;
}
.RemoteDesignObjectInterface---modal_dialog.RemoteDesignObjectInterface---width_medium_plus {
  width: 960px !important;
}
.RemoteDesignObjectInterface---modal_dialog.RemoteDesignObjectInterface---width_wide {
  width: 1200px !important;
}
.RemoteDesignObjectInterface---modal_dialog.RemoteDesignObjectInterface---width_extra_wide {
  width: 98% !important;
  max-width: 2000px !important;
}
.RemoteDesignObjectInterface---modal_dialog.RemoteDesignObjectInterface---height_fit {
  height: 94% !important;
}
.RemoteDesignObjectInterface---modal_dialog.RemoteDesignObjectInterface---height_short {
  height: 340px !important;
}
.RemoteDesignObjectInterface---modal_dialog.RemoteDesignObjectInterface---height_medium {
  height: 480px !important;
}
.RemoteDesignObjectInterface---modal_dialog.RemoteDesignObjectInterface---height_tall {
  height: 640px !important;
}
.RemoteDesignObjectInterface---modal_dialog.RemoteDesignObjectInterface---height_extra_tall {
  height: 670px !important;
}
.RemoteDesignObjectInterface---modal_dialog.RemoteDesignObjectInterface---height_auto {
  margin-top: 0 !important;
  top: 90px !important;
  max-height: calc(100% - 110px) !important;
}
@media print {
  .RemoteDesignObjectInterface---modal_backdrop {
    display: none !important;
  }
}
.RemoteDesignObjectInterface---rdo_iframe {
  width: 100% !important;
  border: none !important;
  overflow: auto !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
}
.RemoteDesignObjectInterface---rdo_hidden_form {
  display: none !important;
}
.RemoteDesignObjectInterface---rdo_container {
  height: 100% !important;
  width: 100% !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.RemoteDesignObjectInterface---centered {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
}

.RemoteSmartServiceCustomSetupContent---rs2_iframe {
  /* Note - This height is derived from values set in designer.css
   *        and process modeler JavaScript code
   *
   * As this component is rendered using an embedded SAIL
   * element in the process modeler, the class "sailDialogSection" is
   * applied. This class applies a 10px margin around the content.
   *
   * Therefore, the height of the RS2 iframe should be calc(100% - 10px * 2)
   */
  height: calc(100% - 20px) !important;
  width: 100% !important;
  border: none !important;
  overflow: auto !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
}
.RemoteSmartServiceCustomSetupContent---hidden {
  display: none !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* these styles match rich text link styles defined in LinkedItem.less */
.RichTextDisplayWidget---inMessageLayout a.RichTextDisplayWidget---inStrongText {
  font-weight: 700 !important;
}
.RichTextDisplayWidget---inMessageLayout a.RichTextDisplayWidget---inEmphasisText {
  font-style: italic !important;
}
/* end of matching styles */
.RichTextDisplayWidget---inMessageLayout a,
.RichTextDisplayWidget---inMessageLayout a:hover,
.RichTextDisplayWidget---inMessageLayout a:focus:not(.RichTextDisplayWidget---appian-context-ux-mouse-focus) {
  color: #1d659c !important;
  border-color: #1d659c !important;
}
.RichTextDisplayWidget---inMessageLayout.RichTextDisplayWidget---standard,
.RichTextDisplayWidget---inMessageLayout.RichTextDisplayWidget---info,
.RichTextDisplayWidget---inMessageLayout.RichTextDisplayWidget---warn,
.RichTextDisplayWidget---inMessageLayout.RichTextDisplayWidget---success {
  color: var(--appian-text-color, #222) !important;
}
.RichTextDisplayWidget---inMessageLayout.RichTextDisplayWidget---error:not(.RichTextDisplayWidget---inDarkBackground) {
  color: #de0037 !important;
}
p.RichTextDisplayWidget---label_tooltip {
  white-space: pre-wrap !important;
}

/* AN-79558: For some reason, the quoted font families are not processed the same way in LESS when they're used inside a
  detached ruleset (@shared-input-styles, here), and our theming extractor ends up not picking them. Moving the font-family
  declaration out of it addresses this. */
.RichTextEditorWidget---text,
.RichTextEditorWidget---password,
.RichTextEditorWidget---textarea,
.RichTextEditorWidget---textarea_print,
.RichTextEditorWidget---dropdown_value,
.RichTextEditorWidget---picker_value,
.RichTextEditorWidget---date_range_value {
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
}
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.RichTextEditorWidget---align_start {
  text-align: left !important;
}
.RichTextEditorWidget---align_end {
  text-align: right !important;
}
.RichTextEditorWidget---center {
  text-align: center !important;
}
.RichTextEditorWidget---text::-ms-clear,
.RichTextEditorWidget---picker_input::-ms-clear {
  display: none !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.RichTextEditorWidget---text::-webkit-input-placeholder,
.RichTextEditorWidget---password::-webkit-input-placeholder,
.RichTextEditorWidget---picker_input::-webkit-input-placeholder,
.RichTextEditorWidget---dropdown_value::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-style: italic !important;
  font-weight: 400 !important;
}
.RichTextEditorWidget---text::-moz-placeholder,
.RichTextEditorWidget---password::-moz-placeholder,
.RichTextEditorWidget---picker_input::-moz-placeholder,
.RichTextEditorWidget---dropdown_value::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.RichTextEditorWidget---text:-ms-input-placeholder,
.RichTextEditorWidget---password:-ms-input-placeholder,
.RichTextEditorWidget---picker_input:-ms-input-placeholder,
.RichTextEditorWidget---dropdown_value:-ms-input-placeholder,
.RichTextEditorWidget---dropdown_value:disabled:-ms-input-placeholder,
.RichTextEditorWidget---text:disabled:-ms-input-placeholder,
.RichTextEditorWidget---password:disabled:-ms-input-placeholder,
.RichTextEditorWidget---picker_input:disabled:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.RichTextEditorWidget---textarea_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.RichTextEditorWidget---text.RichTextEditorWidget---has_clear_link,
.RichTextEditorWidget---password.RichTextEditorWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.RichTextEditorWidget---text,
.RichTextEditorWidget---password,
.RichTextEditorWidget---textarea,
.RichTextEditorWidget---textarea_print,
.RichTextEditorWidget---dropdown_value,
.RichTextEditorWidget---picker_value,
.RichTextEditorWidget---date_range_value,
.RichTextEditorWidget---date_picker2__control {
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  /* needs extra decimals for correct alignment in some browsers */
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  width: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
}
.RichTextEditorWidget---text.RichTextEditorWidget---inDarkBackground,
.RichTextEditorWidget---password.RichTextEditorWidget---inDarkBackground,
.RichTextEditorWidget---textarea.RichTextEditorWidget---inDarkBackground,
.RichTextEditorWidget---textarea_print.RichTextEditorWidget---inDarkBackground,
.RichTextEditorWidget---dropdown_value.RichTextEditorWidget---inDarkBackground,
.RichTextEditorWidget---picker_value.RichTextEditorWidget---inDarkBackground,
.RichTextEditorWidget---date_range_value.RichTextEditorWidget---inDarkBackground,
.RichTextEditorWidget---date_picker2__control.RichTextEditorWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.RichTextEditorWidget---dropdown,
.RichTextEditorWidget---picker {
  position: relative !important;
  font-size: 1rem !important;
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}
.RichTextEditorWidget---dropdown_value,
.RichTextEditorWidget---picker_value {
  min-height: 2.4286rem !important;
}
.appian-context-browser-safari .RichTextEditorWidget---text,
.appian-context-browser-safari .RichTextEditorWidget---textarea {
  margin: 0 !important;
  /* needed to prevent 2px margin-top & margin-bottom on Safari */
}
.appian-context-os-ios .RichTextEditorWidget---text,
.appian-context-os-ios .RichTextEditorWidget---password,
.appian-context-os-ios .RichTextEditorWidget---textarea,
.appian-context-os-ios .RichTextEditorWidget---textarea_print,
.appian-context-os-ios .RichTextEditorWidget---dropdown_value,
.appian-context-os-ios .RichTextEditorWidget---picker_value {
  font-family: -apple-system !important;
}
.appian-context-os-android .RichTextEditorWidget---text,
.appian-context-os-android .RichTextEditorWidget---password,
.appian-context-os-android .RichTextEditorWidget---textarea,
.appian-context-os-android .RichTextEditorWidget---textarea_print,
.appian-context-os-android .RichTextEditorWidget---dropdown_value,
.appian-context-os-android .RichTextEditorWidget---picker_value {
  font-family: "Roboto" !important;
}
.RichTextEditorWidget---text.RichTextEditorWidget---width_narrow,
.RichTextEditorWidget---password.RichTextEditorWidget---width_narrow,
.RichTextEditorWidget---textarea.RichTextEditorWidget---width_narrow,
.RichTextEditorWidget---textarea_print.RichTextEditorWidget---width_narrow,
.RichTextEditorWidget---dropdown.RichTextEditorWidget---width_narrow,
.RichTextEditorWidget---picker.RichTextEditorWidget---width_narrow {
  max-width: 160px !important;
}
.RichTextEditorWidget---text.RichTextEditorWidget---width_medium,
.RichTextEditorWidget---password.RichTextEditorWidget---width_medium,
.RichTextEditorWidget---textarea.RichTextEditorWidget---width_medium,
.RichTextEditorWidget---textarea_print.RichTextEditorWidget---width_medium,
.RichTextEditorWidget---dropdown.RichTextEditorWidget---width_medium,
.RichTextEditorWidget---picker.RichTextEditorWidget---width_medium {
  max-width: 320px !important;
}
.RichTextEditorWidget---text:focus,
.RichTextEditorWidget---password:focus,
.RichTextEditorWidget---textarea:focus,
.RichTextEditorWidget---dropdown_value:focus,
.RichTextEditorWidget---dropdown_value.RichTextEditorWidget---focus,
.RichTextEditorWidget---picker_value:focus,
.RichTextEditorWidget---picker_value.RichTextEditorWidget---focus,
.RichTextEditorWidget---date_picker2__control.RichTextEditorWidget---date_picker2__control--is-focused {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.RichTextEditorWidget---text:disabled,
.RichTextEditorWidget---password:disabled,
.RichTextEditorWidget---textarea:disabled,
.RichTextEditorWidget---textarea.RichTextEditorWidget---is_disabled,
.RichTextEditorWidget---dropdown_value.RichTextEditorWidget---is_disabled,
.RichTextEditorWidget---picker_value.RichTextEditorWidget---is_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  /* needed to prevent dropdown & picker from getting focus styling on click on IE */
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.RichTextEditorWidget---text:disabled,
.RichTextEditorWidget---password:disabled,
.RichTextEditorWidget---textarea:disabled,
.RichTextEditorWidget---textarea.RichTextEditorWidget---is_disabled,
.RichTextEditorWidget---dropdown_value.RichTextEditorWidget---is_disabled:after,
.RichTextEditorWidget---dropdown_value.RichTextEditorWidget---is_disabled:not(.RichTextEditorWidget---placeholder) {
  color: var(--appian-disabled-text-color, #777) !important;
  -webkit-text-fill-color: var(--appian-disabled-text-color, #777) !important;
  /* needed so disabled text color is correct in Safari */
}
.RichTextEditorWidget---picker_value.RichTextEditorWidget---is_disabled {
  cursor: default !important;
  /* needed to prevent text cursor */
}
.RichTextEditorWidget---text[aria-invalid="true"]:not(.RichTextEditorWidget---inEditableGridLayout),
.RichTextEditorWidget---password[aria-invalid="true"]:not(.RichTextEditorWidget---inEditableGridLayout),
.RichTextEditorWidget---textarea[aria-invalid="true"]:not(.RichTextEditorWidget---inEditableGridLayout),
.RichTextEditorWidget---dropdown_value[aria-invalid="true"]:not(.RichTextEditorWidget---inEditableGridLayout),
.RichTextEditorWidget---picker_value.RichTextEditorWidget---invalid:not(.RichTextEditorWidget---inEditableGridLayout) {
  border-color: #de0037 !important;
}
.RichTextEditorWidget---text[aria-invalid="true"]:not(.RichTextEditorWidget---inEditableGridLayout).RichTextEditorWidget---inDarkBackground,
.RichTextEditorWidget---password[aria-invalid="true"]:not(.RichTextEditorWidget---inEditableGridLayout).RichTextEditorWidget---inDarkBackground,
.RichTextEditorWidget---textarea[aria-invalid="true"]:not(.RichTextEditorWidget---inEditableGridLayout).RichTextEditorWidget---inDarkBackground,
.RichTextEditorWidget---dropdown_value[aria-invalid="true"]:not(.RichTextEditorWidget---inEditableGridLayout).RichTextEditorWidget---inDarkBackground,
.RichTextEditorWidget---picker_value.RichTextEditorWidget---invalid:not(.RichTextEditorWidget---inEditableGridLayout).RichTextEditorWidget---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.RichTextEditorWidget---text[aria-invalid="true"]:not(.RichTextEditorWidget---inEditableGridLayout):focus,
.RichTextEditorWidget---password[aria-invalid="true"]:not(.RichTextEditorWidget---inEditableGridLayout):focus,
.RichTextEditorWidget---textarea[aria-invalid="true"]:not(.RichTextEditorWidget---inEditableGridLayout):focus,
.RichTextEditorWidget---dropdown_value[aria-invalid="true"]:not(.RichTextEditorWidget---inEditableGridLayout):focus,
.RichTextEditorWidget---picker_value.RichTextEditorWidget---invalid:not(.RichTextEditorWidget---inEditableGridLayout):focus,
.RichTextEditorWidget---picker_value.RichTextEditorWidget---invalid:not(.RichTextEditorWidget---inEditableGridLayout).RichTextEditorWidget---focus {
  border-color: #1d659c !important;
}
.RichTextEditorWidget---picker_value.RichTextEditorWidget---invalid:not(.RichTextEditorWidget---inEditableGridLayout),
.RichTextEditorWidget---picker_value.RichTextEditorWidget---invalid:not(.RichTextEditorWidget---inEditableGridLayout):focus,
.RichTextEditorWidget---picker_value.RichTextEditorWidget---invalid:not(.RichTextEditorWidget---inEditableGridLayout).RichTextEditorWidget---focus {
  z-index: 2 !important;
}
.RichTextEditorWidget---text[aria-invalid="true"].RichTextEditorWidget---inEditableGridLayout.RichTextEditorWidget---inSideBySideItem,
.RichTextEditorWidget---text[aria-invalid="true"].RichTextEditorWidget---inEditableGridLayout.RichTextEditorWidget---inSideBySideItem:focus,
.RichTextEditorWidget---password[aria-invalid="true"].RichTextEditorWidget---inEditableGridLayout.RichTextEditorWidget---inSideBySideItem,
.RichTextEditorWidget---password[aria-invalid="true"].RichTextEditorWidget---inEditableGridLayout.RichTextEditorWidget---inSideBySideItem:focus,
.RichTextEditorWidget---dropdown_value[aria-invalid="true"].RichTextEditorWidget---inEditableGridLayout.RichTextEditorWidget---inSideBySideItem,
.RichTextEditorWidget---dropdown_value[aria-invalid="true"].RichTextEditorWidget---inEditableGridLayout.RichTextEditorWidget---inSideBySideItem:focus,
.RichTextEditorWidget---picker_value.RichTextEditorWidget---invalid.RichTextEditorWidget---inEditableGridLayout.RichTextEditorWidget---inSideBySideItem,
.RichTextEditorWidget---picker_value.RichTextEditorWidget---invalid.RichTextEditorWidget---inEditableGridLayout.RichTextEditorWidget---inSideBySideItem:focus,
.RichTextEditorWidget---picker_value.RichTextEditorWidget---invalid.RichTextEditorWidget---inEditableGridLayout.RichTextEditorWidget---inSideBySideItem.RichTextEditorWidget---focus {
  border: 1px solid transparent !important;
}
.RichTextEditorWidget---invalidInSideBySide,
.RichTextEditorWidget---invalidInSideBySide:focus {
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.RichTextEditorWidget---invalidInSideBySide.RichTextEditorWidget---inDarkBackground,
.RichTextEditorWidget---invalidInSideBySide:focus.RichTextEditorWidget---inDarkBackground {
  border-left-color: var(--appian-input-border-color, #ddd) !important;
  border-right-color: var(--appian-input-border-color, #ddd) !important;
}
.RichTextEditorWidget---textarea[aria-invalid="true"].RichTextEditorWidget---inEditableGridLayout.RichTextEditorWidget---inSideBySideItem,
.RichTextEditorWidget---textarea[aria-invalid="true"].RichTextEditorWidget---inEditableGridLayout.RichTextEditorWidget---inSideBySideItem:focus {
  border-color: #de0037 !important;
}
.RichTextEditorWidget---textarea[aria-invalid="true"].RichTextEditorWidget---inEditableGridLayout.RichTextEditorWidget---inSideBySideItem.RichTextEditorWidget---inDarkBackground,
.RichTextEditorWidget---textarea[aria-invalid="true"].RichTextEditorWidget---inEditableGridLayout.RichTextEditorWidget---inSideBySideItem.RichTextEditorWidget---inDarkBackground:focus {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.RichTextEditorWidget---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.RichTextEditorWidget---show_data_icon .RichTextEditorWidget---text,
.RichTextEditorWidget---show_data_icon .RichTextEditorWidget---password,
.RichTextEditorWidget---show_data_icon .RichTextEditorWidget---textarea,
.RichTextEditorWidget---show_data_icon .RichTextEditorWidget---dropdown_value {
  padding-left: 1.7857rem !important;
}
.RichTextEditorWidget---text.RichTextEditorWidget---has_clear_link,
.RichTextEditorWidget---password.RichTextEditorWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.RichTextEditorWidget---character_count {
  position: absolute !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 300 !important;
  right: 0 !important;
  bottom: 0 !important;
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  pointer-events: none !important;
}
.RichTextEditorWidget---character_count.RichTextEditorWidget---over_limit:not(.RichTextEditorWidget---inDarkBackground) {
  color: #de0037 !important;
  fill: #de0037 !important;
}
.RichTextEditorWidget---character_count.RichTextEditorWidget---over_limit.RichTextEditorWidget---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.RichTextEditorWidget---character_count .RichTextEditorWidget---icon_container {
  outline: none !important;
  margin-right: 3px !important;
  margin-bottom: -2px !important;
}
.RichTextEditorWidget---character_count .RichTextEditorWidget---icon_container > svg {
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
.RichTextEditorWidget---character_count_overlay {
  background-color: var(--appian-input-background-color-faded, #fffd) !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 0.7143rem 0.5714rem 0 !important;
  z-index: 3 !important;
}
.appian-context-os-windows .RichTextEditorWidget---character_count_overlay {
  margin: 0 1.2857rem 0.5714rem 0 !important;
}
.RichTextEditorWidget---textarea:disabled + .RichTextEditorWidget---character_count_overlay,
.RichTextEditorWidget---character_count_overlay_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.RichTextEditorWidget---data_icon {
  position: absolute !important;
  top: 0.7143rem !important;
  left: 0.5714rem !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  fill: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
a.RichTextEditorWidget---input_clear_link {
  border: none !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.RichTextEditorWidget---input_icon_wrapper > a.RichTextEditorWidget---input_clear_link {
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.9286rem !important;
}
.appian-context-browser-edge .RichTextEditorWidget---input_icon_wrapper > a.RichTextEditorWidget---input_clear_link {
  top: 0.5rem !important;
}
.RichTextEditorWidget---dropdown_value a.RichTextEditorWidget---input_clear_link {
  position: absolute !important;
  right: 1.4286rem !important;
  top: 0.5714rem !important;
}
.appian-context-os-mac.appian-context-browser-chrome .RichTextEditorWidget---dropdown_value a.RichTextEditorWidget---input_clear_link {
  top: 0.5rem !important;
}
a.RichTextEditorWidget---input_clear_link:hover,
a.RichTextEditorWidget---input_clear_link:focus:not([data-appian-ux-mouse-focus]) {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.RichTextEditorWidget---dropdown .RichTextEditorWidget---dropdown_value.RichTextEditorWidget---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.RichTextEditorWidget---dropdown_value.RichTextEditorWidget---has_inline_label span.RichTextEditorWidget---inline_label,
.RichTextEditorWidget---date_range_value.RichTextEditorWidget---has_inline_label span.RichTextEditorWidget---inline_label {
  display: inline-block !important;
  max-width: 70% !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.7857rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.1429rem !important;
  vertical-align: -0.2143rem !important;
  margin-right: 0.5rem !important;
  padding-right: 0.5rem !important;
  border-right: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.RichTextEditorWidget---dropdown_value.RichTextEditorWidget---has_inline_label.RichTextEditorWidget---inDarkBackground span.RichTextEditorWidget---inline_label,
.RichTextEditorWidget---date_range_value.RichTextEditorWidget---has_inline_label.RichTextEditorWidget---inDarkBackground span.RichTextEditorWidget---inline_label {
  border-right-color: var(--appian-choice-border-color, #bbb) !important;
}
.appian-context-browser-safari .RichTextEditorWidget---dropdown_value.RichTextEditorWidget---has_inline_label span.RichTextEditorWidget---inline_label,
.appian-context-browser-safari .RichTextEditorWidget---date_range_value.RichTextEditorWidget---has_inline_label span.RichTextEditorWidget---inline_label {
  vertical-align: inherit !important;
}
.RichTextEditorWidget---dropdown_value.RichTextEditorWidget---has_inline_label.RichTextEditorWidget---highlighted span.RichTextEditorWidget---value_display,
.RichTextEditorWidget---date_range_value.RichTextEditorWidget---has_inline_label.RichTextEditorWidget---highlighted span.RichTextEditorWidget---value_display {
  font-weight: 700 !important;
}
.RichTextEditorWidget---dropdown_value.RichTextEditorWidget---has_inline_label a.RichTextEditorWidget---input_clear_link,
.RichTextEditorWidget---date_range_value.RichTextEditorWidget---has_inline_label a.RichTextEditorWidget---input_clear_link {
  display: none !important;
  position: absolute !important;
  right: 1.5714rem !important;
  top: 0.5714rem !important;
}
.RichTextEditorWidget---dropdown_value.RichTextEditorWidget---has_inline_label.RichTextEditorWidget---highlighted a.RichTextEditorWidget---input_clear_link,
.RichTextEditorWidget---date_range_value.RichTextEditorWidget---has_inline_label.RichTextEditorWidget---highlighted a.RichTextEditorWidget---input_clear_link {
  display: inline-block !important;
}
.RichTextEditorWidget---date_range_value.RichTextEditorWidget---has_inline_label.RichTextEditorWidget---validation:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.RichTextEditorWidget---date_range_value.RichTextEditorWidget---has_inline_label.RichTextEditorWidget---validation:before {
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.RichTextEditorWidget---date_range_value.RichTextEditorWidget---has_inline_label.RichTextEditorWidget---validation.RichTextEditorWidget---inDarkBackground:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.RichTextEditorWidget---number_range_input.RichTextEditorWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.RichTextEditorWidget---date_range_value.RichTextEditorWidget---has_inline_label.RichTextEditorWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
}
.RichTextEditorWidget---date_range_value.RichTextEditorWidget---has_inline_label.RichTextEditorWidget---validation.RichTextEditorWidget---inDarkBackground:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.RichTextEditorWidget---number_range_input.RichTextEditorWidget---validation,
.RichTextEditorWidget---date_range_value.RichTextEditorWidget---has_inline_label.RichTextEditorWidget---validation {
  position: relative !important;
  border-color: transparent !important;
}
.RichTextEditorWidget---textarea {
  min-height: 8.2rem !important;
  padding-bottom: 0 !important;
  max-height: 40rem !important;
  resize: vertical !important;
  display: block !important;
  /* needed to prevent extra space from showing below paragraph (most obvious when in grid) */
}
.RichTextEditorWidget---textarea.RichTextEditorWidget---height_short {
  min-height: 4.1rem !important;
}
.RichTextEditorWidget---textarea.RichTextEditorWidget---height_medium {
  min-height: 8.2rem !important;
}
.RichTextEditorWidget---textarea.RichTextEditorWidget---height_tall {
  min-height: 15.5rem !important;
}
.RichTextEditorWidget---editor_input {
  overflow-y: auto !important;
  caret-color: #222 !important;
  /* don't update cursor color to match current text color */
}
.appian-context-browser-safari .RichTextEditorWidget---editor_input,
.appian-context-browser-edge .RichTextEditorWidget---editor_input,
.appian-context-browser-firefox .RichTextEditorWidget---editor_input {
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
}
.RichTextEditorWidget---editor_input.RichTextEditorWidget---has_focus {
  border-color: #1d659c !important;
  outline: none !important;
}
.RichTextEditorWidget---editor_placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.RichTextEditorWidget---editor_input p {
  font-size: 1rem !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  color: var(--appian-text-color, #222) !important;
  text-align: left !important;
}
/*
 * In RTDT, each newline has its own p tag
 * top margin on h tags necessary to mimic the bottom margin on p tags in RTDF
*/
.RichTextEditorWidget---editor_input p + h3,
.RichTextEditorWidget---editor_input p + h4,
.RichTextEditorWidget---editor_input p + h5 {
  margin-top: 12px !important;
}
/* These sizes match the values in SizedText.less */
.RichTextEditorWidget---editor_input .RichTextEditorWidget---text_small {
  font-size: 0.8571rem !important;
}
.RichTextEditorWidget---editor_input .RichTextEditorWidget---text_medium {
  font-size: 1.214rem !important;
}
.RichTextEditorWidget---editor_input .RichTextEditorWidget---text_medium_plus {
  font-size: 1.7143rem !important;
  line-height: 1.3 !important;
}
.RichTextEditorWidget---editor_input .RichTextEditorWidget---text_standard {
  font-size: 1rem !important;
}
.RichTextEditorWidget---editor_input .RichTextEditorWidget---text_large {
  font-size: 2.2857rem !important;
  line-height: 1.2 !important;
}
.RichTextEditorWidget---editor_input .RichTextEditorWidget---text_large_plus {
  font-size: 3.7143rem !important;
  line-height: 1.15 !important;
}
.RichTextEditorWidget---editor_input .RichTextEditorWidget---text_extra_large {
  font-size: 5.1429rem !important;
  line-height: 1.1 !important;
}
.RichTextEditorWidget---editor_input .RichTextEditorWidget---color_accent {
  color: #1d659c !important;
}
.RichTextEditorWidget---editor_input .RichTextEditorWidget---color_positive {
  color: #1cc101 !important;
}
.RichTextEditorWidget---editor_input .RichTextEditorWidget---color_negative {
  color: #de0037 !important;
}
.RichTextEditorWidget---editor_input .RichTextEditorWidget---color_secondary {
  color: var(--appian-secondary-text-color, #767676) !important;
}
.RichTextEditorWidget---editor_input .RichTextEditorWidget---color_standard {
  color: var(--appian-text-color, #222) !important;
}
.RichTextEditorWidget---editor_input a {
  line-height: 1.4 !important;
  color: #1d659c !important;
  word-wrap: break-word !important;
  text-decoration: none !important;
}
.RichTextEditorWidget---editor_input a[data-linkstyle="INLINE"] {
  border-bottom: 1px dotted var(--appian-disabled-text-color, #777) !important;
}
.RichTextEditorWidget---editor_input a[data-linkstyle="STANDALONE"]:hover,
.RichTextEditorWidget---editor_input a[data-linkstyle="STANDALONE"]:focus:not(.appian-context-ux-mouse-focus) {
  text-decoration: underline !important;
}
.RichTextEditorWidget---editor_input em {
  font-style: italic !important;
  /* matches EmphasisText.less */
}
.RichTextEditorWidget---editor_input strong,
.RichTextEditorWidget---editor_input strong em {
  font-weight: 700 !important;
  /* matches StrongText.less */
}
/* header styles match HeaderText.less */
.RichTextEditorWidget---editor_input h3,
.RichTextEditorWidget---editor_input h4,
.RichTextEditorWidget---editor_input h5 {
  margin: 0 !important;
  word-wrap: break-word !important;
  white-space: pre-wrap !important;
}
.RichTextEditorWidget---editor_input h3,
.RichTextEditorWidget---editor_input h3 a {
  font-size: 2.14rem !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
}
.RichTextEditorWidget---editor_input h3 {
  padding: 0 0 0.62rem !important;
  /* prevent margin collapse */
  color: #1d659c !important;
}
.RichTextEditorWidget---editor_input h3:not(:first-of-type) {
  padding-top: 1.3rem !important;
}
.RichTextEditorWidget---editor_input h4,
.RichTextEditorWidget---editor_input h4 a {
  font-size: 1.5714rem !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
}
.RichTextEditorWidget---editor_input h4 {
  padding: 0 0 12px !important;
  color: var(--appian-subtle-text-color, #666) !important;
}
.RichTextEditorWidget---editor_input h5,
.RichTextEditorWidget---editor_input h5 a {
  font-size: 1.214rem !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}
.RichTextEditorWidget---editor_input h5 {
  padding: 0 0 6px !important;
  color: var(--appian-subtle-text-color, #666) !important;
}
.RichTextEditorWidget---editor_input h3:last-child,
.RichTextEditorWidget---editor_input h4:last-child,
.RichTextEditorWidget---editor_input h5:last-child {
  padding-bottom: 0 !important;
}
.RichTextEditorWidget---editor_input h3.RichTextEditorWidget---disabled {
  color: var(--appian-secondary-text-color, #767676) !important;
}
/* list styles match FormattedList.less */
.RichTextEditorWidget---editor_input {
  /* stylelint-disable-next-line prettier/prettier */
}
.RichTextEditorWidget---editor_input ol,
.RichTextEditorWidget---editor_input ul {
  font-size: 1rem !important;
  line-height: 1.4 !important;
  margin: 0 0 12px !important;
  color: var(--appian-text-color, #222) !important;
  padding: 0 !important;
}
.RichTextEditorWidget---editor_input ol:last-child,
.RichTextEditorWidget---editor_input ul:last-child {
  margin-bottom: 0 !important;
}
.RichTextEditorWidget---editor_input ol li,
.RichTextEditorWidget---editor_input ul li {
  word-wrap: break-word !important;
  white-space: pre-wrap !important;
  line-height: 1.4 !important;
}
.RichTextEditorWidget---editor_input ul {
  list-style-type: disc !important;
  list-style-position: outside !important;
  list-style-image: none !important;
  margin-left: 30px !important;
  padding: 0 !important;
}
.RichTextEditorWidget---editor_input ul ul {
  margin-left: 30px !important;
  margin-bottom: 0 !important;
  list-style-type: circle !important;
}
.RichTextEditorWidget---editor_input ul ul ul {
  list-style-type: square !important;
}
.RichTextEditorWidget---editor_input ul ul ul ul {
  list-style-type: disc !important;
}
.RichTextEditorWidget---editor_input ul ul ul ul ul {
  list-style-type: circle !important;
}
.RichTextEditorWidget---editor_input ul ul ul ul ul ul {
  list-style-type: square !important;
}
.RichTextEditorWidget---editor_input ul ol {
  margin-bottom: 0 !important;
}
.RichTextEditorWidget---editor_input ul > ol {
  margin-left: 30px !important;
}
.RichTextEditorWidget---editor_input ol {
  list-style-type: decimal !important;
  list-style-position: outside !important;
  list-style-image: none !important;
  margin-left: 30px !important;
  padding: 0 !important;
}
.RichTextEditorWidget---editor_input ol ol {
  margin-left: 30px !important;
  margin-bottom: 0 !important;
  list-style-type: lower-latin !important;
}
.RichTextEditorWidget---editor_input ol ol ol {
  list-style-type: lower-roman !important;
}
.RichTextEditorWidget---editor_input ol ol ol ol {
  list-style-type: decimal !important;
}
.RichTextEditorWidget---editor_input ol ol ol ol ol {
  list-style-type: lower-latin !important;
}
.RichTextEditorWidget---editor_input ol ol ol ol ol ol {
  list-style-type: lower-roman !important;
}
.RichTextEditorWidget---editor_input ol ol ol ol ol ol ol {
  list-style-type: decimal !important;
}
.RichTextEditorWidget---editor_input ol ol ol ol ol ol ol ol {
  list-style-type: lower-latin !important;
}
.RichTextEditorWidget---editor_input ol ol ol ol ol ol ol ol ol {
  list-style-type: lower-roman !important;
}
.RichTextEditorWidget---editor_input ol ol ol ol ol ol ol ol ol ol {
  list-style-type: decimal !important;
}
.RichTextEditorWidget---editor_input ol ul {
  margin-bottom: 0 !important;
}
.RichTextEditorWidget---editor_input img:not(.RichTextEditorWidget---icon_image) {
  max-width: 20px !important;
  max-height: 20px !important;
  margin-right: 3px !important;
  width: 20px !important;
  vertical-align: text-top !important;
  display: inline-block !important;
}
.RichTextEditorWidget---editor_input .RichTextEditorWidget---icon_image {
  height: 1em !important;
  width: 1em !important;
  vertical-align: -0.15em !important;
}
.RichTextEditorWidget---align_start .RichTextEditorWidget---editor_input,
.RichTextEditorWidget---align_start .RichTextEditorWidget---editor_input :not(li) {
  text-align: left !important;
}
.RichTextEditorWidget---align_center .RichTextEditorWidget---editor_input,
.RichTextEditorWidget---align_center .RichTextEditorWidget---editor_input :not(li) {
  text-align: center !important;
}
.RichTextEditorWidget---align_end .RichTextEditorWidget---editor_input,
.RichTextEditorWidget---align_end .RichTextEditorWidget---editor_input :not(li) {
  text-align: right !important;
}
.RichTextEditorWidget---align_end .RichTextEditorWidget---editor_input ol li *,
.RichTextEditorWidget---align_end .RichTextEditorWidget---editor_input ul li *,
.RichTextEditorWidget---align_center .RichTextEditorWidget---editor_input ol li *,
.RichTextEditorWidget---align_center .RichTextEditorWidget---editor_input ul li * {
  text-align: left !important;
}
.RichTextEditorWidget---editor_toolbar {
  font-size: 0 !important;
  margin-bottom: 2px !important;
}
.RichTextEditorWidget---editor_toolbar .RichTextEditorWidget---toolbar_btn_wrapper {
  display: inline-block !important;
  vertical-align: middle !important;
}
.RichTextEditorWidget---editor_toolbar .RichTextEditorWidget---toolbar_btn_wrapper:not(:last-child) {
  margin-right: 3px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.RichTextEditorWidget_RICH_TEXT_DESIGN_TIME---editor_toolbar {
  font-size: 0 !important;
  margin-bottom: 0 !important;
  border-top: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  background: #fff !important;
  padding: 3px !important;
}
.RichTextEditorWidget_RICH_TEXT_DESIGN_TIME---editor_toolbar .RichTextEditorWidget_RICH_TEXT_DESIGN_TIME---toolbar_btn_wrapper {
  display: inline-block !important;
  vertical-align: middle !important;
}
.RichTextEditorWidget_RICH_TEXT_DESIGN_TIME---editor_toolbar .RichTextEditorWidget_RICH_TEXT_DESIGN_TIME---toolbar_btn_wrapper:not(:last-child) {
  margin-right: 0 !important;
}

.RichTextEditorDialogButton---toolbar_btn {
  display: inline-block !important;
  position: relative !important;
  /* needed to prevent extra dotted outline (only observed for color button on Firefox) */
}
.RichTextEditorDialogButton---toolbar_btn:focus {
  border: none !important;
  outline: none !important;
}
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.RichTextEditorDialogButton---rich_text_editor_dialog {
  z-index: 2000020 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.RichTextEditorDropdown---tether_dropdown {
  z-index: 2000020 !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.RichTextLinkDialog---btn {
  padding: 0 0.7143rem !important;
}
/* AN-79558: For some reason, the quoted font families are not processed the same way in LESS when they're used inside a
  detached ruleset (@shared-input-styles, here), and our theming extractor ends up not picking them. Moving the font-family
  declaration out of it addresses this. */
.RichTextLinkDialog---text,
.RichTextLinkDialog---password,
.RichTextLinkDialog---textarea,
.RichTextLinkDialog---textarea_print,
.RichTextLinkDialog---dropdown_value,
.RichTextLinkDialog---picker_value,
.RichTextLinkDialog---date_range_value {
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
}
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.RichTextLinkDialog---btn {
  cursor: pointer !important;
  text-transform: var(--appian-button-text-transform, uppercase) !important;
  text-align: center !important;
  font-family: inherit !important;
  color: #1d659c !important;
  fill: #1d659c !important;
  font-size: 1rem !important;
  /* height and width of svg icon in standard button should match this value */
  line-height: 1.4 !important;
  /* needed for correct vertical alignment of text on Tempo */
  font-weight: 600 !important;
  height: 2.7143rem !important;
  vertical-align: middle !important;
  margin: 1px 0 !important;
  /* 0 margin left/right needed for correct spacing on Safari */
  max-width: 28em !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  background-color: #fff !important;
  border: 1px solid #1d659c !important;
  border-radius: 0rem !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-transition-duration: 0.2s !important;
  transition-duration: 0.2s !important;
  -webkit-transition-property: -webkit-transform !important;
  transition-property: -webkit-transform !important;
  transition-property: transform !important;
  transition-property: transform, -webkit-transform !important;
  -webkit-font-smoothing: antialiased !important;
  /* Safari-only: smooth transform */
}
.RichTextLinkDialog---btn.RichTextLinkDialog---match_input_shape {
  border-radius: 0rem !important;
}
.RichTextLinkDialog---btn.RichTextLinkDialog---inAccentBackground {
  color: #fff !important;
  fill: #fff !important;
  background-color: #1d659c !important;
  border: 1px solid #fff !important;
}
.RichTextLinkDialog---btn:not(.RichTextLinkDialog---minimize_width):not(.RichTextLinkDialog---fill_width):not(.RichTextLinkDialog---icon_only) {
  /* FILL buttons always take up full width. MINIMIZE never take up full width.
      On a phone-sized browser:
      DEFAULT buttons take up full width. Icon-only DEFAULT buttons do not take up full width.
      DEFAULT icon-only buttons stack. MINIMIZE icon-only buttons do not stack. */
}
.appian-context-ux-page-size-phone .RichTextLinkDialog---btn:not(.RichTextLinkDialog---minimize_width):not(.RichTextLinkDialog---fill_width):not(.RichTextLinkDialog---icon_only) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
.RichTextLinkDialog---btn:disabled {
  -webkit-transform: none !important;
          transform: none !important;
  opacity: 0.5 !important;
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  cursor: default !important;
  box-shadow: none !important;
}
.RichTextLinkDialog---btn.RichTextLinkDialog---inAccentBackground:disabled {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
}
.RichTextLinkDialog---btn:not(:disabled):active,
.RichTextLinkDialog---btn:not(:disabled):hover {
  box-shadow: 0 0px 5px #2173b2 !important;
}
.RichTextLinkDialog---btn.RichTextLinkDialog---inAccentBackground:not(:disabled):active,
.RichTextLinkDialog---btn.RichTextLinkDialog---inAccentBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #fff !important;
}
:not(.RichTextLinkDialog---accent):not(.RichTextLinkDialog---secondary):not(.RichTextLinkDialog---negative):not(.RichTextLinkDialog---hex) .RichTextLinkDialog---btn.RichTextLinkDialog---link_style.RichTextLinkDialog---inDarkBackground:not(:disabled):active,
:not(.RichTextLinkDialog---accent):not(.RichTextLinkDialog---secondary):not(.RichTextLinkDialog---negative):not(.RichTextLinkDialog---hex) .RichTextLinkDialog---btn.RichTextLinkDialog---link_style.RichTextLinkDialog---inDarkBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #eee !important;
}
.RichTextLinkDialog---btn:not(:disabled):active {
  -webkit-transform: scaleX(0.98) scaleY(0.98) !important;
  transform: scaleX(0.98) scaleY(0.98) !important;
}
.RichTextLinkDialog---btn.RichTextLinkDialog---inGridLayout {
  max-width: 100% !important;
}
.RichTextLinkDialog---btn.RichTextLinkDialog---inToolbarLayout.RichTextLinkDialog---icon_only {
  height: 1.5714rem !important;
  margin: 0 !important;
  color: #666 !important;
  fill: #666 !important;
  border-color: transparent !important;
  background-color: transparent !important;
}
.RichTextLinkDialog---btn.RichTextLinkDialog---inToolbarLayout.RichTextLinkDialog---icon_only {
  padding: 2px 6px !important;
}
.RichTextLinkDialog---btn.RichTextLinkDialog---inToolbarLayout:not(:disabled):active,
.RichTextLinkDialog---btn.RichTextLinkDialog---inToolbarLayout:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.RichTextLinkDialog---btn.RichTextLinkDialog---inToolbarLayout:not(:disabled):hover {
  box-shadow: 0 0px 4px var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-color: #bbb !important;
}
.RichTextLinkDialog---btn.RichTextLinkDialog---inToolbarLayout svg.RichTextLinkDialog---icon {
  vertical-align: 0 !important;
}
.RichTextLinkDialog---align_start {
  text-align: left !important;
}
.RichTextLinkDialog---align_end {
  text-align: right !important;
}
.RichTextLinkDialog---center {
  text-align: center !important;
}
.RichTextLinkDialog---text::-ms-clear,
.RichTextLinkDialog---picker_input::-ms-clear {
  display: none !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.RichTextLinkDialog---text::-webkit-input-placeholder,
.RichTextLinkDialog---password::-webkit-input-placeholder,
.RichTextLinkDialog---picker_input::-webkit-input-placeholder,
.RichTextLinkDialog---dropdown_value::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-style: italic !important;
  font-weight: 400 !important;
}
.RichTextLinkDialog---text::-moz-placeholder,
.RichTextLinkDialog---password::-moz-placeholder,
.RichTextLinkDialog---picker_input::-moz-placeholder,
.RichTextLinkDialog---dropdown_value::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.RichTextLinkDialog---text:-ms-input-placeholder,
.RichTextLinkDialog---password:-ms-input-placeholder,
.RichTextLinkDialog---picker_input:-ms-input-placeholder,
.RichTextLinkDialog---dropdown_value:-ms-input-placeholder,
.RichTextLinkDialog---dropdown_value:disabled:-ms-input-placeholder,
.RichTextLinkDialog---text:disabled:-ms-input-placeholder,
.RichTextLinkDialog---password:disabled:-ms-input-placeholder,
.RichTextLinkDialog---picker_input:disabled:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.RichTextLinkDialog---textarea_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.RichTextLinkDialog---text.RichTextLinkDialog---has_clear_link,
.RichTextLinkDialog---password.RichTextLinkDialog---has_clear_link {
  padding-right: 1.5714rem !important;
}
.RichTextLinkDialog---text,
.RichTextLinkDialog---password,
.RichTextLinkDialog---textarea,
.RichTextLinkDialog---textarea_print,
.RichTextLinkDialog---dropdown_value,
.RichTextLinkDialog---picker_value,
.RichTextLinkDialog---date_range_value,
.RichTextLinkDialog---date_picker2__control {
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  /* needs extra decimals for correct alignment in some browsers */
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  width: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
}
.RichTextLinkDialog---text.RichTextLinkDialog---inDarkBackground,
.RichTextLinkDialog---password.RichTextLinkDialog---inDarkBackground,
.RichTextLinkDialog---textarea.RichTextLinkDialog---inDarkBackground,
.RichTextLinkDialog---textarea_print.RichTextLinkDialog---inDarkBackground,
.RichTextLinkDialog---dropdown_value.RichTextLinkDialog---inDarkBackground,
.RichTextLinkDialog---picker_value.RichTextLinkDialog---inDarkBackground,
.RichTextLinkDialog---date_range_value.RichTextLinkDialog---inDarkBackground,
.RichTextLinkDialog---date_picker2__control.RichTextLinkDialog---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.RichTextLinkDialog---dropdown,
.RichTextLinkDialog---picker {
  position: relative !important;
  font-size: 1rem !important;
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}
.RichTextLinkDialog---dropdown_value,
.RichTextLinkDialog---picker_value {
  min-height: 2.4286rem !important;
}
.appian-context-browser-safari .RichTextLinkDialog---text,
.appian-context-browser-safari .RichTextLinkDialog---textarea {
  margin: 0 !important;
  /* needed to prevent 2px margin-top & margin-bottom on Safari */
}
.appian-context-os-ios .RichTextLinkDialog---text,
.appian-context-os-ios .RichTextLinkDialog---password,
.appian-context-os-ios .RichTextLinkDialog---textarea,
.appian-context-os-ios .RichTextLinkDialog---textarea_print,
.appian-context-os-ios .RichTextLinkDialog---dropdown_value,
.appian-context-os-ios .RichTextLinkDialog---picker_value {
  font-family: -apple-system !important;
}
.appian-context-os-android .RichTextLinkDialog---text,
.appian-context-os-android .RichTextLinkDialog---password,
.appian-context-os-android .RichTextLinkDialog---textarea,
.appian-context-os-android .RichTextLinkDialog---textarea_print,
.appian-context-os-android .RichTextLinkDialog---dropdown_value,
.appian-context-os-android .RichTextLinkDialog---picker_value {
  font-family: "Roboto" !important;
}
.RichTextLinkDialog---text.RichTextLinkDialog---width_narrow,
.RichTextLinkDialog---password.RichTextLinkDialog---width_narrow,
.RichTextLinkDialog---textarea.RichTextLinkDialog---width_narrow,
.RichTextLinkDialog---textarea_print.RichTextLinkDialog---width_narrow,
.RichTextLinkDialog---dropdown.RichTextLinkDialog---width_narrow,
.RichTextLinkDialog---picker.RichTextLinkDialog---width_narrow {
  max-width: 160px !important;
}
.RichTextLinkDialog---text.RichTextLinkDialog---width_medium,
.RichTextLinkDialog---password.RichTextLinkDialog---width_medium,
.RichTextLinkDialog---textarea.RichTextLinkDialog---width_medium,
.RichTextLinkDialog---textarea_print.RichTextLinkDialog---width_medium,
.RichTextLinkDialog---dropdown.RichTextLinkDialog---width_medium,
.RichTextLinkDialog---picker.RichTextLinkDialog---width_medium {
  max-width: 320px !important;
}
.RichTextLinkDialog---text:focus,
.RichTextLinkDialog---password:focus,
.RichTextLinkDialog---textarea:focus,
.RichTextLinkDialog---dropdown_value:focus,
.RichTextLinkDialog---dropdown_value.RichTextLinkDialog---focus,
.RichTextLinkDialog---picker_value:focus,
.RichTextLinkDialog---picker_value.RichTextLinkDialog---focus,
.RichTextLinkDialog---date_picker2__control.RichTextLinkDialog---date_picker2__control--is-focused {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.RichTextLinkDialog---text:disabled,
.RichTextLinkDialog---password:disabled,
.RichTextLinkDialog---textarea:disabled,
.RichTextLinkDialog---textarea.RichTextLinkDialog---is_disabled,
.RichTextLinkDialog---dropdown_value.RichTextLinkDialog---is_disabled,
.RichTextLinkDialog---picker_value.RichTextLinkDialog---is_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  /* needed to prevent dropdown & picker from getting focus styling on click on IE */
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.RichTextLinkDialog---text:disabled,
.RichTextLinkDialog---password:disabled,
.RichTextLinkDialog---textarea:disabled,
.RichTextLinkDialog---textarea.RichTextLinkDialog---is_disabled,
.RichTextLinkDialog---dropdown_value.RichTextLinkDialog---is_disabled:after,
.RichTextLinkDialog---dropdown_value.RichTextLinkDialog---is_disabled:not(.RichTextLinkDialog---placeholder) {
  color: var(--appian-disabled-text-color, #777) !important;
  -webkit-text-fill-color: var(--appian-disabled-text-color, #777) !important;
  /* needed so disabled text color is correct in Safari */
}
.RichTextLinkDialog---picker_value.RichTextLinkDialog---is_disabled {
  cursor: default !important;
  /* needed to prevent text cursor */
}
.RichTextLinkDialog---text[aria-invalid="true"]:not(.RichTextLinkDialog---inEditableGridLayout),
.RichTextLinkDialog---password[aria-invalid="true"]:not(.RichTextLinkDialog---inEditableGridLayout),
.RichTextLinkDialog---textarea[aria-invalid="true"]:not(.RichTextLinkDialog---inEditableGridLayout),
.RichTextLinkDialog---dropdown_value[aria-invalid="true"]:not(.RichTextLinkDialog---inEditableGridLayout),
.RichTextLinkDialog---picker_value.RichTextLinkDialog---invalid:not(.RichTextLinkDialog---inEditableGridLayout) {
  border-color: #de0037 !important;
}
.RichTextLinkDialog---text[aria-invalid="true"]:not(.RichTextLinkDialog---inEditableGridLayout).RichTextLinkDialog---inDarkBackground,
.RichTextLinkDialog---password[aria-invalid="true"]:not(.RichTextLinkDialog---inEditableGridLayout).RichTextLinkDialog---inDarkBackground,
.RichTextLinkDialog---textarea[aria-invalid="true"]:not(.RichTextLinkDialog---inEditableGridLayout).RichTextLinkDialog---inDarkBackground,
.RichTextLinkDialog---dropdown_value[aria-invalid="true"]:not(.RichTextLinkDialog---inEditableGridLayout).RichTextLinkDialog---inDarkBackground,
.RichTextLinkDialog---picker_value.RichTextLinkDialog---invalid:not(.RichTextLinkDialog---inEditableGridLayout).RichTextLinkDialog---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.RichTextLinkDialog---text[aria-invalid="true"]:not(.RichTextLinkDialog---inEditableGridLayout):focus,
.RichTextLinkDialog---password[aria-invalid="true"]:not(.RichTextLinkDialog---inEditableGridLayout):focus,
.RichTextLinkDialog---textarea[aria-invalid="true"]:not(.RichTextLinkDialog---inEditableGridLayout):focus,
.RichTextLinkDialog---dropdown_value[aria-invalid="true"]:not(.RichTextLinkDialog---inEditableGridLayout):focus,
.RichTextLinkDialog---picker_value.RichTextLinkDialog---invalid:not(.RichTextLinkDialog---inEditableGridLayout):focus,
.RichTextLinkDialog---picker_value.RichTextLinkDialog---invalid:not(.RichTextLinkDialog---inEditableGridLayout).RichTextLinkDialog---focus {
  border-color: #1d659c !important;
}
.RichTextLinkDialog---picker_value.RichTextLinkDialog---invalid:not(.RichTextLinkDialog---inEditableGridLayout),
.RichTextLinkDialog---picker_value.RichTextLinkDialog---invalid:not(.RichTextLinkDialog---inEditableGridLayout):focus,
.RichTextLinkDialog---picker_value.RichTextLinkDialog---invalid:not(.RichTextLinkDialog---inEditableGridLayout).RichTextLinkDialog---focus {
  z-index: 2 !important;
}
.RichTextLinkDialog---text[aria-invalid="true"].RichTextLinkDialog---inEditableGridLayout.RichTextLinkDialog---inSideBySideItem,
.RichTextLinkDialog---text[aria-invalid="true"].RichTextLinkDialog---inEditableGridLayout.RichTextLinkDialog---inSideBySideItem:focus,
.RichTextLinkDialog---password[aria-invalid="true"].RichTextLinkDialog---inEditableGridLayout.RichTextLinkDialog---inSideBySideItem,
.RichTextLinkDialog---password[aria-invalid="true"].RichTextLinkDialog---inEditableGridLayout.RichTextLinkDialog---inSideBySideItem:focus,
.RichTextLinkDialog---dropdown_value[aria-invalid="true"].RichTextLinkDialog---inEditableGridLayout.RichTextLinkDialog---inSideBySideItem,
.RichTextLinkDialog---dropdown_value[aria-invalid="true"].RichTextLinkDialog---inEditableGridLayout.RichTextLinkDialog---inSideBySideItem:focus,
.RichTextLinkDialog---picker_value.RichTextLinkDialog---invalid.RichTextLinkDialog---inEditableGridLayout.RichTextLinkDialog---inSideBySideItem,
.RichTextLinkDialog---picker_value.RichTextLinkDialog---invalid.RichTextLinkDialog---inEditableGridLayout.RichTextLinkDialog---inSideBySideItem:focus,
.RichTextLinkDialog---picker_value.RichTextLinkDialog---invalid.RichTextLinkDialog---inEditableGridLayout.RichTextLinkDialog---inSideBySideItem.RichTextLinkDialog---focus {
  border: 1px solid transparent !important;
}
.RichTextLinkDialog---invalidInSideBySide,
.RichTextLinkDialog---invalidInSideBySide:focus {
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.RichTextLinkDialog---invalidInSideBySide.RichTextLinkDialog---inDarkBackground,
.RichTextLinkDialog---invalidInSideBySide:focus.RichTextLinkDialog---inDarkBackground {
  border-left-color: var(--appian-input-border-color, #ddd) !important;
  border-right-color: var(--appian-input-border-color, #ddd) !important;
}
.RichTextLinkDialog---textarea[aria-invalid="true"].RichTextLinkDialog---inEditableGridLayout.RichTextLinkDialog---inSideBySideItem,
.RichTextLinkDialog---textarea[aria-invalid="true"].RichTextLinkDialog---inEditableGridLayout.RichTextLinkDialog---inSideBySideItem:focus {
  border-color: #de0037 !important;
}
.RichTextLinkDialog---textarea[aria-invalid="true"].RichTextLinkDialog---inEditableGridLayout.RichTextLinkDialog---inSideBySideItem.RichTextLinkDialog---inDarkBackground,
.RichTextLinkDialog---textarea[aria-invalid="true"].RichTextLinkDialog---inEditableGridLayout.RichTextLinkDialog---inSideBySideItem.RichTextLinkDialog---inDarkBackground:focus {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.RichTextLinkDialog---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.RichTextLinkDialog---show_data_icon .RichTextLinkDialog---text,
.RichTextLinkDialog---show_data_icon .RichTextLinkDialog---password,
.RichTextLinkDialog---show_data_icon .RichTextLinkDialog---textarea,
.RichTextLinkDialog---show_data_icon .RichTextLinkDialog---dropdown_value {
  padding-left: 1.7857rem !important;
}
.RichTextLinkDialog---text.RichTextLinkDialog---has_clear_link,
.RichTextLinkDialog---password.RichTextLinkDialog---has_clear_link {
  padding-right: 1.5714rem !important;
}
.RichTextLinkDialog---character_count {
  position: absolute !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 300 !important;
  right: 0 !important;
  bottom: 0 !important;
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  pointer-events: none !important;
}
.RichTextLinkDialog---character_count.RichTextLinkDialog---over_limit:not(.RichTextLinkDialog---inDarkBackground) {
  color: #de0037 !important;
  fill: #de0037 !important;
}
.RichTextLinkDialog---character_count.RichTextLinkDialog---over_limit.RichTextLinkDialog---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.RichTextLinkDialog---character_count .RichTextLinkDialog---icon_container {
  outline: none !important;
  margin-right: 3px !important;
  margin-bottom: -2px !important;
}
.RichTextLinkDialog---character_count .RichTextLinkDialog---icon_container > svg {
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
.RichTextLinkDialog---character_count_overlay {
  background-color: var(--appian-input-background-color-faded, #fffd) !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 0.7143rem 0.5714rem 0 !important;
  z-index: 3 !important;
}
.appian-context-os-windows .RichTextLinkDialog---character_count_overlay {
  margin: 0 1.2857rem 0.5714rem 0 !important;
}
.RichTextLinkDialog---textarea:disabled + .RichTextLinkDialog---character_count_overlay,
.RichTextLinkDialog---character_count_overlay_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.RichTextLinkDialog---data_icon {
  position: absolute !important;
  top: 0.7143rem !important;
  left: 0.5714rem !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  fill: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
a.RichTextLinkDialog---input_clear_link {
  border: none !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.RichTextLinkDialog---input_icon_wrapper > a.RichTextLinkDialog---input_clear_link {
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.9286rem !important;
}
.appian-context-browser-edge .RichTextLinkDialog---input_icon_wrapper > a.RichTextLinkDialog---input_clear_link {
  top: 0.5rem !important;
}
.RichTextLinkDialog---dropdown_value a.RichTextLinkDialog---input_clear_link {
  position: absolute !important;
  right: 1.4286rem !important;
  top: 0.5714rem !important;
}
.appian-context-os-mac.appian-context-browser-chrome .RichTextLinkDialog---dropdown_value a.RichTextLinkDialog---input_clear_link {
  top: 0.5rem !important;
}
a.RichTextLinkDialog---input_clear_link:hover,
a.RichTextLinkDialog---input_clear_link:focus:not([data-appian-ux-mouse-focus]) {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.RichTextLinkDialog---dropdown .RichTextLinkDialog---dropdown_value.RichTextLinkDialog---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.RichTextLinkDialog---dropdown_value.RichTextLinkDialog---has_inline_label span.RichTextLinkDialog---inline_label,
.RichTextLinkDialog---date_range_value.RichTextLinkDialog---has_inline_label span.RichTextLinkDialog---inline_label {
  display: inline-block !important;
  max-width: 70% !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.7857rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.1429rem !important;
  vertical-align: -0.2143rem !important;
  margin-right: 0.5rem !important;
  padding-right: 0.5rem !important;
  border-right: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.RichTextLinkDialog---dropdown_value.RichTextLinkDialog---has_inline_label.RichTextLinkDialog---inDarkBackground span.RichTextLinkDialog---inline_label,
.RichTextLinkDialog---date_range_value.RichTextLinkDialog---has_inline_label.RichTextLinkDialog---inDarkBackground span.RichTextLinkDialog---inline_label {
  border-right-color: var(--appian-choice-border-color, #bbb) !important;
}
.appian-context-browser-safari .RichTextLinkDialog---dropdown_value.RichTextLinkDialog---has_inline_label span.RichTextLinkDialog---inline_label,
.appian-context-browser-safari .RichTextLinkDialog---date_range_value.RichTextLinkDialog---has_inline_label span.RichTextLinkDialog---inline_label {
  vertical-align: inherit !important;
}
.RichTextLinkDialog---dropdown_value.RichTextLinkDialog---has_inline_label.RichTextLinkDialog---highlighted span.RichTextLinkDialog---value_display,
.RichTextLinkDialog---date_range_value.RichTextLinkDialog---has_inline_label.RichTextLinkDialog---highlighted span.RichTextLinkDialog---value_display {
  font-weight: 700 !important;
}
.RichTextLinkDialog---dropdown_value.RichTextLinkDialog---has_inline_label a.RichTextLinkDialog---input_clear_link,
.RichTextLinkDialog---date_range_value.RichTextLinkDialog---has_inline_label a.RichTextLinkDialog---input_clear_link {
  display: none !important;
  position: absolute !important;
  right: 1.5714rem !important;
  top: 0.5714rem !important;
}
.RichTextLinkDialog---dropdown_value.RichTextLinkDialog---has_inline_label.RichTextLinkDialog---highlighted a.RichTextLinkDialog---input_clear_link,
.RichTextLinkDialog---date_range_value.RichTextLinkDialog---has_inline_label.RichTextLinkDialog---highlighted a.RichTextLinkDialog---input_clear_link {
  display: inline-block !important;
}
.RichTextLinkDialog---date_range_value.RichTextLinkDialog---has_inline_label.RichTextLinkDialog---validation:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.RichTextLinkDialog---date_range_value.RichTextLinkDialog---has_inline_label.RichTextLinkDialog---validation:before {
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.RichTextLinkDialog---date_range_value.RichTextLinkDialog---has_inline_label.RichTextLinkDialog---validation.RichTextLinkDialog---inDarkBackground:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.RichTextLinkDialog---number_range_input.RichTextLinkDialog---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.RichTextLinkDialog---date_range_value.RichTextLinkDialog---has_inline_label.RichTextLinkDialog---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
}
.RichTextLinkDialog---date_range_value.RichTextLinkDialog---has_inline_label.RichTextLinkDialog---validation.RichTextLinkDialog---inDarkBackground:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.RichTextLinkDialog---number_range_input.RichTextLinkDialog---validation,
.RichTextLinkDialog---date_range_value.RichTextLinkDialog---has_inline_label.RichTextLinkDialog---validation {
  position: relative !important;
  border-color: transparent !important;
}
.RichTextLinkDialog---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .RichTextLinkDialog---accessibilityhidden {
  font-size: 0 !important;
}
.RichTextLinkDialog---link_dialog {
  z-index: 2000020 !important;
  background-color: #fff !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  padding: 0.9286rem 0.8571rem !important;
  width: 324px !important;
  /* if this value changes, also update the DIALOG_WIDTH constant in RichTextEditorDialogButton.jsx */
  outline: 0px solid transparent !important;
}
/* styles parallel FieldLayout.less */
.RichTextLinkDialog---link_dialog .RichTextLinkDialog---field_layout {
  display: table !important;
  width: 100% !important;
  table-layout: fixed !important;
  text-align: left !important;
  word-wrap: break-word !important;
  margin-bottom: 0.5714rem !important;
}
.RichTextLinkDialog---link_dialog .RichTextLinkDialog---field_layout:first-of-type {
  margin-bottom: 0.7143rem !important;
}
.RichTextLinkDialog---link_dialog .RichTextLinkDialog---field_layout .RichTextLinkDialog---label_above {
  display: block !important;
  padding: 0 0 6px 0 !important;
  font-size: 0 !important;
}
.RichTextLinkDialog---link_dialog .RichTextLinkDialog---field_layout .RichTextLinkDialog---input_below {
  display: block !important;
}
.RichTextLinkDialog---link_dialog .RichTextLinkDialog---field_layout .RichTextLinkDialog---label_above > label {
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: var(--appian-text-color, #222) !important;
  word-wrap: break-word !important;
  margin: 0 !important;
}
.RichTextLinkDialog---link_dialog .RichTextLinkDialog---dialog_footer {
  width: 100% !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
          justify-content: flex-end !important;
}
.RichTextLinkDialog---link_dialog .RichTextLinkDialog---dialog_footer .RichTextLinkDialog---btn.RichTextLinkDialog---small {
  font-size: 0.9286rem !important;
  height: 2.4286rem !important;
  padding: 0 0.6429rem !important;
  margin: 0 !important;
  overflow: visible !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.RichTextIconDialog---btn {
  padding: 0 0.7143rem !important;
}
/* AN-79558: For some reason, the quoted font families are not processed the same way in LESS when they're used inside a
  detached ruleset (@shared-input-styles, here), and our theming extractor ends up not picking them. Moving the font-family
  declaration out of it addresses this. */
.RichTextIconDialog---text,
.RichTextIconDialog---password,
.RichTextIconDialog---textarea,
.RichTextIconDialog---textarea_print,
.RichTextIconDialog---dropdown_value,
.RichTextIconDialog---picker_value,
.RichTextIconDialog---date_range_value {
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
}
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.RichTextIconDialog---btn {
  cursor: pointer !important;
  text-transform: var(--appian-button-text-transform, uppercase) !important;
  text-align: center !important;
  font-family: inherit !important;
  color: #1d659c !important;
  fill: #1d659c !important;
  font-size: 1rem !important;
  /* height and width of svg icon in standard button should match this value */
  line-height: 1.4 !important;
  /* needed for correct vertical alignment of text on Tempo */
  font-weight: 600 !important;
  height: 2.7143rem !important;
  vertical-align: middle !important;
  margin: 1px 0 !important;
  /* 0 margin left/right needed for correct spacing on Safari */
  max-width: 28em !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  background-color: #fff !important;
  border: 1px solid #1d659c !important;
  border-radius: 0rem !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-transition-duration: 0.2s !important;
  transition-duration: 0.2s !important;
  -webkit-transition-property: -webkit-transform !important;
  transition-property: -webkit-transform !important;
  transition-property: transform !important;
  transition-property: transform, -webkit-transform !important;
  -webkit-font-smoothing: antialiased !important;
  /* Safari-only: smooth transform */
}
.RichTextIconDialog---btn.RichTextIconDialog---match_input_shape {
  border-radius: 0rem !important;
}
.RichTextIconDialog---btn.RichTextIconDialog---inAccentBackground {
  color: #fff !important;
  fill: #fff !important;
  background-color: #1d659c !important;
  border: 1px solid #fff !important;
}
.RichTextIconDialog---btn:not(.RichTextIconDialog---minimize_width):not(.RichTextIconDialog---fill_width):not(.RichTextIconDialog---icon_only) {
  /* FILL buttons always take up full width. MINIMIZE never take up full width.
      On a phone-sized browser:
      DEFAULT buttons take up full width. Icon-only DEFAULT buttons do not take up full width.
      DEFAULT icon-only buttons stack. MINIMIZE icon-only buttons do not stack. */
}
.appian-context-ux-page-size-phone .RichTextIconDialog---btn:not(.RichTextIconDialog---minimize_width):not(.RichTextIconDialog---fill_width):not(.RichTextIconDialog---icon_only) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
.RichTextIconDialog---btn:disabled {
  -webkit-transform: none !important;
          transform: none !important;
  opacity: 0.5 !important;
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  cursor: default !important;
  box-shadow: none !important;
}
.RichTextIconDialog---btn.RichTextIconDialog---inAccentBackground:disabled {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
}
.RichTextIconDialog---btn:not(:disabled):active,
.RichTextIconDialog---btn:not(:disabled):hover {
  box-shadow: 0 0px 5px #2173b2 !important;
}
.RichTextIconDialog---btn.RichTextIconDialog---inAccentBackground:not(:disabled):active,
.RichTextIconDialog---btn.RichTextIconDialog---inAccentBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #fff !important;
}
:not(.RichTextIconDialog---accent):not(.RichTextIconDialog---secondary):not(.RichTextIconDialog---negative):not(.RichTextIconDialog---hex) .RichTextIconDialog---btn.RichTextIconDialog---link_style.RichTextIconDialog---inDarkBackground:not(:disabled):active,
:not(.RichTextIconDialog---accent):not(.RichTextIconDialog---secondary):not(.RichTextIconDialog---negative):not(.RichTextIconDialog---hex) .RichTextIconDialog---btn.RichTextIconDialog---link_style.RichTextIconDialog---inDarkBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #eee !important;
}
.RichTextIconDialog---btn:not(:disabled):active {
  -webkit-transform: scaleX(0.98) scaleY(0.98) !important;
  transform: scaleX(0.98) scaleY(0.98) !important;
}
.RichTextIconDialog---btn.RichTextIconDialog---inGridLayout {
  max-width: 100% !important;
}
.RichTextIconDialog---btn.RichTextIconDialog---inToolbarLayout.RichTextIconDialog---icon_only {
  height: 1.5714rem !important;
  margin: 0 !important;
  color: #666 !important;
  fill: #666 !important;
  border-color: transparent !important;
  background-color: transparent !important;
}
.RichTextIconDialog---btn.RichTextIconDialog---inToolbarLayout.RichTextIconDialog---icon_only {
  padding: 2px 6px !important;
}
.RichTextIconDialog---btn.RichTextIconDialog---inToolbarLayout:not(:disabled):active,
.RichTextIconDialog---btn.RichTextIconDialog---inToolbarLayout:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.RichTextIconDialog---btn.RichTextIconDialog---inToolbarLayout:not(:disabled):hover {
  box-shadow: 0 0px 4px var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-color: #bbb !important;
}
.RichTextIconDialog---btn.RichTextIconDialog---inToolbarLayout svg.RichTextIconDialog---icon {
  vertical-align: 0 !important;
}
.RichTextIconDialog---align_start {
  text-align: left !important;
}
.RichTextIconDialog---align_end {
  text-align: right !important;
}
.RichTextIconDialog---center {
  text-align: center !important;
}
.RichTextIconDialog---text::-ms-clear,
.RichTextIconDialog---picker_input::-ms-clear {
  display: none !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.RichTextIconDialog---text::-webkit-input-placeholder,
.RichTextIconDialog---password::-webkit-input-placeholder,
.RichTextIconDialog---picker_input::-webkit-input-placeholder,
.RichTextIconDialog---dropdown_value::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-style: italic !important;
  font-weight: 400 !important;
}
.RichTextIconDialog---text::-moz-placeholder,
.RichTextIconDialog---password::-moz-placeholder,
.RichTextIconDialog---picker_input::-moz-placeholder,
.RichTextIconDialog---dropdown_value::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.RichTextIconDialog---text:-ms-input-placeholder,
.RichTextIconDialog---password:-ms-input-placeholder,
.RichTextIconDialog---picker_input:-ms-input-placeholder,
.RichTextIconDialog---dropdown_value:-ms-input-placeholder,
.RichTextIconDialog---dropdown_value:disabled:-ms-input-placeholder,
.RichTextIconDialog---text:disabled:-ms-input-placeholder,
.RichTextIconDialog---password:disabled:-ms-input-placeholder,
.RichTextIconDialog---picker_input:disabled:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.RichTextIconDialog---textarea_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.RichTextIconDialog---text.RichTextIconDialog---has_clear_link,
.RichTextIconDialog---password.RichTextIconDialog---has_clear_link {
  padding-right: 1.5714rem !important;
}
.RichTextIconDialog---text,
.RichTextIconDialog---password,
.RichTextIconDialog---textarea,
.RichTextIconDialog---textarea_print,
.RichTextIconDialog---dropdown_value,
.RichTextIconDialog---picker_value,
.RichTextIconDialog---date_range_value,
.RichTextIconDialog---date_picker2__control {
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  /* needs extra decimals for correct alignment in some browsers */
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  width: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
}
.RichTextIconDialog---text.RichTextIconDialog---inDarkBackground,
.RichTextIconDialog---password.RichTextIconDialog---inDarkBackground,
.RichTextIconDialog---textarea.RichTextIconDialog---inDarkBackground,
.RichTextIconDialog---textarea_print.RichTextIconDialog---inDarkBackground,
.RichTextIconDialog---dropdown_value.RichTextIconDialog---inDarkBackground,
.RichTextIconDialog---picker_value.RichTextIconDialog---inDarkBackground,
.RichTextIconDialog---date_range_value.RichTextIconDialog---inDarkBackground,
.RichTextIconDialog---date_picker2__control.RichTextIconDialog---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.RichTextIconDialog---dropdown,
.RichTextIconDialog---picker {
  position: relative !important;
  font-size: 1rem !important;
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}
.RichTextIconDialog---dropdown_value,
.RichTextIconDialog---picker_value {
  min-height: 2.4286rem !important;
}
.appian-context-browser-safari .RichTextIconDialog---text,
.appian-context-browser-safari .RichTextIconDialog---textarea {
  margin: 0 !important;
  /* needed to prevent 2px margin-top & margin-bottom on Safari */
}
.appian-context-os-ios .RichTextIconDialog---text,
.appian-context-os-ios .RichTextIconDialog---password,
.appian-context-os-ios .RichTextIconDialog---textarea,
.appian-context-os-ios .RichTextIconDialog---textarea_print,
.appian-context-os-ios .RichTextIconDialog---dropdown_value,
.appian-context-os-ios .RichTextIconDialog---picker_value {
  font-family: -apple-system !important;
}
.appian-context-os-android .RichTextIconDialog---text,
.appian-context-os-android .RichTextIconDialog---password,
.appian-context-os-android .RichTextIconDialog---textarea,
.appian-context-os-android .RichTextIconDialog---textarea_print,
.appian-context-os-android .RichTextIconDialog---dropdown_value,
.appian-context-os-android .RichTextIconDialog---picker_value {
  font-family: "Roboto" !important;
}
.RichTextIconDialog---text.RichTextIconDialog---width_narrow,
.RichTextIconDialog---password.RichTextIconDialog---width_narrow,
.RichTextIconDialog---textarea.RichTextIconDialog---width_narrow,
.RichTextIconDialog---textarea_print.RichTextIconDialog---width_narrow,
.RichTextIconDialog---dropdown.RichTextIconDialog---width_narrow,
.RichTextIconDialog---picker.RichTextIconDialog---width_narrow {
  max-width: 160px !important;
}
.RichTextIconDialog---text.RichTextIconDialog---width_medium,
.RichTextIconDialog---password.RichTextIconDialog---width_medium,
.RichTextIconDialog---textarea.RichTextIconDialog---width_medium,
.RichTextIconDialog---textarea_print.RichTextIconDialog---width_medium,
.RichTextIconDialog---dropdown.RichTextIconDialog---width_medium,
.RichTextIconDialog---picker.RichTextIconDialog---width_medium {
  max-width: 320px !important;
}
.RichTextIconDialog---text:focus,
.RichTextIconDialog---password:focus,
.RichTextIconDialog---textarea:focus,
.RichTextIconDialog---dropdown_value:focus,
.RichTextIconDialog---dropdown_value.RichTextIconDialog---focus,
.RichTextIconDialog---picker_value:focus,
.RichTextIconDialog---picker_value.RichTextIconDialog---focus,
.RichTextIconDialog---date_picker2__control.RichTextIconDialog---date_picker2__control--is-focused {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.RichTextIconDialog---text:disabled,
.RichTextIconDialog---password:disabled,
.RichTextIconDialog---textarea:disabled,
.RichTextIconDialog---textarea.RichTextIconDialog---is_disabled,
.RichTextIconDialog---dropdown_value.RichTextIconDialog---is_disabled,
.RichTextIconDialog---picker_value.RichTextIconDialog---is_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  /* needed to prevent dropdown & picker from getting focus styling on click on IE */
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.RichTextIconDialog---text:disabled,
.RichTextIconDialog---password:disabled,
.RichTextIconDialog---textarea:disabled,
.RichTextIconDialog---textarea.RichTextIconDialog---is_disabled,
.RichTextIconDialog---dropdown_value.RichTextIconDialog---is_disabled:after,
.RichTextIconDialog---dropdown_value.RichTextIconDialog---is_disabled:not(.RichTextIconDialog---placeholder) {
  color: var(--appian-disabled-text-color, #777) !important;
  -webkit-text-fill-color: var(--appian-disabled-text-color, #777) !important;
  /* needed so disabled text color is correct in Safari */
}
.RichTextIconDialog---picker_value.RichTextIconDialog---is_disabled {
  cursor: default !important;
  /* needed to prevent text cursor */
}
.RichTextIconDialog---text[aria-invalid="true"]:not(.RichTextIconDialog---inEditableGridLayout),
.RichTextIconDialog---password[aria-invalid="true"]:not(.RichTextIconDialog---inEditableGridLayout),
.RichTextIconDialog---textarea[aria-invalid="true"]:not(.RichTextIconDialog---inEditableGridLayout),
.RichTextIconDialog---dropdown_value[aria-invalid="true"]:not(.RichTextIconDialog---inEditableGridLayout),
.RichTextIconDialog---picker_value.RichTextIconDialog---invalid:not(.RichTextIconDialog---inEditableGridLayout) {
  border-color: #de0037 !important;
}
.RichTextIconDialog---text[aria-invalid="true"]:not(.RichTextIconDialog---inEditableGridLayout).RichTextIconDialog---inDarkBackground,
.RichTextIconDialog---password[aria-invalid="true"]:not(.RichTextIconDialog---inEditableGridLayout).RichTextIconDialog---inDarkBackground,
.RichTextIconDialog---textarea[aria-invalid="true"]:not(.RichTextIconDialog---inEditableGridLayout).RichTextIconDialog---inDarkBackground,
.RichTextIconDialog---dropdown_value[aria-invalid="true"]:not(.RichTextIconDialog---inEditableGridLayout).RichTextIconDialog---inDarkBackground,
.RichTextIconDialog---picker_value.RichTextIconDialog---invalid:not(.RichTextIconDialog---inEditableGridLayout).RichTextIconDialog---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.RichTextIconDialog---text[aria-invalid="true"]:not(.RichTextIconDialog---inEditableGridLayout):focus,
.RichTextIconDialog---password[aria-invalid="true"]:not(.RichTextIconDialog---inEditableGridLayout):focus,
.RichTextIconDialog---textarea[aria-invalid="true"]:not(.RichTextIconDialog---inEditableGridLayout):focus,
.RichTextIconDialog---dropdown_value[aria-invalid="true"]:not(.RichTextIconDialog---inEditableGridLayout):focus,
.RichTextIconDialog---picker_value.RichTextIconDialog---invalid:not(.RichTextIconDialog---inEditableGridLayout):focus,
.RichTextIconDialog---picker_value.RichTextIconDialog---invalid:not(.RichTextIconDialog---inEditableGridLayout).RichTextIconDialog---focus {
  border-color: #1d659c !important;
}
.RichTextIconDialog---picker_value.RichTextIconDialog---invalid:not(.RichTextIconDialog---inEditableGridLayout),
.RichTextIconDialog---picker_value.RichTextIconDialog---invalid:not(.RichTextIconDialog---inEditableGridLayout):focus,
.RichTextIconDialog---picker_value.RichTextIconDialog---invalid:not(.RichTextIconDialog---inEditableGridLayout).RichTextIconDialog---focus {
  z-index: 2 !important;
}
.RichTextIconDialog---text[aria-invalid="true"].RichTextIconDialog---inEditableGridLayout.RichTextIconDialog---inSideBySideItem,
.RichTextIconDialog---text[aria-invalid="true"].RichTextIconDialog---inEditableGridLayout.RichTextIconDialog---inSideBySideItem:focus,
.RichTextIconDialog---password[aria-invalid="true"].RichTextIconDialog---inEditableGridLayout.RichTextIconDialog---inSideBySideItem,
.RichTextIconDialog---password[aria-invalid="true"].RichTextIconDialog---inEditableGridLayout.RichTextIconDialog---inSideBySideItem:focus,
.RichTextIconDialog---dropdown_value[aria-invalid="true"].RichTextIconDialog---inEditableGridLayout.RichTextIconDialog---inSideBySideItem,
.RichTextIconDialog---dropdown_value[aria-invalid="true"].RichTextIconDialog---inEditableGridLayout.RichTextIconDialog---inSideBySideItem:focus,
.RichTextIconDialog---picker_value.RichTextIconDialog---invalid.RichTextIconDialog---inEditableGridLayout.RichTextIconDialog---inSideBySideItem,
.RichTextIconDialog---picker_value.RichTextIconDialog---invalid.RichTextIconDialog---inEditableGridLayout.RichTextIconDialog---inSideBySideItem:focus,
.RichTextIconDialog---picker_value.RichTextIconDialog---invalid.RichTextIconDialog---inEditableGridLayout.RichTextIconDialog---inSideBySideItem.RichTextIconDialog---focus {
  border: 1px solid transparent !important;
}
.RichTextIconDialog---invalidInSideBySide,
.RichTextIconDialog---invalidInSideBySide:focus {
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.RichTextIconDialog---invalidInSideBySide.RichTextIconDialog---inDarkBackground,
.RichTextIconDialog---invalidInSideBySide:focus.RichTextIconDialog---inDarkBackground {
  border-left-color: var(--appian-input-border-color, #ddd) !important;
  border-right-color: var(--appian-input-border-color, #ddd) !important;
}
.RichTextIconDialog---textarea[aria-invalid="true"].RichTextIconDialog---inEditableGridLayout.RichTextIconDialog---inSideBySideItem,
.RichTextIconDialog---textarea[aria-invalid="true"].RichTextIconDialog---inEditableGridLayout.RichTextIconDialog---inSideBySideItem:focus {
  border-color: #de0037 !important;
}
.RichTextIconDialog---textarea[aria-invalid="true"].RichTextIconDialog---inEditableGridLayout.RichTextIconDialog---inSideBySideItem.RichTextIconDialog---inDarkBackground,
.RichTextIconDialog---textarea[aria-invalid="true"].RichTextIconDialog---inEditableGridLayout.RichTextIconDialog---inSideBySideItem.RichTextIconDialog---inDarkBackground:focus {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.RichTextIconDialog---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.RichTextIconDialog---show_data_icon .RichTextIconDialog---text,
.RichTextIconDialog---show_data_icon .RichTextIconDialog---password,
.RichTextIconDialog---show_data_icon .RichTextIconDialog---textarea,
.RichTextIconDialog---show_data_icon .RichTextIconDialog---dropdown_value {
  padding-left: 1.7857rem !important;
}
.RichTextIconDialog---text.RichTextIconDialog---has_clear_link,
.RichTextIconDialog---password.RichTextIconDialog---has_clear_link {
  padding-right: 1.5714rem !important;
}
.RichTextIconDialog---character_count {
  position: absolute !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 300 !important;
  right: 0 !important;
  bottom: 0 !important;
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  pointer-events: none !important;
}
.RichTextIconDialog---character_count.RichTextIconDialog---over_limit:not(.RichTextIconDialog---inDarkBackground) {
  color: #de0037 !important;
  fill: #de0037 !important;
}
.RichTextIconDialog---character_count.RichTextIconDialog---over_limit.RichTextIconDialog---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.RichTextIconDialog---character_count .RichTextIconDialog---icon_container {
  outline: none !important;
  margin-right: 3px !important;
  margin-bottom: -2px !important;
}
.RichTextIconDialog---character_count .RichTextIconDialog---icon_container > svg {
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
.RichTextIconDialog---character_count_overlay {
  background-color: var(--appian-input-background-color-faded, #fffd) !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 0.7143rem 0.5714rem 0 !important;
  z-index: 3 !important;
}
.appian-context-os-windows .RichTextIconDialog---character_count_overlay {
  margin: 0 1.2857rem 0.5714rem 0 !important;
}
.RichTextIconDialog---textarea:disabled + .RichTextIconDialog---character_count_overlay,
.RichTextIconDialog---character_count_overlay_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.RichTextIconDialog---data_icon {
  position: absolute !important;
  top: 0.7143rem !important;
  left: 0.5714rem !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  fill: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
a.RichTextIconDialog---input_clear_link {
  border: none !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.RichTextIconDialog---input_icon_wrapper > a.RichTextIconDialog---input_clear_link {
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.9286rem !important;
}
.appian-context-browser-edge .RichTextIconDialog---input_icon_wrapper > a.RichTextIconDialog---input_clear_link {
  top: 0.5rem !important;
}
.RichTextIconDialog---dropdown_value a.RichTextIconDialog---input_clear_link {
  position: absolute !important;
  right: 1.4286rem !important;
  top: 0.5714rem !important;
}
.appian-context-os-mac.appian-context-browser-chrome .RichTextIconDialog---dropdown_value a.RichTextIconDialog---input_clear_link {
  top: 0.5rem !important;
}
a.RichTextIconDialog---input_clear_link:hover,
a.RichTextIconDialog---input_clear_link:focus:not([data-appian-ux-mouse-focus]) {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.RichTextIconDialog---dropdown .RichTextIconDialog---dropdown_value.RichTextIconDialog---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.RichTextIconDialog---dropdown_value.RichTextIconDialog---has_inline_label span.RichTextIconDialog---inline_label,
.RichTextIconDialog---date_range_value.RichTextIconDialog---has_inline_label span.RichTextIconDialog---inline_label {
  display: inline-block !important;
  max-width: 70% !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.7857rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.1429rem !important;
  vertical-align: -0.2143rem !important;
  margin-right: 0.5rem !important;
  padding-right: 0.5rem !important;
  border-right: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.RichTextIconDialog---dropdown_value.RichTextIconDialog---has_inline_label.RichTextIconDialog---inDarkBackground span.RichTextIconDialog---inline_label,
.RichTextIconDialog---date_range_value.RichTextIconDialog---has_inline_label.RichTextIconDialog---inDarkBackground span.RichTextIconDialog---inline_label {
  border-right-color: var(--appian-choice-border-color, #bbb) !important;
}
.appian-context-browser-safari .RichTextIconDialog---dropdown_value.RichTextIconDialog---has_inline_label span.RichTextIconDialog---inline_label,
.appian-context-browser-safari .RichTextIconDialog---date_range_value.RichTextIconDialog---has_inline_label span.RichTextIconDialog---inline_label {
  vertical-align: inherit !important;
}
.RichTextIconDialog---dropdown_value.RichTextIconDialog---has_inline_label.RichTextIconDialog---highlighted span.RichTextIconDialog---value_display,
.RichTextIconDialog---date_range_value.RichTextIconDialog---has_inline_label.RichTextIconDialog---highlighted span.RichTextIconDialog---value_display {
  font-weight: 700 !important;
}
.RichTextIconDialog---dropdown_value.RichTextIconDialog---has_inline_label a.RichTextIconDialog---input_clear_link,
.RichTextIconDialog---date_range_value.RichTextIconDialog---has_inline_label a.RichTextIconDialog---input_clear_link {
  display: none !important;
  position: absolute !important;
  right: 1.5714rem !important;
  top: 0.5714rem !important;
}
.RichTextIconDialog---dropdown_value.RichTextIconDialog---has_inline_label.RichTextIconDialog---highlighted a.RichTextIconDialog---input_clear_link,
.RichTextIconDialog---date_range_value.RichTextIconDialog---has_inline_label.RichTextIconDialog---highlighted a.RichTextIconDialog---input_clear_link {
  display: inline-block !important;
}
.RichTextIconDialog---date_range_value.RichTextIconDialog---has_inline_label.RichTextIconDialog---validation:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.RichTextIconDialog---date_range_value.RichTextIconDialog---has_inline_label.RichTextIconDialog---validation:before {
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.RichTextIconDialog---date_range_value.RichTextIconDialog---has_inline_label.RichTextIconDialog---validation.RichTextIconDialog---inDarkBackground:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.RichTextIconDialog---number_range_input.RichTextIconDialog---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.RichTextIconDialog---date_range_value.RichTextIconDialog---has_inline_label.RichTextIconDialog---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
}
.RichTextIconDialog---date_range_value.RichTextIconDialog---has_inline_label.RichTextIconDialog---validation.RichTextIconDialog---inDarkBackground:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.RichTextIconDialog---number_range_input.RichTextIconDialog---validation,
.RichTextIconDialog---date_range_value.RichTextIconDialog---has_inline_label.RichTextIconDialog---validation {
  position: relative !important;
  border-color: transparent !important;
}
.RichTextIconDialog---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .RichTextIconDialog---accessibilityhidden {
  font-size: 0 !important;
}
i.RichTextIconDialog---back_arrow {
  display: inline-block !important;
  background-size: 1rem 1rem !important;
  width: 1rem !important;
  height: 1rem !important;
  vertical-align: middle !important;
  margin-top: -0.2143rem !important;
  margin-right: 0.25rem !important;
}
.appian-context-browser-edge i.RichTextIconDialog---back_arrow {
  background-size: 2rem 2rem !important;
  width: 2rem !important;
  height: 2rem !important;
  -webkit-transform: scale(0.5) !important;
          transform: scale(0.5) !important;
  margin: -0.3571rem -0.3571rem 0 -0.5rem !important;
}
i.RichTextIconDialog---isRtl {
  background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%201792%201792%22%20width%3D%221792%22%20height%3D%221792%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1728%20893q0%2014-10%2024l-384%20354q-16%2014-35%206-19-9-19-29v-224H32q-14%200-23-9t-9-23V800q0-14%209-23t23-9h1248V544q0-21%2019-29t35%205l384%20350q10%2010%2010%2023z%22%3E%3C/path%3E%3C/svg%3E") !important;
}
i.RichTextIconDialog---isLtr {
  background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%201792%201792%22%20width%3D%221792%22%20height%3D%221792%22%20fill%3D%22%231d659c%22%3E%3Cpath%20d%3D%22M1792%20800v192q0%2014-9%2023t-23%209H512v224q0%2021-19%2029t-35-5L74%20922q-10-10-10-23%200-14%2010-24l384-354q16-14%2035-6%2019%209%2019%2029v224h1248q14%200%2023%209t9%2023z%22%3E%3C/path%3E%3C/svg%3E") !important;
}
.RichTextIconDialog---icon_dialog {
  z-index: 2000020 !important;
  background-color: #fff !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  padding: 0.7143rem !important;
  width: 448px !important;
  /* if this value changes, also update the icon_picker_results width in FontAwesomeIconPicker.less and the DIALOG_WIDTH constant in RichTextEditorDialogButton.jsx */
  outline: 0px solid transparent !important;
}
/* styles parallel FieldLayout.less */
.RichTextIconDialog---icon_dialog .RichTextIconDialog---field_layout {
  display: table !important;
  width: 100% !important;
  table-layout: fixed !important;
  text-align: left !important;
  word-wrap: break-word !important;
  margin-bottom: 0.5714rem !important;
}
.RichTextIconDialog---icon_dialog .RichTextIconDialog---field_layout:first-of-type {
  margin-bottom: 0.7143rem !important;
}
.RichTextIconDialog---icon_dialog .RichTextIconDialog---field_layout .RichTextIconDialog---label_above {
  display: block !important;
  padding: 0 0 6px 0 !important;
  font-size: 0 !important;
}
.RichTextIconDialog---icon_dialog .RichTextIconDialog---field_layout .RichTextIconDialog---input_below {
  display: block !important;
}
.RichTextIconDialog---icon_dialog .RichTextIconDialog---field_layout .RichTextIconDialog---label_above > label {
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: var(--appian-text-color, #222) !important;
  word-wrap: break-word !important;
  margin: 0 !important;
}
.RichTextIconDialog---icon_dialog .RichTextIconDialog---dialog_footer {
  width: 100% !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -ms-flex-wrap: nowrap !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: row nowrap !important;
          flex-flow: row nowrap !important;
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
          justify-content: space-between !important;
  -webkit-align-content: flex-start !important;
          align-content: flex-start !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.RichTextIconDialog---icon_dialog .RichTextIconDialog---dialog_footer .RichTextIconDialog---field_error {
  font-weight: 600 !important;
  color: #de0037 !important;
  font-size: 0.9286rem !important;
  line-height: 1.2307rem !important;
  word-break: break-word !important;
}
.RichTextIconDialog---icon_dialog .RichTextIconDialog---dialog_footer .RichTextIconDialog---btn.RichTextIconDialog---small {
  font-size: 0.9286rem !important;
  height: 2.4286rem !important;
  padding: 0 0.6429rem !important;
  margin: 0 !important;
  overflow: visible !important;
}
.RichTextIconDialog---icon_dialog .RichTextIconDialog---dialog_footer .RichTextIconDialog---link_toggle {
  display: inline !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.RichTextIconDialog---icon_dialog .RichTextIconDialog---dialog_footer .RichTextIconDialog---link_toggle > a:hover {
  cursor: pointer !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.RichTextImageDialog---btn {
  padding: 0 0.7143rem !important;
}
/* AN-79558: For some reason, the quoted font families are not processed the same way in LESS when they're used inside a
  detached ruleset (@shared-input-styles, here), and our theming extractor ends up not picking them. Moving the font-family
  declaration out of it addresses this. */
.RichTextImageDialog---text,
.RichTextImageDialog---password,
.RichTextImageDialog---textarea,
.RichTextImageDialog---textarea_print,
.RichTextImageDialog---dropdown_value,
.RichTextImageDialog---picker_value,
.RichTextImageDialog---date_range_value {
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
}
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.RichTextImageDialog---btn {
  cursor: pointer !important;
  text-transform: var(--appian-button-text-transform, uppercase) !important;
  text-align: center !important;
  font-family: inherit !important;
  color: #1d659c !important;
  fill: #1d659c !important;
  font-size: 1rem !important;
  /* height and width of svg icon in standard button should match this value */
  line-height: 1.4 !important;
  /* needed for correct vertical alignment of text on Tempo */
  font-weight: 600 !important;
  height: 2.7143rem !important;
  vertical-align: middle !important;
  margin: 1px 0 !important;
  /* 0 margin left/right needed for correct spacing on Safari */
  max-width: 28em !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  background-color: #fff !important;
  border: 1px solid #1d659c !important;
  border-radius: 0rem !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-transition-duration: 0.2s !important;
  transition-duration: 0.2s !important;
  -webkit-transition-property: -webkit-transform !important;
  transition-property: -webkit-transform !important;
  transition-property: transform !important;
  transition-property: transform, -webkit-transform !important;
  -webkit-font-smoothing: antialiased !important;
  /* Safari-only: smooth transform */
}
.RichTextImageDialog---btn.RichTextImageDialog---match_input_shape {
  border-radius: 0rem !important;
}
.RichTextImageDialog---btn.RichTextImageDialog---inAccentBackground {
  color: #fff !important;
  fill: #fff !important;
  background-color: #1d659c !important;
  border: 1px solid #fff !important;
}
.RichTextImageDialog---btn:not(.RichTextImageDialog---minimize_width):not(.RichTextImageDialog---fill_width):not(.RichTextImageDialog---icon_only) {
  /* FILL buttons always take up full width. MINIMIZE never take up full width.
      On a phone-sized browser:
      DEFAULT buttons take up full width. Icon-only DEFAULT buttons do not take up full width.
      DEFAULT icon-only buttons stack. MINIMIZE icon-only buttons do not stack. */
}
.appian-context-ux-page-size-phone .RichTextImageDialog---btn:not(.RichTextImageDialog---minimize_width):not(.RichTextImageDialog---fill_width):not(.RichTextImageDialog---icon_only) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
.RichTextImageDialog---btn:disabled {
  -webkit-transform: none !important;
          transform: none !important;
  opacity: 0.5 !important;
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  cursor: default !important;
  box-shadow: none !important;
}
.RichTextImageDialog---btn.RichTextImageDialog---inAccentBackground:disabled {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
}
.RichTextImageDialog---btn:not(:disabled):active,
.RichTextImageDialog---btn:not(:disabled):hover {
  box-shadow: 0 0px 5px #2173b2 !important;
}
.RichTextImageDialog---btn.RichTextImageDialog---inAccentBackground:not(:disabled):active,
.RichTextImageDialog---btn.RichTextImageDialog---inAccentBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #fff !important;
}
:not(.RichTextImageDialog---accent):not(.RichTextImageDialog---secondary):not(.RichTextImageDialog---negative):not(.RichTextImageDialog---hex) .RichTextImageDialog---btn.RichTextImageDialog---link_style.RichTextImageDialog---inDarkBackground:not(:disabled):active,
:not(.RichTextImageDialog---accent):not(.RichTextImageDialog---secondary):not(.RichTextImageDialog---negative):not(.RichTextImageDialog---hex) .RichTextImageDialog---btn.RichTextImageDialog---link_style.RichTextImageDialog---inDarkBackground:not(:disabled):hover {
  box-shadow: 0 0px 5px #eee !important;
}
.RichTextImageDialog---btn:not(:disabled):active {
  -webkit-transform: scaleX(0.98) scaleY(0.98) !important;
  transform: scaleX(0.98) scaleY(0.98) !important;
}
.RichTextImageDialog---btn.RichTextImageDialog---inGridLayout {
  max-width: 100% !important;
}
.RichTextImageDialog---btn.RichTextImageDialog---inToolbarLayout.RichTextImageDialog---icon_only {
  height: 1.5714rem !important;
  margin: 0 !important;
  color: #666 !important;
  fill: #666 !important;
  border-color: transparent !important;
  background-color: transparent !important;
}
.RichTextImageDialog---btn.RichTextImageDialog---inToolbarLayout.RichTextImageDialog---icon_only {
  padding: 2px 6px !important;
}
.RichTextImageDialog---btn.RichTextImageDialog---inToolbarLayout:not(:disabled):active,
.RichTextImageDialog---btn.RichTextImageDialog---inToolbarLayout:not(:disabled):focus:not(.appian-context-ux-mouse-focus),
.RichTextImageDialog---btn.RichTextImageDialog---inToolbarLayout:not(:disabled):hover {
  box-shadow: 0 0px 4px var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-color: #bbb !important;
}
.RichTextImageDialog---btn.RichTextImageDialog---inToolbarLayout svg.RichTextImageDialog---icon {
  vertical-align: 0 !important;
}
.RichTextImageDialog---align_start {
  text-align: left !important;
}
.RichTextImageDialog---align_end {
  text-align: right !important;
}
.RichTextImageDialog---center {
  text-align: center !important;
}
.RichTextImageDialog---text::-ms-clear,
.RichTextImageDialog---picker_input::-ms-clear {
  display: none !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.RichTextImageDialog---text::-webkit-input-placeholder,
.RichTextImageDialog---password::-webkit-input-placeholder,
.RichTextImageDialog---picker_input::-webkit-input-placeholder,
.RichTextImageDialog---dropdown_value::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-style: italic !important;
  font-weight: 400 !important;
}
.RichTextImageDialog---text::-moz-placeholder,
.RichTextImageDialog---password::-moz-placeholder,
.RichTextImageDialog---picker_input::-moz-placeholder,
.RichTextImageDialog---dropdown_value::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.RichTextImageDialog---text:-ms-input-placeholder,
.RichTextImageDialog---password:-ms-input-placeholder,
.RichTextImageDialog---picker_input:-ms-input-placeholder,
.RichTextImageDialog---dropdown_value:-ms-input-placeholder,
.RichTextImageDialog---dropdown_value:disabled:-ms-input-placeholder,
.RichTextImageDialog---text:disabled:-ms-input-placeholder,
.RichTextImageDialog---password:disabled:-ms-input-placeholder,
.RichTextImageDialog---picker_input:disabled:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.RichTextImageDialog---textarea_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.RichTextImageDialog---text.RichTextImageDialog---has_clear_link,
.RichTextImageDialog---password.RichTextImageDialog---has_clear_link {
  padding-right: 1.5714rem !important;
}
.RichTextImageDialog---text,
.RichTextImageDialog---password,
.RichTextImageDialog---textarea,
.RichTextImageDialog---textarea_print,
.RichTextImageDialog---dropdown_value,
.RichTextImageDialog---picker_value,
.RichTextImageDialog---date_range_value,
.RichTextImageDialog---date_picker2__control {
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  /* needs extra decimals for correct alignment in some browsers */
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  width: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
}
.RichTextImageDialog---text.RichTextImageDialog---inDarkBackground,
.RichTextImageDialog---password.RichTextImageDialog---inDarkBackground,
.RichTextImageDialog---textarea.RichTextImageDialog---inDarkBackground,
.RichTextImageDialog---textarea_print.RichTextImageDialog---inDarkBackground,
.RichTextImageDialog---dropdown_value.RichTextImageDialog---inDarkBackground,
.RichTextImageDialog---picker_value.RichTextImageDialog---inDarkBackground,
.RichTextImageDialog---date_range_value.RichTextImageDialog---inDarkBackground,
.RichTextImageDialog---date_picker2__control.RichTextImageDialog---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.RichTextImageDialog---dropdown,
.RichTextImageDialog---picker {
  position: relative !important;
  font-size: 1rem !important;
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}
.RichTextImageDialog---dropdown_value,
.RichTextImageDialog---picker_value {
  min-height: 2.4286rem !important;
}
.appian-context-browser-safari .RichTextImageDialog---text,
.appian-context-browser-safari .RichTextImageDialog---textarea {
  margin: 0 !important;
  /* needed to prevent 2px margin-top & margin-bottom on Safari */
}
.appian-context-os-ios .RichTextImageDialog---text,
.appian-context-os-ios .RichTextImageDialog---password,
.appian-context-os-ios .RichTextImageDialog---textarea,
.appian-context-os-ios .RichTextImageDialog---textarea_print,
.appian-context-os-ios .RichTextImageDialog---dropdown_value,
.appian-context-os-ios .RichTextImageDialog---picker_value {
  font-family: -apple-system !important;
}
.appian-context-os-android .RichTextImageDialog---text,
.appian-context-os-android .RichTextImageDialog---password,
.appian-context-os-android .RichTextImageDialog---textarea,
.appian-context-os-android .RichTextImageDialog---textarea_print,
.appian-context-os-android .RichTextImageDialog---dropdown_value,
.appian-context-os-android .RichTextImageDialog---picker_value {
  font-family: "Roboto" !important;
}
.RichTextImageDialog---text.RichTextImageDialog---width_narrow,
.RichTextImageDialog---password.RichTextImageDialog---width_narrow,
.RichTextImageDialog---textarea.RichTextImageDialog---width_narrow,
.RichTextImageDialog---textarea_print.RichTextImageDialog---width_narrow,
.RichTextImageDialog---dropdown.RichTextImageDialog---width_narrow,
.RichTextImageDialog---picker.RichTextImageDialog---width_narrow {
  max-width: 160px !important;
}
.RichTextImageDialog---text.RichTextImageDialog---width_medium,
.RichTextImageDialog---password.RichTextImageDialog---width_medium,
.RichTextImageDialog---textarea.RichTextImageDialog---width_medium,
.RichTextImageDialog---textarea_print.RichTextImageDialog---width_medium,
.RichTextImageDialog---dropdown.RichTextImageDialog---width_medium,
.RichTextImageDialog---picker.RichTextImageDialog---width_medium {
  max-width: 320px !important;
}
.RichTextImageDialog---text:focus,
.RichTextImageDialog---password:focus,
.RichTextImageDialog---textarea:focus,
.RichTextImageDialog---dropdown_value:focus,
.RichTextImageDialog---dropdown_value.RichTextImageDialog---focus,
.RichTextImageDialog---picker_value:focus,
.RichTextImageDialog---picker_value.RichTextImageDialog---focus,
.RichTextImageDialog---date_picker2__control.RichTextImageDialog---date_picker2__control--is-focused {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.RichTextImageDialog---text:disabled,
.RichTextImageDialog---password:disabled,
.RichTextImageDialog---textarea:disabled,
.RichTextImageDialog---textarea.RichTextImageDialog---is_disabled,
.RichTextImageDialog---dropdown_value.RichTextImageDialog---is_disabled,
.RichTextImageDialog---picker_value.RichTextImageDialog---is_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  /* needed to prevent dropdown & picker from getting focus styling on click on IE */
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.RichTextImageDialog---text:disabled,
.RichTextImageDialog---password:disabled,
.RichTextImageDialog---textarea:disabled,
.RichTextImageDialog---textarea.RichTextImageDialog---is_disabled,
.RichTextImageDialog---dropdown_value.RichTextImageDialog---is_disabled:after,
.RichTextImageDialog---dropdown_value.RichTextImageDialog---is_disabled:not(.RichTextImageDialog---placeholder) {
  color: var(--appian-disabled-text-color, #777) !important;
  -webkit-text-fill-color: var(--appian-disabled-text-color, #777) !important;
  /* needed so disabled text color is correct in Safari */
}
.RichTextImageDialog---picker_value.RichTextImageDialog---is_disabled {
  cursor: default !important;
  /* needed to prevent text cursor */
}
.RichTextImageDialog---text[aria-invalid="true"]:not(.RichTextImageDialog---inEditableGridLayout),
.RichTextImageDialog---password[aria-invalid="true"]:not(.RichTextImageDialog---inEditableGridLayout),
.RichTextImageDialog---textarea[aria-invalid="true"]:not(.RichTextImageDialog---inEditableGridLayout),
.RichTextImageDialog---dropdown_value[aria-invalid="true"]:not(.RichTextImageDialog---inEditableGridLayout),
.RichTextImageDialog---picker_value.RichTextImageDialog---invalid:not(.RichTextImageDialog---inEditableGridLayout) {
  border-color: #de0037 !important;
}
.RichTextImageDialog---text[aria-invalid="true"]:not(.RichTextImageDialog---inEditableGridLayout).RichTextImageDialog---inDarkBackground,
.RichTextImageDialog---password[aria-invalid="true"]:not(.RichTextImageDialog---inEditableGridLayout).RichTextImageDialog---inDarkBackground,
.RichTextImageDialog---textarea[aria-invalid="true"]:not(.RichTextImageDialog---inEditableGridLayout).RichTextImageDialog---inDarkBackground,
.RichTextImageDialog---dropdown_value[aria-invalid="true"]:not(.RichTextImageDialog---inEditableGridLayout).RichTextImageDialog---inDarkBackground,
.RichTextImageDialog---picker_value.RichTextImageDialog---invalid:not(.RichTextImageDialog---inEditableGridLayout).RichTextImageDialog---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.RichTextImageDialog---text[aria-invalid="true"]:not(.RichTextImageDialog---inEditableGridLayout):focus,
.RichTextImageDialog---password[aria-invalid="true"]:not(.RichTextImageDialog---inEditableGridLayout):focus,
.RichTextImageDialog---textarea[aria-invalid="true"]:not(.RichTextImageDialog---inEditableGridLayout):focus,
.RichTextImageDialog---dropdown_value[aria-invalid="true"]:not(.RichTextImageDialog---inEditableGridLayout):focus,
.RichTextImageDialog---picker_value.RichTextImageDialog---invalid:not(.RichTextImageDialog---inEditableGridLayout):focus,
.RichTextImageDialog---picker_value.RichTextImageDialog---invalid:not(.RichTextImageDialog---inEditableGridLayout).RichTextImageDialog---focus {
  border-color: #1d659c !important;
}
.RichTextImageDialog---picker_value.RichTextImageDialog---invalid:not(.RichTextImageDialog---inEditableGridLayout),
.RichTextImageDialog---picker_value.RichTextImageDialog---invalid:not(.RichTextImageDialog---inEditableGridLayout):focus,
.RichTextImageDialog---picker_value.RichTextImageDialog---invalid:not(.RichTextImageDialog---inEditableGridLayout).RichTextImageDialog---focus {
  z-index: 2 !important;
}
.RichTextImageDialog---text[aria-invalid="true"].RichTextImageDialog---inEditableGridLayout.RichTextImageDialog---inSideBySideItem,
.RichTextImageDialog---text[aria-invalid="true"].RichTextImageDialog---inEditableGridLayout.RichTextImageDialog---inSideBySideItem:focus,
.RichTextImageDialog---password[aria-invalid="true"].RichTextImageDialog---inEditableGridLayout.RichTextImageDialog---inSideBySideItem,
.RichTextImageDialog---password[aria-invalid="true"].RichTextImageDialog---inEditableGridLayout.RichTextImageDialog---inSideBySideItem:focus,
.RichTextImageDialog---dropdown_value[aria-invalid="true"].RichTextImageDialog---inEditableGridLayout.RichTextImageDialog---inSideBySideItem,
.RichTextImageDialog---dropdown_value[aria-invalid="true"].RichTextImageDialog---inEditableGridLayout.RichTextImageDialog---inSideBySideItem:focus,
.RichTextImageDialog---picker_value.RichTextImageDialog---invalid.RichTextImageDialog---inEditableGridLayout.RichTextImageDialog---inSideBySideItem,
.RichTextImageDialog---picker_value.RichTextImageDialog---invalid.RichTextImageDialog---inEditableGridLayout.RichTextImageDialog---inSideBySideItem:focus,
.RichTextImageDialog---picker_value.RichTextImageDialog---invalid.RichTextImageDialog---inEditableGridLayout.RichTextImageDialog---inSideBySideItem.RichTextImageDialog---focus {
  border: 1px solid transparent !important;
}
.RichTextImageDialog---invalidInSideBySide,
.RichTextImageDialog---invalidInSideBySide:focus {
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.RichTextImageDialog---invalidInSideBySide.RichTextImageDialog---inDarkBackground,
.RichTextImageDialog---invalidInSideBySide:focus.RichTextImageDialog---inDarkBackground {
  border-left-color: var(--appian-input-border-color, #ddd) !important;
  border-right-color: var(--appian-input-border-color, #ddd) !important;
}
.RichTextImageDialog---textarea[aria-invalid="true"].RichTextImageDialog---inEditableGridLayout.RichTextImageDialog---inSideBySideItem,
.RichTextImageDialog---textarea[aria-invalid="true"].RichTextImageDialog---inEditableGridLayout.RichTextImageDialog---inSideBySideItem:focus {
  border-color: #de0037 !important;
}
.RichTextImageDialog---textarea[aria-invalid="true"].RichTextImageDialog---inEditableGridLayout.RichTextImageDialog---inSideBySideItem.RichTextImageDialog---inDarkBackground,
.RichTextImageDialog---textarea[aria-invalid="true"].RichTextImageDialog---inEditableGridLayout.RichTextImageDialog---inSideBySideItem.RichTextImageDialog---inDarkBackground:focus {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.RichTextImageDialog---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.RichTextImageDialog---show_data_icon .RichTextImageDialog---text,
.RichTextImageDialog---show_data_icon .RichTextImageDialog---password,
.RichTextImageDialog---show_data_icon .RichTextImageDialog---textarea,
.RichTextImageDialog---show_data_icon .RichTextImageDialog---dropdown_value {
  padding-left: 1.7857rem !important;
}
.RichTextImageDialog---text.RichTextImageDialog---has_clear_link,
.RichTextImageDialog---password.RichTextImageDialog---has_clear_link {
  padding-right: 1.5714rem !important;
}
.RichTextImageDialog---character_count {
  position: absolute !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 300 !important;
  right: 0 !important;
  bottom: 0 !important;
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  pointer-events: none !important;
}
.RichTextImageDialog---character_count.RichTextImageDialog---over_limit:not(.RichTextImageDialog---inDarkBackground) {
  color: #de0037 !important;
  fill: #de0037 !important;
}
.RichTextImageDialog---character_count.RichTextImageDialog---over_limit.RichTextImageDialog---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.RichTextImageDialog---character_count .RichTextImageDialog---icon_container {
  outline: none !important;
  margin-right: 3px !important;
  margin-bottom: -2px !important;
}
.RichTextImageDialog---character_count .RichTextImageDialog---icon_container > svg {
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
.RichTextImageDialog---character_count_overlay {
  background-color: var(--appian-input-background-color-faded, #fffd) !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 0.7143rem 0.5714rem 0 !important;
  z-index: 3 !important;
}
.appian-context-os-windows .RichTextImageDialog---character_count_overlay {
  margin: 0 1.2857rem 0.5714rem 0 !important;
}
.RichTextImageDialog---textarea:disabled + .RichTextImageDialog---character_count_overlay,
.RichTextImageDialog---character_count_overlay_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.RichTextImageDialog---data_icon {
  position: absolute !important;
  top: 0.7143rem !important;
  left: 0.5714rem !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  fill: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
a.RichTextImageDialog---input_clear_link {
  border: none !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.RichTextImageDialog---input_icon_wrapper > a.RichTextImageDialog---input_clear_link {
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.9286rem !important;
}
.appian-context-browser-edge .RichTextImageDialog---input_icon_wrapper > a.RichTextImageDialog---input_clear_link {
  top: 0.5rem !important;
}
.RichTextImageDialog---dropdown_value a.RichTextImageDialog---input_clear_link {
  position: absolute !important;
  right: 1.4286rem !important;
  top: 0.5714rem !important;
}
.appian-context-os-mac.appian-context-browser-chrome .RichTextImageDialog---dropdown_value a.RichTextImageDialog---input_clear_link {
  top: 0.5rem !important;
}
a.RichTextImageDialog---input_clear_link:hover,
a.RichTextImageDialog---input_clear_link:focus:not([data-appian-ux-mouse-focus]) {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.RichTextImageDialog---dropdown .RichTextImageDialog---dropdown_value.RichTextImageDialog---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.RichTextImageDialog---dropdown_value.RichTextImageDialog---has_inline_label span.RichTextImageDialog---inline_label,
.RichTextImageDialog---date_range_value.RichTextImageDialog---has_inline_label span.RichTextImageDialog---inline_label {
  display: inline-block !important;
  max-width: 70% !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.7857rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.1429rem !important;
  vertical-align: -0.2143rem !important;
  margin-right: 0.5rem !important;
  padding-right: 0.5rem !important;
  border-right: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.RichTextImageDialog---dropdown_value.RichTextImageDialog---has_inline_label.RichTextImageDialog---inDarkBackground span.RichTextImageDialog---inline_label,
.RichTextImageDialog---date_range_value.RichTextImageDialog---has_inline_label.RichTextImageDialog---inDarkBackground span.RichTextImageDialog---inline_label {
  border-right-color: var(--appian-choice-border-color, #bbb) !important;
}
.appian-context-browser-safari .RichTextImageDialog---dropdown_value.RichTextImageDialog---has_inline_label span.RichTextImageDialog---inline_label,
.appian-context-browser-safari .RichTextImageDialog---date_range_value.RichTextImageDialog---has_inline_label span.RichTextImageDialog---inline_label {
  vertical-align: inherit !important;
}
.RichTextImageDialog---dropdown_value.RichTextImageDialog---has_inline_label.RichTextImageDialog---highlighted span.RichTextImageDialog---value_display,
.RichTextImageDialog---date_range_value.RichTextImageDialog---has_inline_label.RichTextImageDialog---highlighted span.RichTextImageDialog---value_display {
  font-weight: 700 !important;
}
.RichTextImageDialog---dropdown_value.RichTextImageDialog---has_inline_label a.RichTextImageDialog---input_clear_link,
.RichTextImageDialog---date_range_value.RichTextImageDialog---has_inline_label a.RichTextImageDialog---input_clear_link {
  display: none !important;
  position: absolute !important;
  right: 1.5714rem !important;
  top: 0.5714rem !important;
}
.RichTextImageDialog---dropdown_value.RichTextImageDialog---has_inline_label.RichTextImageDialog---highlighted a.RichTextImageDialog---input_clear_link,
.RichTextImageDialog---date_range_value.RichTextImageDialog---has_inline_label.RichTextImageDialog---highlighted a.RichTextImageDialog---input_clear_link {
  display: inline-block !important;
}
.RichTextImageDialog---date_range_value.RichTextImageDialog---has_inline_label.RichTextImageDialog---validation:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.RichTextImageDialog---date_range_value.RichTextImageDialog---has_inline_label.RichTextImageDialog---validation:before {
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.RichTextImageDialog---date_range_value.RichTextImageDialog---has_inline_label.RichTextImageDialog---validation.RichTextImageDialog---inDarkBackground:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.RichTextImageDialog---number_range_input.RichTextImageDialog---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.RichTextImageDialog---date_range_value.RichTextImageDialog---has_inline_label.RichTextImageDialog---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
}
.RichTextImageDialog---date_range_value.RichTextImageDialog---has_inline_label.RichTextImageDialog---validation.RichTextImageDialog---inDarkBackground:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.RichTextImageDialog---number_range_input.RichTextImageDialog---validation,
.RichTextImageDialog---date_range_value.RichTextImageDialog---has_inline_label.RichTextImageDialog---validation {
  position: relative !important;
  border-color: transparent !important;
}
.RichTextImageDialog---image_dialog {
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  -webkit-appearance: none !important;
  background-color: #fff !important;
  z-index: 2000020 !important;
  white-space: nowrap !important;
  margin: 0 !important;
  padding: 0.7143rem !important;
  -ms-user-select: none !important;
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  text-align: left !important;
  outline: none !important;
  font-size: 1rem !important;
  width: 266px !important;
}
/* styles parallel FieldLayout.less */
.RichTextImageDialog---field_layout {
  display: table !important;
  width: 100% !important;
  table-layout: fixed !important;
  text-align: left !important;
  word-wrap: break-word !important;
  margin-bottom: 0.7143rem !important;
}
.RichTextImageDialog---label_above {
  display: block !important;
  padding: 0 0 6px 0 !important;
  font-size: 0 !important;
}
.RichTextImageDialog---label_above > label {
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: var(--appian-text-color, #222) !important;
  word-wrap: break-word !important;
  margin: 0 !important;
}
.RichTextImageDialog---image_dialog_button {
  text-align: right !important;
  margin-left: 4px !important;
}
.appian-context-ux-page-size-phone .RichTextImageDialog---image_dialog_button {
  margin-left: 0 !important;
}

.RichTextFontAwesomeIcon---inTabButtonWidget:not(:only-child),
.RichTextFontAwesomeIcon---inDynamicLink {
  margin-right: 0.4286rem !important;
}
.RichTextFontAwesomeIcon---inTabButtonWidget {
  vertical-align: middle !important;
  line-height: inherit !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* these styles match rich text link styles defined in LinkedItem.less */
.RichTextListItem---inMessageLayout a.RichTextListItem---inStrongText {
  font-weight: 700 !important;
}
.RichTextListItem---inMessageLayout a.RichTextListItem---inEmphasisText {
  font-style: italic !important;
}
/* end of matching styles */
.RichTextListItem---inMessageLayout a,
.RichTextListItem---inMessageLayout a:hover,
.RichTextListItem---inMessageLayout a:focus:not(.RichTextListItem---appian-context-ux-mouse-focus) {
  color: #1d659c !important;
  border-color: #1d659c !important;
}
.RichTextListItem---inMessageLayout.RichTextListItem---standard,
.RichTextListItem---inMessageLayout.RichTextListItem---info,
.RichTextListItem---inMessageLayout.RichTextListItem---warn,
.RichTextListItem---inMessageLayout.RichTextListItem---success {
  color: var(--appian-text-color, #222) !important;
}
.RichTextListItem---inMessageLayout.RichTextListItem---error:not(.RichTextListItem---inDarkBackground) {
  color: #de0037 !important;
}
.appian-context-browser-safari div.RichTextListItem---nowrap,
.appian-context-browser-firefox div.RichTextListItem---nowrap,
.appian-context-browser-chrome div.RichTextListItem---nowrap {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.appian-context-browser-edge div.RichTextListItem---nowrap {
  display: inline !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
img.SafeImageWidget---image {
  max-width: 100% !important;
}
/* needed to prevent browser focus on selectable tooltips */
img.SafeImageWidget---image:focus {
  outline: none !important;
}
img.SafeImageWidget---image.SafeImageWidget---icon {
  max-width: 20px !important;
  max-height: 20px !important;
  vertical-align: middle !important;
}
img.SafeImageWidget---image.SafeImageWidget---icon_plus {
  max-width: 40px !important;
  max-height: 40px !important;
  vertical-align: middle !important;
}
img.SafeImageWidget---image.SafeImageWidget---icon.SafeImageWidget---inImageWrapper {
  /* rich text image */
  margin-right: 3px !important;
  width: 20px !important;
  vertical-align: text-top !important;
  display: inline-block !important;
}
img.SafeImageWidget---image.SafeImageWidget---icon.SafeImageWidget---inMenuItem {
  margin-right: 0.4286rem !important;
}
img.SafeImageWidget---image.SafeImageWidget---tiny {
  max-height: 120px !important;
  max-width: 60px !important;
}
img.SafeImageWidget---image.SafeImageWidget---extra_small {
  max-height: 160px !important;
  max-width: 80px !important;
}
img.SafeImageWidget---image.SafeImageWidget---small {
  max-height: 200px !important;
  max-width: 100px !important;
}
img.SafeImageWidget---image.SafeImageWidget---small_plus {
  max-height: 300px !important;
  max-width: 150px !important;
}
img.SafeImageWidget---image.SafeImageWidget---medium {
  max-height: 400px !important;
  max-width: 200px !important;
}
img.SafeImageWidget---image.SafeImageWidget---medium_plus {
  max-height: 500px !important;
  max-width: 300px !important;
}
img.SafeImageWidget---image.SafeImageWidget---large {
  max-height: 600px !important;
  max-width: 400px !important;
}
img.SafeImageWidget---image.SafeImageWidget---large_plus {
  max-height: 800px !important;
  max-width: 600px !important;
}
img.SafeImageWidget---image.SafeImageWidget---extra_large {
  max-height: 1000px !important;
  max-width: 800px !important;
}
img.SafeImageWidget---image.SafeImageWidget---gallery {
  max-height: 80px !important;
  max-width: 270px !important;
}
img.SafeImageWidget---image.SafeImageWidget---newsicon {
  max-height: 54px !important;
  max-width: 54px !important;
}
img.SafeImageWidget---image.SafeImageWidget---news_large {
  max-height: 700px !important;
  max-width: 100% !important;
}
img.SafeImageWidget---image.SafeImageWidget---comment_author {
  max-height: 34px !important;
  max-width: 34px !important;
}
a > img.SafeImageWidget---image {
  display: block !important;
  /* needed to get rid of unexplained white space above/below images */
}
a.SafeImageWidget---image_link,
a.SafeImageWidget---image_link:focus,
a.SafeImageWidget---image_link:hover,
a.SafeImageWidget---thumbnail {
  display: inline-block !important;
  border: none !important;
}
a.SafeImageWidget---image_link.SafeImageWidget---inImageGroup,
a.SafeImageWidget---thumbnail.SafeImageWidget---inImageGroup {
  max-width: 100% !important;
  /* needed so standard (non-avatar) images with links or thumbnail behavior size correctly on IE11 */
}
.appian-context-browser-edge a.SafeImageWidget---image_link,
.appian-context-browser-edge a.SafeImageWidget---image_link:focus,
.appian-context-browser-edge a.SafeImageWidget---image_link:hover,
.appian-context-browser-edge a.SafeImageWidget---thumbnail {
  border: 1px solid transparent !important;
}
.appian-context-browser-edge a.SafeImageWidget---thumbnail.SafeImageWidget---inNewsEntryLayout {
  border: none !important;
}
a.SafeImageWidget---thumbnail > img.SafeImageWidget---image {
  border: 6px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
a.SafeImageWidget---thumbnail > img.SafeImageWidget---image.SafeImageWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
a.SafeImageWidget---thumbnail > img.SafeImageWidget---image.SafeImageWidget---inNewsEntryLayout {
  border: none !important;
}
a.SafeImageWidget---thumbnail > img.SafeImageWidget---image.SafeImageWidget---small_plus,
a.SafeImageWidget---thumbnail > img.SafeImageWidget---image.SafeImageWidget---small,
a.SafeImageWidget---thumbnail > img.SafeImageWidget---image.SafeImageWidget---extra_small,
a.SafeImageWidget---thumbnail > img.SafeImageWidget---image.SafeImageWidget---tiny,
a.SafeImageWidget---thumbnail > img.SafeImageWidget---image.SafeImageWidget---gallery,
a.SafeImageWidget---thumbnail > img.SafeImageWidget---image.SafeImageWidget---icon_plus,
a.SafeImageWidget---thumbnail > img.SafeImageWidget---image.SafeImageWidget---icon {
  border-width: 3px !important;
}
a.SafeImageWidget---thumbnail > img.SafeImageWidget---image.SafeImageWidget---gallery.SafeImageWidget---inNewsEntryLayout {
  border: none !important;
}
a.SafeImageWidget---image_link:focus:not(.appian-context-ux-mouse-focus),
a.SafeImageWidget---image_link:hover,
a.SafeImageWidget---thumbnail:focus:not(.appian-context-ux-mouse-focus),
a.SafeImageWidget---thumbnail:hover {
  outline: 2px solid #1d659c !important;
  outline-offset: -2px !important;
}
a.SafeImageWidget---image_link.SafeImageWidget---inAccentBackground:focus:not(.appian-context-ux-mouse-focus),
a.SafeImageWidget---image_link.SafeImageWidget---inAccentBackground:hover,
a.SafeImageWidget---thumbnail.SafeImageWidget---inAccentBackground:focus:not(.appian-context-ux-mouse-focus),
a.SafeImageWidget---thumbnail.SafeImageWidget---inAccentBackground:hover {
  outline: 2px solid #fff !important;
  outline-offset: -2px !important;
}
.appian-context-browser-edge a.SafeImageWidget---image_link:focus:not(.appian-context-ux-mouse-focus),
.appian-context-browser-edge a.SafeImageWidget---image_link:hover,
.appian-context-browser-edge a.SafeImageWidget---thumbnail:focus:not(.appian-context-ux-mouse-focus),
.appian-context-browser-edge a.SafeImageWidget---thumbnail:hover {
  outline: none !important;
  border-color: #1d659c !important;
}
.appian-context-browser-edge a.SafeImageWidget---thumbnail.SafeImageWidget---inNewsEntryLayout:focus:not(.appian-context-ux-mouse-focus),
.appian-context-browser-edge a.SafeImageWidget---thumbnail.SafeImageWidget---inNewsEntryLayout:hover {
  outline: 1px solid #1d659c !important;
}
a.SafeImageWidget---avatar_image {
  display: inline-block !important;
  font-size: 0 !important;
  text-align: center !important;
  overflow: hidden !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  -moz-osx-font-smoothing: grayscale !important;
  cursor: default !important;
}
a.SafeImageWidget---avatar_image.SafeImageWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
a.SafeImageWidget---avatar_image.SafeImageWidget---user_image {
  border-width: 0px !important;
}
a.SafeImageWidget---inCardLayoutClickable {
  cursor: pointer !important;
}
a.SafeImageWidget---avatar_image:hover,
a.SafeImageWidget---avatar_image:focus,
a.SafeImageWidget---avatar_image:active {
  border-color: var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
a.SafeImageWidget---avatar_image:hover.SafeImageWidget---inDarkBackground,
a.SafeImageWidget---avatar_image:focus.SafeImageWidget---inDarkBackground,
a.SafeImageWidget---avatar_image:active.SafeImageWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
a[href].SafeImageWidget---avatar_image:hover,
a[href].SafeImageWidget---avatar_image:focus:not(.appian-context-ux-mouse-focus) {
  border-color: #1d659c !important;
  cursor: pointer !important;
}
a[href].SafeImageWidget---avatar_image.SafeImageWidget---inAccentBackground:hover,
a[href].SafeImageWidget---avatar_image.SafeImageWidget---inAccentBackground:focus:not(.appian-context-ux-mouse-focus) {
  border-color: #fff !important;
}
a.SafeImageWidget---avatar_image > span {
  display: inline-block !important;
  height: 100% !important;
  width: 100% !important;
  background-size: cover !important;
  background-position: center center !important;
}
div.SafeImageWidget---avatar_fit_container {
  position: relative !important;
  width: 100% !important;
}
div.SafeImageWidget---avatar_fit_container::before {
  content: "" !important;
  display: block !important;
  padding-top: 100% !important;
}
a.SafeImageWidget---avatar_image.SafeImageWidget---fit {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  border-radius: 50% !important;
  border-width: 3px !important;
}
a.SafeImageWidget---avatar_image.SafeImageWidget---icon {
  width: 26px !important;
  height: 26px !important;
  border-radius: 13px !important;
}
a.SafeImageWidget---avatar_image.SafeImageWidget---icon_plus {
  width: 32px !important;
  height: 32px !important;
  border-radius: 16px !important;
}
a.SafeImageWidget---avatar_image.SafeImageWidget---comment_author {
  width: 34px !important;
  height: 34px !important;
  border-radius: 17px !important;
}
a.SafeImageWidget---avatar_image.SafeImageWidget---tiny {
  width: 40px !important;
  height: 40px !important;
  border-radius: 20px !important;
}
a.SafeImageWidget---avatar_image.SafeImageWidget---extra_small {
  width: 50px !important;
  height: 50px !important;
  border-radius: 25px !important;
}
a.SafeImageWidget---avatar_image.SafeImageWidget---small {
  width: 60px !important;
  height: 60px !important;
  border-radius: 30px !important;
}
a.SafeImageWidget---avatar_image.SafeImageWidget---small_plus {
  width: 70px !important;
  height: 70px !important;
  border-radius: 35px !important;
}
a.SafeImageWidget---avatar_image.SafeImageWidget---medium {
  width: 85px !important;
  height: 85px !important;
  border-radius: 43px !important;
}
a.SafeImageWidget---avatar_image.SafeImageWidget---medium_plus {
  width: 110px !important;
  height: 110px !important;
  border-radius: 55px !important;
}
a.SafeImageWidget---avatar_image.SafeImageWidget---large {
  width: 140px !important;
  height: 140px !important;
  border-radius: 70px !important;
  border-width: 3px !important;
}
a.SafeImageWidget---avatar_image.SafeImageWidget---large_plus {
  width: 170px !important;
  height: 170px !important;
  border-radius: 85px !important;
  border-width: 3px !important;
}
a.SafeImageWidget---avatar_image.SafeImageWidget---extra_large {
  width: 200px !important;
  height: 200px !important;
  border-radius: 100px !important;
  border-width: 3px !important;
}
a.SafeImageWidget---avatar_image.SafeImageWidget---gallery {
  width: 80px !important;
  height: 80px !important;
  border-radius: 40px !important;
}
img.SafeImageWidget---logoPreview {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGUlEQVQImWNgQAInT578D8MMpEtQqB0JAACofzxVLqb1ggAAAABJRU5ErkJggg==) repeat !important;
}
.SafeImageWidget---pdf {
  border: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
}
.SafeImageWidget---pdf.SafeImageWidget---inDarkBackground {
  border-color: var(--appian-container-border-color, #d4d4d4) !important;
}

video.SafeVideoWidget---video_player {
  width: 100% !important;
  height: auto !important;
  max-height: 600px !important;
}
video.SafeVideoWidget---video_player:not(:first-child) {
  margin-top: 1rem !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ScatterChart---container {
  /*rtl:ignore*/
  direction: ltr !important;
  width: 100% !important;
  /**
   * We need to add an .inDarkBackground case that doesn't use the -hc LESS
   * variables because themingManager overrides the dark theme high contrast
   * values set in backgroundColorVariableOverrides
   */
}
.ScatterChart---container:not(.ScatterChart---inDarkBackground) svg path[stroke="rgba(200, 200, 200, 1)"] {
  stroke: var(--appian-chart-axis-line-color, rgba(200, 200, 200)) !important;
}
.ScatterChart---container:not(.ScatterChart---inDarkBackground) svg path[stroke="rgba(200, 200, 200, 0.5)"] {
  stroke: var(--appian-chart-grid-line-color, rgba(200, 200, 200, 0.5)) !important;
}
.ScatterChart---container.ScatterChart---inDarkBackground svg path[stroke="rgba(136, 136, 136, 1)"] {
  stroke: var(--appian-chart-axis-line-color-on-dark-bg, rgba(136, 136, 136)) !important;
}
.ScatterChart---container.ScatterChart---inDarkBackground svg path[stroke="rgba(136, 136, 136, 0.5)"] {
  stroke: var(--appian-chart-grid-line-color-on-dark-bg, rgba(136, 136, 136, 0.5)) !important;
}
.ScatterChart---chart_height_micro {
  height: 80px !important;
}
.ScatterChart---chart_height_short {
  height: 200px !important;
}
.ScatterChart---chart_height_medium {
  height: 400px !important;
}
.ScatterChart---chart_height_tall {
  height: 600px !important;
}
.ScatterChart---chart_height_auto {
  min-height: 400px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.SecondaryText---color_secondary {
  color: var(--appian-secondary-text-color, #767676) !important;
}
.SecondaryText---color_secondary:not(.SecondaryText---inStrongText) {
  font-weight: 300 !important;
}
.SecondaryText---color_secondary.SecondaryText---inAccentBackground {
  color: #ddd !important;
}
.SecondaryText---color_secondary.SecondaryText---inGaugeBillboardDarkOverlay,
.SecondaryText---color_secondary.SecondaryText---inDarkBackground.SecondaryText---inGaugeWidget {
  color: #eee !important;
}
.SecondaryText---color_secondary.SecondaryText---inGaugeBillboardLightOverlay {
  color: #222 !important;
}
.SecondaryText---color_secondary.SecondaryText---inDarkBackground.SecondaryText---inTimelineWidget {
  color: #c6c6c6 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.SectionLayout2---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .SectionLayout2---accessibilityhidden {
  font-size: 0 !important;
}
.SectionLayout2---section_header {
  text-align: left !important;
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
}
.SectionLayout2---section_header.SectionLayout2---accent,
.SectionLayout2---section_header.SectionLayout2---accent > a {
  color: #1d659c !important;
}
.SectionLayout2---section_header.SectionLayout2---accent.SectionLayout2---inAccentBackground,
.SectionLayout2---section_header.SectionLayout2---accent > a.SectionLayout2---inAccentBackground {
  color: #fff !important;
}
.SectionLayout2---section_header.SectionLayout2---accent.SectionLayout2---inDarkBackground,
.SectionLayout2---section_header.SectionLayout2---accent > a.SectionLayout2---inDarkBackground {
  color: #eee !important;
}
.SectionLayout2---section_header.SectionLayout2---accent.SectionLayout2---inLightBackground,
.SectionLayout2---section_header.SectionLayout2---accent > a.SectionLayout2---inLightBackground {
  color: #1d659c !important;
}
.SectionLayout2---section_header.SectionLayout2---secondary,
.SectionLayout2---section_header.SectionLayout2---secondary > a {
  color: var(--appian-secondary-text-color, #767676) !important;
}
.SectionLayout2---section_header.SectionLayout2---secondary.SectionLayout2---inAccentBackground,
.SectionLayout2---section_header.SectionLayout2---secondary > a.SectionLayout2---inAccentBackground {
  color: #ddd !important;
}
.SectionLayout2---section_header.SectionLayout2---standard,
.SectionLayout2---section_header.SectionLayout2---standard > a {
  color: #222 !important;
}
.SectionLayout2---section_header.SectionLayout2---standard.SectionLayout2---inDarkBackground,
.SectionLayout2---section_header.SectionLayout2---standard > a.SectionLayout2---inDarkBackground {
  color: #eee !important;
}
.SectionLayout2---section_header.SectionLayout2---positive,
.SectionLayout2---section_header.SectionLayout2---positive > a {
  color: #1cc101 !important;
}
.SectionLayout2---section_header.SectionLayout2---negative,
.SectionLayout2---section_header.SectionLayout2---negative > a {
  color: #de0037 !important;
}
.SectionLayout2---section_header,
.SectionLayout2---section_header > a {
  font-size: 1.5714rem !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  color: #1d659c !important;
  word-wrap: break-word !important;
}
.SectionLayout2---section_header.SectionLayout2---size_large_plus,
.SectionLayout2---section_header.SectionLayout2---size_large_plus > a {
  font-size: 3.7143rem !important;
  font-weight: 600 !important;
}
.SectionLayout2---section_header.SectionLayout2---size_large,
.SectionLayout2---section_header.SectionLayout2---size_large > a {
  font-size: 2.1429rem !important;
  font-weight: 600 !important;
}
.SectionLayout2---section_header.SectionLayout2---size_medium_plus,
.SectionLayout2---section_header.SectionLayout2---size_medium_plus > a {
  font-size: 1.8571rem !important;
  font-weight: 600 !important;
}
.SectionLayout2---section_header.SectionLayout2---size_small,
.SectionLayout2---section_header.SectionLayout2---size_small > a {
  font-size: 1.2143rem !important;
  font-weight: 600 !important;
}
.SectionLayout2---section_header.SectionLayout2---size_extra_small,
.SectionLayout2---section_header.SectionLayout2---size_extra_small > a {
  font-size: 1rem !important;
}
.SectionLayout2---section_header.SectionLayout2---subtle {
  font-size: 1rem !important;
  font-weight: 400 !important;
  margin-bottom: 0.7143rem !important;
}
.SectionLayout2---section_header.SectionLayout2---subtle > a {
  font-size: 1rem !important;
  font-weight: 400 !important;
}
.SectionLayout2---section_header.SectionLayout2---dod_nested_diff_label {
  font-size: 1.2143rem !important;
  font-weight: 400 !important;
  margin-bottom: 0.7143rem !important;
}
.SectionLayout2---section_header.SectionLayout2---dod_nested_diff_label > a {
  font-size: 1.2143rem !important;
  font-weight: 400 !important;
}
.SectionLayout2---decorative_icon {
  margin-right: 3px !important;
}
.SectionLayout2---size_large .SectionLayout2---decorative_icon,
.SectionLayout2---size_large_plus .SectionLayout2---decorative_icon {
  margin-right: 4px !important;
}
.SectionLayout2---has_errors .SectionLayout2---decorative_icon,
.SectionLayout2---section_toggle .SectionLayout2---decorative_icon {
  margin-left: 6px !important;
}
.SectionLayout2---section_header.SectionLayout2---has_errors .SectionLayout2---exclamation_triangle {
  display: inline-block !important;
  fill: #de0037 !important;
  width: 1rem !important;
  height: 1rem !important;
  margin-right: 0.2143rem !important;
}
.SectionLayout2---section_header.SectionLayout2---has_errors.SectionLayout2---inDarkBackground .SectionLayout2---exclamation_triangle {
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.SectionLayout2---size_extra_small.SectionLayout2---section_header.SectionLayout2---has_errors .SectionLayout2---exclamation_triangle {
  /*
    Takes in the font size float and returns the scaled background-size for the error icon
    to maintain consistency with original section label
  */
  width: 0.6363752068219423rem !important;
  height: 0.6363752068219423rem !important;
  background-size: 0.6363752068219423rem 0.6363752068219423rem !important;
}
.SectionLayout2---size_small.SectionLayout2---section_header.SectionLayout2---has_errors .SectionLayout2---exclamation_triangle {
  /*
    Takes in the font size float and returns the scaled background-size for the error icon
    to maintain consistency with original section label
  */
  width: 0.7727504136438844rem !important;
  height: 0.7727504136438844rem !important;
  background-size: 0.7727504136438844rem 0.7727504136438844rem !important;
}
.SectionLayout2---size_medium_plus.SectionLayout2---section_header.SectionLayout2---has_errors .SectionLayout2---exclamation_triangle {
  /*
    Takes in the font size float and returns the scaled background-size for the error icon
    to maintain consistency with original section label
  */
  width: 1.0909380170548555rem !important;
  height: 1.0909380170548555rem !important;
  background-size: 1.0909380170548555rem 1.0909380170548555rem !important;
}
.SectionLayout2---size_large.SectionLayout2---section_header.SectionLayout2---has_errors .SectionLayout2---exclamation_triangle {
  /*
    Takes in the font size float and returns the scaled background-size for the error icon
    to maintain consistency with original section label
  */
  width: 1.36368843069874rem !important;
  height: 1.36368843069874rem !important;
  background-size: 1.36368843069874rem 1.36368843069874rem !important;
}
.SectionLayout2---size_large_plus.SectionLayout2---section_header.SectionLayout2---has_errors .SectionLayout2---exclamation_triangle {
  /*
    Takes in the font size float and returns the scaled background-size for the error icon
    to maintain consistency with original section label
  */
  width: 2.3636884306987405rem !important;
  height: 2.3636884306987405rem !important;
  background-size: 2.3636884306987405rem 2.3636884306987405rem !important;
}
a.SectionLayout2---section_toggle {
  padding-left: 1.1429rem !important;
  position: relative !important;
  cursor: pointer !important;
}
.SectionLayout2---size_extra_small a.SectionLayout2---section_toggle {
  /*
    Takes in the font size float and returns the scaled padding-left for the collapse icon
    to maintain consistency with original section label
  */
  padding-left: 0.7273132238767979rem !important;
}
.SectionLayout2---size_small a.SectionLayout2---section_toggle {
  /*
    Takes in the font size float and returns the scaled padding-left for the collapse icon
    to maintain consistency with original section label
  */
  padding-left: 0.8831764477535955rem !important;
}
.SectionLayout2---size_medium_plus a.SectionLayout2---section_toggle {
  /*
    Takes in the font size float and returns the scaled padding-left for the collapse icon
    to maintain consistency with original section label
  */
  padding-left: 1.2468330596919943rem !important;
}
.SectionLayout2---size_large a.SectionLayout2---section_toggle {
  /*
    Takes in the font size float and returns the scaled padding-left for the collapse icon
    to maintain consistency with original section label
  */
  padding-left: 1.55855950744559rem !important;
}
.SectionLayout2---size_large_plus a.SectionLayout2---section_toggle {
  /*
    Takes in the font size float and returns the scaled padding-left for the collapse icon
    to maintain consistency with original section label
  */
  padding-left: 2.7014595074455907rem !important;
}
a.SectionLayout2---section_toggle:hover,
a.SectionLayout2---section_toggle:focus:not(.appian-context-ux-mouse-focus) {
  text-decoration: none !important;
}
a.SectionLayout2---section_toggle .SectionLayout2---collapse_icon_wrapper {
  display: inline-block !important;
  position: absolute !important;
  top: 0.6429rem !important;
  left: 0 !important;
  height: 1rem !important;
  width: 1rem !important;
  -webkit-transition: 0.3s -webkit-transform ease-in-out !important;
  transition: 0.3s -webkit-transform ease-in-out !important;
  transition: 0.3s transform ease-in-out !important;
  transition: 0.3s transform ease-in-out, 0.3s -webkit-transform ease-in-out !important;
}
.SectionLayout2---size_extra_small a.SectionLayout2---section_toggle .SectionLayout2---collapse_icon_wrapper {
  /*
    Takes in the font size float and returns the scaled position value for the collapse icon
    to maintain consistency with original section label
  */
  top: 0.4091256204658267rem !important;
  /*
    Takes in the font size float and returns the scaled width and height
     values to maintain consistency with original section label
  */
  width: 0.6363752068219423rem !important;
  height: 0.6363752068219423rem !important;
}
.SectionLayout2---size_small a.SectionLayout2---section_toggle .SectionLayout2---collapse_icon_wrapper {
  /*
    Takes in the font size float and returns the scaled position value for the collapse icon
    to maintain consistency with original section label
  */
  top: 0.4968012409316533rem !important;
  /*
    Takes in the font size float and returns the scaled width and height
     values to maintain consistency with original section label
  */
  width: 0.7727504136438844rem !important;
  height: 0.7727504136438844rem !important;
}
.SectionLayout2---size_medium_plus a.SectionLayout2---section_toggle .SectionLayout2---collapse_icon_wrapper {
  /*
    Takes in the font size float and returns the scaled position value for the collapse icon
    to maintain consistency with original section label
  */
  top: 0.7013640511645667rem !important;
  /*
    Takes in the font size float and returns the scaled width and height
     values to maintain consistency with original section label
  */
  width: 1.0909380170548555rem !important;
  height: 1.0909380170548555rem !important;
}
.SectionLayout2---size_large a.SectionLayout2---section_toggle .SectionLayout2---collapse_icon_wrapper {
  /*
    Takes in the font size float and returns the scaled position value for the collapse icon
    to maintain consistency with original section label
  */
  top: 0.87671529209622rem !important;
  /*
    Takes in the font size float and returns the scaled width and height
     values to maintain consistency with original section label
  */
  width: 1.36368843069874rem !important;
  height: 1.36368843069874rem !important;
}
.SectionLayout2---size_large_plus a.SectionLayout2---section_toggle .SectionLayout2---collapse_icon_wrapper {
  /*
    Takes in the font size float and returns the scaled position value for the collapse icon
    to maintain consistency with original section label
  */
  top: 1.51961529209622rem !important;
  /*
    Takes in the font size float and returns the scaled width and height
     values to maintain consistency with original section label
  */
  width: 2.3636884306987405rem !important;
  height: 2.3636884306987405rem !important;
}
a.SectionLayout2---section_toggle.SectionLayout2---dod_nested_diff_icon .SectionLayout2---collapse_icon_wrapper,
a.SectionLayout2---section_toggle.SectionLayout2---collapsed.SectionLayout2---dod_nested_diff_icon .SectionLayout2---collapse_icon_wrapper {
  top: 0.2857rem !important;
}
a.SectionLayout2---section_toggle .SectionLayout2---collapse_icon {
  fill: currentColor !important;
  width: 1rem !important;
  height: 1rem !important;
  vertical-align: top !important;
}
.SectionLayout2---section_header.SectionLayout2---size_extra_small a.SectionLayout2---section_toggle .SectionLayout2---collapse_icon {
  /*
    Takes in the font size float and returns the scaled width and height
     values to maintain consistency with original section label
  */
  width: 0.6363752068219423rem !important;
  height: 0.6363752068219423rem !important;
}
.SectionLayout2---section_header.SectionLayout2---size_small a.SectionLayout2---section_toggle .SectionLayout2---collapse_icon {
  /*
    Takes in the font size float and returns the scaled width and height
     values to maintain consistency with original section label
  */
  width: 0.7727504136438844rem !important;
  height: 0.7727504136438844rem !important;
}
.SectionLayout2---section_header.SectionLayout2---size_medium_plus a.SectionLayout2---section_toggle .SectionLayout2---collapse_icon {
  /*
    Takes in the font size float and returns the scaled width and height
     values to maintain consistency with original section label
  */
  width: 1.0909380170548555rem !important;
  height: 1.0909380170548555rem !important;
}
.SectionLayout2---section_header.SectionLayout2---size_large a.SectionLayout2---section_toggle .SectionLayout2---collapse_icon {
  /*
    Takes in the font size float and returns the scaled width and height
     values to maintain consistency with original section label
  */
  width: 1.36368843069874rem !important;
  height: 1.36368843069874rem !important;
}
.SectionLayout2---section_header.SectionLayout2---size_large_plus a.SectionLayout2---section_toggle .SectionLayout2---collapse_icon {
  /*
    Takes in the font size float and returns the scaled width and height
     values to maintain consistency with original section label
  */
  width: 2.3636884306987405rem !important;
  height: 2.3636884306987405rem !important;
}
a.SectionLayout2---section_toggle:hover .SectionLayout2---collapse_icon {
  -webkit-filter: drop-shadow(0 0 1px currentColor) !important;
          filter: drop-shadow(0 0 1px currentColor) !important;
}
a.SectionLayout2---section_toggle:focus:not(.appian-context-ux-mouse-focus) .SectionLayout2---collapse_icon_wrapper {
  outline: 1px dashed currentColor !important;
}
a.SectionLayout2---section_toggle.SectionLayout2---accent.SectionLayout2---inAccentBackground .SectionLayout2---collapse_icon {
  fill: #fff !important;
}
a.SectionLayout2---section_toggle.SectionLayout2---accent.SectionLayout2---inAccentBackground:hover .SectionLayout2---collapse_icon {
  -webkit-filter: drop-shadow(0 0 1px #fff) !important;
          filter: drop-shadow(0 0 1px #fff) !important;
}
a.SectionLayout2---section_toggle.SectionLayout2---accent.SectionLayout2---inAccentBackground:focus:not(.appian-context-ux-mouse-focus) .SectionLayout2---collapse_icon_wrapper {
  outline-color: #fff !important;
}
a.SectionLayout2---section_toggle.SectionLayout2---accent.SectionLayout2---inDarkBackground .SectionLayout2---collapse_icon {
  fill: #eee !important;
}
a.SectionLayout2---section_toggle.SectionLayout2---accent.SectionLayout2---inDarkBackground:hover .SectionLayout2---collapse_icon {
  -webkit-filter: drop-shadow(0 0 1px #eee) !important;
          filter: drop-shadow(0 0 1px #eee) !important;
}
a.SectionLayout2---section_toggle.SectionLayout2---accent.SectionLayout2---inDarkBackground:focus:not(.appian-context-ux-mouse-focus) .SectionLayout2---collapse_icon_wrapper {
  outline-color: #eee !important;
}
a.SectionLayout2---section_toggle.SectionLayout2---standard.SectionLayout2---inDarkBackground .SectionLayout2---collapse_icon {
  fill: #eee !important;
}
a.SectionLayout2---section_toggle.SectionLayout2---standard.SectionLayout2---inDarkBackground:hover .SectionLayout2---collapse_icon {
  -webkit-filter: drop-shadow(0 0 1px #eee) !important;
          filter: drop-shadow(0 0 1px #eee) !important;
}
a.SectionLayout2---section_toggle.SectionLayout2---standard.SectionLayout2---inDarkBackground:focus:not(.appian-context-ux-mouse-focus) .SectionLayout2---collapse_icon_wrapper {
  outline-color: #eee !important;
}
a.SectionLayout2---section_toggle.SectionLayout2---accent.SectionLayout2---inLightBackground .SectionLayout2---collapse_icon {
  fill: #1d659c !important;
}
a.SectionLayout2---section_toggle.SectionLayout2---accent.SectionLayout2---inLightBackground:hover .SectionLayout2---collapse_icon {
  -webkit-filter: drop-shadow(0 0 1px #1d659c) !important;
          filter: drop-shadow(0 0 1px #1d659c) !important;
}
a.SectionLayout2---section_toggle.SectionLayout2---accent.SectionLayout2---inLightBackground:focus:not(.appian-context-ux-mouse-focus) .SectionLayout2---collapse_icon_wrapper {
  outline-color: #1d659c !important;
}
.SectionLayout2---subtle > a.SectionLayout2---section_toggle .SectionLayout2---collapse_icon_wrapper,
.SectionLayout2---subtle > a.SectionLayout2---section_toggle .SectionLayout2---collapse_icon {
  width: 0.8571rem !important;
  height: 0.8571rem !important;
}
a.SectionLayout2---section_toggle.SectionLayout2---collapsed .SectionLayout2---collapse_icon_wrapper {
  -webkit-transform: rotate(-90deg) !important;
          transform: rotate(-90deg) !important;
}
a.SectionLayout2---section_toggle span:focus {
  outline: none !important;
}
div.SectionLayout2---sub_section_header {
  font-size: 1.2857rem !important;
  font-weight: 400 !important;
  color: var(--appian-subtle-text-color, #666) !important;
  text-transform: uppercase !important;
}
div.SectionLayout2---section_contents {
  display: block !important;
}
div.SectionLayout2---section_contents.SectionLayout2---margin_below_none {
  padding-bottom: 0 !important;
}
div.SectionLayout2---section_contents.SectionLayout2---margin_below_standard {
  padding-bottom: 1rem !important;
}
div.SectionLayout2---section_contents.SectionLayout2---margin_below_less {
  padding-bottom: 0.5rem !important;
}
div.SectionLayout2---section_contents.SectionLayout2---margin_below_even_less {
  padding-bottom: 0.2857rem !important;
}
div.SectionLayout2---section_contents.SectionLayout2---margin_below_more {
  padding-bottom: 2rem !important;
}
div.SectionLayout2---section_contents.SectionLayout2---margin_below_even_more {
  padding-bottom: 4rem !important;
}
.SectionLayout2---sectionLayout.SectionLayout2---margin_above_none {
  padding-top: 0 !important;
}
.SectionLayout2---sectionLayout.SectionLayout2---margin_above_standard {
  padding-top: 1rem !important;
}
.SectionLayout2---sectionLayout.SectionLayout2---margin_above_less {
  padding-top: 0.5rem !important;
}
.SectionLayout2---sectionLayout.SectionLayout2---margin_above_even_less {
  padding-top: 0.2857rem !important;
}
.SectionLayout2---sectionLayout.SectionLayout2---margin_above_more {
  padding-top: 2rem !important;
}
.SectionLayout2---sectionLayout.SectionLayout2---margin_above_even_more {
  padding-top: 4rem !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_without_label {
  margin-top: 1rem !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_below {
  border-bottom-style: solid !important;
  border-width: 1px !important;
  border-color: #d4d4d4 !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_below.SectionLayout2---fading_divider_line {
  -webkit-transition: border-color 0.4s linear !important;
  transition: border-color 0.4s linear !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_below.SectionLayout2---transparent_divider_line {
  border-color: transparent !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_below.SectionLayout2---transparent_divider_line.SectionLayout2---inDarkBackground {
  border-bottom-color: transparent !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_below.SectionLayout2---inDarkBackground {
  border-bottom-color: var(--appian-divider-color-subtle-in-dark-bg, #555) !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_below.SectionLayout2---margin_below_none {
  padding-bottom: 1rem !important;
  margin-bottom: 0 !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_below.SectionLayout2---margin_below_none_alt {
  padding-bottom: 0.286rem !important;
  margin-bottom: 0 !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_below.SectionLayout2---margin_below_standard {
  padding-bottom: 1rem !important;
  margin-bottom: 1rem !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_below.SectionLayout2---margin_below_less_alt {
  padding-bottom: 0.429rem !important;
  margin-bottom: 0.429rem !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_below.SectionLayout2---margin_below_less {
  padding-bottom: 1rem !important;
  margin-bottom: 0.5rem !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_below.SectionLayout2---margin_below_even_less {
  padding-bottom: 1rem !important;
  margin-bottom: 0.2857rem !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_below.SectionLayout2---margin_below_more {
  padding-bottom: 1rem !important;
  margin-bottom: 2rem !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_below.SectionLayout2---margin_below_even_more {
  padding-bottom: 1rem !important;
  margin-bottom: 4rem !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_above {
  border-top-style: solid !important;
  border-width: 1px !important;
  border-color: #d4d4d4 !important;
  padding-top: 1rem !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_above.SectionLayout2---inDarkBackground {
  border-top-color: var(--appian-divider-color-subtle-in-dark-bg, #555) !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_above.SectionLayout2---margin_above_none {
  padding-top: 1rem !important;
  margin-top: 0 !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_above.SectionLayout2---margin_above_standard {
  padding-top: 1rem !important;
  margin-top: 1rem !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_above.SectionLayout2---margin_above_less {
  padding-top: 1rem !important;
  margin-top: 0.5rem !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_above.SectionLayout2---margin_above_even_less {
  padding-top: 1rem !important;
  margin-top: 0.2857rem !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_above.SectionLayout2---margin_above_more {
  padding-top: 1rem !important;
  margin-top: 2rem !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_above.SectionLayout2---margin_above_even_more {
  padding-top: 1rem !important;
  margin-top: 4rem !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_above.SectionLayout2---divider_standard,
.SectionLayout2---section_contents.SectionLayout2---divider_below.SectionLayout2---divider_standard {
  border-color: var(--appian-text-color, #222) !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_above.SectionLayout2---divider_standard.SectionLayout2---inDarkBackground,
.SectionLayout2---section_contents.SectionLayout2---divider_below.SectionLayout2---divider_standard.SectionLayout2---inDarkBackground {
  border-color: #eee !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_above.SectionLayout2---divider_accent,
.SectionLayout2---section_contents.SectionLayout2---divider_below.SectionLayout2---divider_accent {
  border-color: #1d659c !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_above.SectionLayout2---divider_accent.SectionLayout2---inAccentBackground,
.SectionLayout2---section_contents.SectionLayout2---divider_below.SectionLayout2---divider_accent.SectionLayout2---inAccentBackground {
  border-color: #fff !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_above.SectionLayout2---divider_accent.SectionLayout2---inDarkBackground,
.SectionLayout2---section_contents.SectionLayout2---divider_below.SectionLayout2---divider_accent.SectionLayout2---inDarkBackground {
  border-color: #eee !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_above.SectionLayout2---divider_accent.SectionLayout2---inLightBackground,
.SectionLayout2---section_contents.SectionLayout2---divider_below.SectionLayout2---divider_accent.SectionLayout2---inLightBackground {
  border-color: #1d659c !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_above.SectionLayout2---divider_medium,
.SectionLayout2---section_contents.SectionLayout2---divider_below.SectionLayout2---divider_medium {
  border-width: 3px !important;
}
.SectionLayout2---section_contents.SectionLayout2---divider_above.SectionLayout2---divider_thick,
.SectionLayout2---section_contents.SectionLayout2---divider_below.SectionLayout2---divider_thick {
  border-width: 5px !important;
}
div.SectionLayout2---sectionLayout.SectionLayout2---dod_nested_diff {
  margin-left: 2.7857rem !important;
}
.SectionLayout2---label_container {
  position: relative !important;
}
.SectionLayout2---section_toggle .SectionLayout2---label_container {
  display: inline-block !important;
  width: calc(100% - 1.1429rem) !important;
}
.SectionLayout2---section_toggle .SectionLayout2---label_container.SectionLayout2---size_extra_small {
  /*
    Takes in the font size float and returns the scaled width for the label container next to the
    collapse icon to maintain consistency with original section label
  */
  width: calc(100% - 0.7273132238767979rem) !important;
}
.SectionLayout2---section_toggle .SectionLayout2---label_container.SectionLayout2---size_small {
  /*
    Takes in the font size float and returns the scaled width for the label container next to the
    collapse icon to maintain consistency with original section label
  */
  width: calc(100% - 0.8831764477535955rem) !important;
}
.SectionLayout2---section_toggle .SectionLayout2---label_container.SectionLayout2---size_medium_plus {
  /*
    Takes in the font size float and returns the scaled width for the label container next to the
    collapse icon to maintain consistency with original section label
  */
  width: calc(100% - 1.2468330596919943rem) !important;
}
.SectionLayout2---section_toggle .SectionLayout2---label_container.SectionLayout2---size_large {
  /*
    Takes in the font size float and returns the scaled width for the label container next to the
    collapse icon to maintain consistency with original section label
  */
  width: calc(100% - 1.55855950744559rem) !important;
}
.SectionLayout2---section_toggle .SectionLayout2---label_container.SectionLayout2---size_large_plus {
  /*
    Takes in the font size float and returns the scaled width for the label container next to the
    collapse icon to maintain consistency with original section label
  */
  width: calc(100% - 2.7014595074455907rem) !important;
}
.SectionLayout2---has_errors .SectionLayout2---label_container {
  display: inline-block !important;
  width: calc(100% - 1.2143rem) !important;
}
.SectionLayout2---has_errors .SectionLayout2---label_container.SectionLayout2---size_extra_small {
  /*
    Takes in the font size float and returns the scaled width for the label container next to the
    error icon to maintain consistency with original section label
  */
  width: calc(100% - 0.6363752068219423rem - 0.2143rem) !important;
}
.SectionLayout2---has_errors .SectionLayout2---label_container.SectionLayout2---size_small {
  /*
    Takes in the font size float and returns the scaled width for the label container next to the
    error icon to maintain consistency with original section label
  */
  width: calc(100% - 0.7727504136438844rem - 0.2143rem) !important;
}
.SectionLayout2---has_errors .SectionLayout2---label_container.SectionLayout2---size_medium_plus {
  /*
    Takes in the font size float and returns the scaled width for the label container next to the
    error icon to maintain consistency with original section label
  */
  width: calc(100% - 1.0909380170548555rem - 0.2143rem) !important;
}
.SectionLayout2---has_errors .SectionLayout2---label_container.SectionLayout2---size_large {
  /*
    Takes in the font size float and returns the scaled width for the label container next to the
    error icon to maintain consistency with original section label
  */
  width: calc(100% - 1.36368843069874rem - 0.2143rem) !important;
}
.SectionLayout2---has_errors .SectionLayout2---label_container.SectionLayout2---size_large_plus {
  /*
    Takes in the font size float and returns the scaled width for the label container next to the
    error icon to maintain consistency with original section label
  */
  width: calc(100% - 2.3636884306987405rem - 0.2143rem) !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.SectionLayout2_ID_COLLAPSIBLE_NESTED_DVEC---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .SectionLayout2_ID_COLLAPSIBLE_NESTED_DVEC---accessibilityhidden {
  font-size: 0 !important;
}
h2.SectionLayout2_ID_COLLAPSIBLE_NESTED_DVEC---section_header {
  text-align: left !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
h2.SectionLayout2_ID_COLLAPSIBLE_NESTED_DVEC---section_header,
h2.SectionLayout2_ID_COLLAPSIBLE_NESTED_DVEC---section_header > a {
  display: inline-block !important;
  font-size: 0.9286rem !important;
  color: #555 !important;
  font-weight: 600 !important;
  word-wrap: break-word !important;
  width: 100% !important;
  background-color: #f0f0f0 !important;
  height: 1.5714rem !important;
  line-height: 1.1429rem !important;
}
h2.SectionLayout2_ID_COLLAPSIBLE_NESTED_DVEC---section_header .SectionLayout2_ID_COLLAPSIBLE_NESTED_DVEC---exclamation_triangle {
  display: none !important;
}
a.SectionLayout2_ID_COLLAPSIBLE_NESTED_DVEC---section_toggle {
  padding: 0.2143rem 0 0.2143rem 1rem !important;
  position: relative !important;
  cursor: pointer !important;
}
a.SectionLayout2_ID_COLLAPSIBLE_NESTED_DVEC---section_toggle:hover,
a.SectionLayout2_ID_COLLAPSIBLE_NESTED_DVEC---section_toggle:focus:not(.appian-context-ux-mouse-focus) {
  background-color: #ddd !important;
  text-decoration: none !important;
  /* needed to override underline set on global_a */
}
a.SectionLayout2_ID_COLLAPSIBLE_NESTED_DVEC---section_toggle:active {
  color: #555 !important;
  /* needed to override active color set on global_a */
}
a.SectionLayout2_ID_COLLAPSIBLE_NESTED_DVEC---section_toggle .SectionLayout2_ID_COLLAPSIBLE_NESTED_DVEC---collapse_icon_wrapper {
  display: inline-block !important;
  width: 0.8571rem !important;
  height: 0.8571rem !important;
  position: absolute !important;
  top: 5px !important;
  left: 0 !important;
  -webkit-transition: 0.3s ease-in-out !important;
  transition: 0.3s ease-in-out !important;
}
a.SectionLayout2_ID_COLLAPSIBLE_NESTED_DVEC---section_toggle.SectionLayout2_ID_COLLAPSIBLE_NESTED_DVEC---collapsed .SectionLayout2_ID_COLLAPSIBLE_NESTED_DVEC---collapse_icon_wrapper {
  -webkit-transform: rotate(-90deg) !important;
          transform: rotate(-90deg) !important;
}
a.SectionLayout2_ID_COLLAPSIBLE_NESTED_DVEC---section_toggle .SectionLayout2_ID_COLLAPSIBLE_NESTED_DVEC---collapse_icon {
  display: inline-block !important;
  width: 0.8571rem !important;
  height: 0.8571rem !important;
  fill: #555 !important;
}
div.SectionLayout2_ID_COLLAPSIBLE_NESTED_DVEC---section_contents {
  display: block !important;
  overflow: hidden !important;
}
div.SectionLayout2_ID_COLLAPSIBLE_NESTED_DVEC---section_contents.SectionLayout2_ID_COLLAPSIBLE_NESTED_DVEC---collapsed {
  display: none !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.SectionLayout2_ID_COMPONENT_PALETTE---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .SectionLayout2_ID_COMPONENT_PALETTE---accessibilityhidden {
  font-size: 0 !important;
}
h2.SectionLayout2_ID_COMPONENT_PALETTE---section_header {
  text-align: left !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
h2.SectionLayout2_ID_COMPONENT_PALETTE---section_header,
h2.SectionLayout2_ID_COMPONENT_PALETTE---section_header > a {
  display: inline-block !important;
  font-size: 0.7857rem !important;
  color: #000 !important;
  font-weight: 600 !important;
  word-wrap: break-word !important;
  width: 100% !important;
}
h2.SectionLayout2_ID_COMPONENT_PALETTE---section_header .SectionLayout2_ID_COMPONENT_PALETTE---exclamation_triangle {
  display: none !important;
}
a.SectionLayout2_ID_COMPONENT_PALETTE---section_toggle {
  padding: 0.2143rem 0 0.2143rem 0.8571rem !important;
  position: relative !important;
  cursor: pointer !important;
}
a.SectionLayout2_ID_COMPONENT_PALETTE---section_toggle:hover,
a.SectionLayout2_ID_COMPONENT_PALETTE---section_toggle:focus:not(.appian-context-ux-mouse-focus) {
  background-color: #e4e4ec !important;
  text-decoration: none !important;
  /* needed to override underline set on global_a */
}
a.SectionLayout2_ID_COMPONENT_PALETTE---section_toggle:active {
  color: #000 !important;
  /* needed to override active color set on global_a */
}
a.SectionLayout2_ID_COMPONENT_PALETTE---section_toggle .SectionLayout2_ID_COMPONENT_PALETTE---collapse_icon_wrapper {
  display: inline-block !important;
  width: 0.8571rem !important;
  height: 0.8571rem !important;
  position: absolute !important;
  top: 5px !important;
  left: 0 !important;
  -webkit-transition: 0.3s ease-in-out !important;
  transition: 0.3s ease-in-out !important;
}
a.SectionLayout2_ID_COMPONENT_PALETTE---section_toggle.SectionLayout2_ID_COMPONENT_PALETTE---collapsed .SectionLayout2_ID_COMPONENT_PALETTE---collapse_icon_wrapper {
  -webkit-transform: rotate(-90deg) !important;
          transform: rotate(-90deg) !important;
}
a.SectionLayout2_ID_COMPONENT_PALETTE---section_toggle .SectionLayout2_ID_COMPONENT_PALETTE---collapse_icon {
  display: inline-block !important;
  width: 0.8571rem !important;
  height: 0.8571rem !important;
  fill: #000 !important;
}
div:not(:last-child) > h2.SectionLayout2_ID_COMPONENT_PALETTE---section_header > a.SectionLayout2_ID_COMPONENT_PALETTE---section_toggle.SectionLayout2_ID_COMPONENT_PALETTE---collapsed:after {
  opacity: 1 !important;
  -webkit-transition: opacity 0.2s ease-in-out 0.3s !important;
  -webkit-transition-property: opacity !important;
  transition-property: opacity !important;
  -webkit-transition-duration: 0.3s !important;
          transition-duration: 0.3s !important;
  -webkit-transition-delay: 0.2s !important;
          transition-delay: 0.2s !important;
  position: absolute !important;
  bottom: 0 !important;
  left: -4px !important;
}
div.SectionLayout2_ID_COMPONENT_PALETTE---section_contents {
  padding: 0.2143rem 0.2857rem 0 0.2857rem !important;
  display: block !important;
}
div.SectionLayout2_ID_COMPONENT_PALETTE---section_contents.SectionLayout2_ID_COMPONENT_PALETTE---collapsed {
  display: none !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.SectionLayout2_VQD_FIELD---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .SectionLayout2_VQD_FIELD---accessibilityhidden {
  font-size: 0 !important;
}
.SectionLayout2_VQD_FIELD---sectionLayout {
  margin-top: -1px !important;
}
.SectionLayout2_VQD_FIELD---sectionLayout.appian-context-first-in-list {
  margin-top: 0 !important;
}
h2.SectionLayout2_VQD_FIELD---section_header {
  text-align: left !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
h2.SectionLayout2_VQD_FIELD---section_header,
h2.SectionLayout2_VQD_FIELD---section_header > a {
  display: inline-block !important;
  font-size: 1rem !important;
  color: #555 !important;
  font-weight: 600 !important;
  word-wrap: break-word !important;
  width: 100% !important;
}
h2.SectionLayout2_VQD_FIELD---section_header .SectionLayout2_VQD_FIELD---exclamation_triangle {
  display: none !important;
}
a.SectionLayout2_VQD_FIELD---section_toggle {
  padding: 0.2143rem 0 0.2143rem 1rem !important;
  position: relative !important;
  cursor: pointer !important;
}
a.SectionLayout2_VQD_FIELD---section_toggle:hover,
a.SectionLayout2_VQD_FIELD---section_toggle:focus:not(.appian-context-ux-mouse-focus) {
  text-decoration: none !important;
  /* needed to override underline set on global_a */
}
a.SectionLayout2_VQD_FIELD---section_toggle:active {
  color: #555 !important;
  /* needed to override active color set on global_a */
}
a.SectionLayout2_VQD_FIELD---section_toggle .SectionLayout2_VQD_FIELD---collapse_icon {
  display: inline-block !important;
  width: 0.8571rem !important;
  height: 0.8571rem !important;
  position: absolute !important;
  top: 7px !important;
  left: 0 !important;
  -webkit-transition: 0.3s ease-in-out !important;
  transition: 0.3s ease-in-out !important;
  fill: #555 !important;
}
a.SectionLayout2_VQD_FIELD---section_toggle.SectionLayout2_VQD_FIELD---collapsed .SectionLayout2_VQD_FIELD---collapse_icon {
  -webkit-transform: rotate(-90deg) !important;
          transform: rotate(-90deg) !important;
}
div:not(:last-child) > h2.SectionLayout2_VQD_FIELD---section_header > a.SectionLayout2_VQD_FIELD---section_toggle.SectionLayout2_VQD_FIELD---collapsed:after {
  opacity: 1 !important;
  -webkit-transition: opacity 0.2s ease-in-out 0.3s !important;
  -webkit-transition-property: opacity !important;
  transition-property: opacity !important;
  -webkit-transition-duration: 0.3s !important;
          transition-duration: 0.3s !important;
  -webkit-transition-delay: 0.2s !important;
          transition-delay: 0.2s !important;
  position: absolute !important;
  bottom: 0 !important;
  left: -4px !important;
}
div.SectionLayout2_VQD_FIELD---section_contents {
  padding: 2px 0 2px 1rem !important;
  display: block !important;
}
div.SectionLayout2_VQD_FIELD---sectionLayout > div:only-child > div > div.SectionLayout2_VQD_FIELD---section_contents {
  padding: 2px 0 2px 0 !important;
}
div.SectionLayout2_VQD_FIELD---section_contents.SectionLayout2_VQD_FIELD---collapsed {
  display: none !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.SectionLayout2_EUR_PANE---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .SectionLayout2_EUR_PANE---accessibilityhidden {
  font-size: 0 !important;
}
h2.SectionLayout2_EUR_PANE---section_header {
  text-align: left !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
h2.SectionLayout2_EUR_PANE---section_header,
h2.SectionLayout2_EUR_PANE---section_header > a {
  display: inline-block !important;
  font-size: 0.7857rem !important;
  color: var(--appian-app-header-background-color, #020a51) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  word-wrap: break-word !important;
  width: 100% !important;
}
h2.SectionLayout2_EUR_PANE---section_header > a:not(.SectionLayout2_EUR_PANE---collapsed) {
  color: #2322f0 !important;
  font-weight: 800 !important;
  background-color: #f7f7fe !important;
  text-decoration: none !important;
  /* needed to override underline set on global_a */
}
h2.SectionLayout2_EUR_PANE---section_header .SectionLayout2_EUR_PANE---exclamation_triangle {
  display: none !important;
}
a.SectionLayout2_EUR_PANE---section_toggle {
  padding: 1rem 0rem 1rem 1.5rem !important;
  position: relative !important;
  cursor: pointer !important;
}
a.SectionLayout2_EUR_PANE---section_toggle:hover,
a.SectionLayout2_EUR_PANE---section_toggle:focus:not([data-appian-ux-mouse-focus]) {
  background-color: #f7f7fe !important;
  text-decoration: none !important;
  /* needed to override underline set on global_a */
  color: #2322f0 !important;
}
a.SectionLayout2_EUR_PANE---section_toggle:focus:not([data-appian-ux-mouse-focus]) {
  outline: 1px solid #2322f0 !important;
  outline-offset: -2px !important;
}
a.SectionLayout2_EUR_PANE---section_toggle:not(.SectionLayout2_EUR_PANE---collapsed) .SectionLayout2_EUR_PANE---collapse_icon,
a.SectionLayout2_EUR_PANE---section_toggle:hover .SectionLayout2_EUR_PANE---collapse_icon,
a.SectionLayout2_EUR_PANE---section_toggle:focus:not([data-appian-ux-mouse-focus]) .SectionLayout2_EUR_PANE---collapse_icon {
  fill: #2322f0 !important;
}
a.SectionLayout2_EUR_PANE---section_toggle:active {
  color: #2322f0 !important;
  /* needed to override active color set on global_a */
}
a.SectionLayout2_EUR_PANE---section_toggle .SectionLayout2_EUR_PANE---collapse_icon_wrapper {
  display: inline-block !important;
  width: 1.2rem !important;
  height: 1.2rem !important;
  position: absolute !important;
  top: 14px !important;
  left: 10px !important;
  -webkit-transition: 0.3s ease-in-out !important;
  transition: 0.3s ease-in-out !important;
}
a.SectionLayout2_EUR_PANE---section_toggle.SectionLayout2_EUR_PANE---collapsed .SectionLayout2_EUR_PANE---collapse_icon_wrapper {
  -webkit-transform: rotate(-90deg) !important;
          transform: rotate(-90deg) !important;
}
a.SectionLayout2_EUR_PANE---section_toggle span:first-of-type {
  padding-left: 14px !important;
}
a.SectionLayout2_EUR_PANE---section_toggle .SectionLayout2_EUR_PANE---collapse_icon {
  display: inline-block !important;
  width: 1.2rem !important;
  height: 1.2rem !important;
  fill: var(--appian-app-header-background-color, #020a51) !important;
}
div.SectionLayout2_EUR_PANE---section_contents {
  display: block !important;
}
div.SectionLayout2_EUR_PANE---section_contents.SectionLayout2_EUR_PANE---collapsed {
  display: none !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.SectionLayout2_EUR_PANE_DARK---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .SectionLayout2_EUR_PANE_DARK---accessibilityhidden {
  font-size: 0 !important;
}
h2.SectionLayout2_EUR_PANE_DARK---section_header {
  text-align: left !important;
  margin-top: 0 !important;
  margin-bottom: 2px !important;
}
h2.SectionLayout2_EUR_PANE_DARK---section_header,
h2.SectionLayout2_EUR_PANE_DARK---section_header > a {
  display: inline-block !important;
  font-size: 0.7857rem !important;
  color: #fff !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  word-wrap: break-word !important;
  width: 100% !important;
  background-color: #3f4e67 !important;
}
h2.SectionLayout2_EUR_PANE_DARK---section_header > a:not(.SectionLayout2_EUR_PANE_DARK---collapsed) {
  color: #1d659c !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  /* needed to override underline set on global_a */
  margin-bottom: 0 !important;
}
h2.SectionLayout2_EUR_PANE_DARK---section_header .SectionLayout2_EUR_PANE_DARK---exclamation_triangle {
  display: none !important;
}
a.SectionLayout2_EUR_PANE_DARK---section_toggle {
  padding: 1rem 0rem 1rem 1.5rem !important;
  position: relative !important;
  cursor: pointer !important;
}
a.SectionLayout2_EUR_PANE_DARK---section_toggle:hover,
a.SectionLayout2_EUR_PANE_DARK---section_toggle:focus:not([data-appian-ux-mouse-focus]) {
  background-color: #334057 !important;
  text-decoration: none !important;
  /* needed to override underline set on global_a */
  color: #1d659c !important;
}
a.SectionLayout2_EUR_PANE_DARK---section_toggle:focus:not([data-appian-ux-mouse-focus]) {
  outline: 1px solid #1d659c !important;
  outline-offset: -2px !important;
}
a.SectionLayout2_EUR_PANE_DARK---section_toggle:not(.SectionLayout2_EUR_PANE_DARK---collapsed) .SectionLayout2_EUR_PANE_DARK---collapse_icon,
a.SectionLayout2_EUR_PANE_DARK---section_toggle:hover .SectionLayout2_EUR_PANE_DARK---collapse_icon,
a.SectionLayout2_EUR_PANE_DARK---section_toggle:focus:not([data-appian-ux-mouse-focus]) .SectionLayout2_EUR_PANE_DARK---collapse_icon {
  fill: #1d659c !important;
}
a.SectionLayout2_EUR_PANE_DARK---section_toggle:active {
  color: #1d659c !important;
  /* needed to override active color set on global_a */
}
a.SectionLayout2_EUR_PANE_DARK---section_toggle .SectionLayout2_EUR_PANE_DARK---collapse_icon_wrapper {
  display: inline-block !important;
  width: 1.2rem !important;
  height: 1.2rem !important;
  position: absolute !important;
  top: 14px !important;
  left: 10px !important;
  -webkit-transition: 0.3s ease-in-out !important;
  transition: 0.3s ease-in-out !important;
}
a.SectionLayout2_EUR_PANE_DARK---section_toggle.SectionLayout2_EUR_PANE_DARK---collapsed .SectionLayout2_EUR_PANE_DARK---collapse_icon_wrapper {
  -webkit-transform: rotate(-90deg) !important;
          transform: rotate(-90deg) !important;
}
a.SectionLayout2_EUR_PANE_DARK---section_toggle span:first-of-type {
  padding-left: 14px !important;
}
a.SectionLayout2_EUR_PANE_DARK---section_toggle .SectionLayout2_EUR_PANE_DARK---collapse_icon {
  display: inline-block !important;
  width: 1.2rem !important;
  height: 1.2rem !important;
  fill: #fff !important;
}
div.SectionLayout2_EUR_PANE_DARK---section_contents {
  display: block !important;
}
div.SectionLayout2_EUR_PANE_DARK---section_contents.SectionLayout2_EUR_PANE_DARK---collapsed {
  display: none !important;
}

.SelectableTree---selectableTree {
  background-color: #fff !important;
  font-size: 12px !important;
  /* needed for correct alignment of toggle and gear icons */
  outline: 0 !important;
  overflow-x: auto !important;
}
.SelectableTree---children,
.SelectableTree---treeContainer {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none !important;
  list-style-image: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
td .SelectableTree---selectableTree {
  max-height: 150px !important;
}
.SelectableTree---selectableTree.SelectableTree---allow_text_highlighting .SelectableTree---children,
.SelectableTree---selectableTree.SelectableTree---allow_text_highlighting .SelectableTree---treeContainer {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}

.SelectableTreeNode---selectableTreeNode,
.SelectableTreeNode---componentConfigParam,
.SelectableTreeNode---nonComponentConfigParam {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none !important;
  list-style-image: none !important;
}
.SelectableTreeNode---inline {
  display: inline-block !important;
}
.SelectableTreeNode---selectableTreeNode {
  min-height: 20px !important;
  line-height: 20px !important;
  margin-left: 12px !important;
  min-width: 24px !important;
  white-space: nowrap !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.SelectableTreeNode---selectableTreeNode.SelectableTreeNode---leaf {
  margin-left: 17px !important;
}
.SelectableTreeNode---selectableTreeNode.SelectableTreeNode---allow_text_highlighting {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}
.SelectableTreeNode---selectableTreeNode.SelectableTreeNode---root {
  margin-left: 0 !important;
}
.SelectableTreeNode---anchor {
  padding: 0 4px !important;
  display: inline-block !important;
  white-space: nowrap !important;
  margin: 0 !important;
  border-radius: 0 !important;
  vertical-align: top !important;
  text-overflow: ellipsis !important;
  border-bottom-width: 0px !important;
  font-size: 14px !important;
}
.SelectableTreeNode---selectableTreeNode.SelectableTreeNode---allow_text_highlighting .SelectableTreeNode---anchor {
  cursor: text !important;
}
.SelectableTreeNode---anchor:focus {
  outline: 0 !important;
}
.SelectableTreeNode---anchor,
.SelectableTreeNode---anchor:link,
.SelectableTreeNode---anchor:visited,
.SelectableTreeNode---anchor:hover,
.SelectableTreeNode---anchor:active {
  text-decoration: none !important;
  color: inherit !important;
}
.SelectableTreeNode---gear {
  width: 15px !important;
  height: 15px !important;
  opacity: 0.5 !important;
  vertical-align: -4px !important;
  margin-left: 1px !important;
  fill: #555 !important;
}
.SelectableTreeNode---caret_icon {
  width: 1rem !important;
  height: 1rem !important;
  position: relative !important;
  top: 3px !important;
  margin-left: 2px !important;
  fill: #555 !important;
}
.SelectableTreeNode---closed > .SelectableTreeNode---inline > .SelectableTreeNode---caret_icon {
  -webkit-transform: rotate(-90deg) !important;
          transform: rotate(-90deg) !important;
}
.SelectableTreeNode---gear:hover {
  cursor: pointer !important;
  opacity: 1 !important;
}
.SelectableTreeNode---gear.SelectableTreeNode---expanded {
  opacity: 1 !important;
}
.SelectableTreeNode---openCloseLink {
  cursor: pointer !important;
}
.SelectableTreeNode---leaf > .SelectableTreeNode---openCloseLink {
  cursor: default !important;
}
.SelectableTreeNode---open > .SelectableTreeNode---nonComponentConfigParam {
  display: block !important;
}
.SelectableTreeNode---closed > .SelectableTreeNode---nonComponentConfigParam {
  display: none !important;
}
.SelectableTreeNode---anchor {
  line-height: 20px !important;
  height: 20px !important;
  cursor: pointer !important;
}
.SelectableTreeNode---leaf > .SelectableTreeNode---anchor {
  margin-left: 12px !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.SideBySideGroup---default_direction.SideBySideGroup---side_by_side {
  width: 100% !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -ms-flex-wrap: nowrap !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: row nowrap !important;
          flex-flow: row nowrap !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
          justify-content: flex-start !important;
  -webkit-align-content: stretch !important;
          align-content: stretch !important;
  /* margin-bottom value parallels field layout, same value
    also used as the margin-bottom of stacked SideBySideItems.
    If this value ever changes, update SBSItem stacked styling as well */
  margin-bottom: 0.7143rem !important;
}
.SideBySideGroup---default_direction.SideBySideGroup---side_by_side:last-of-type,
.SideBySideGroup---default_direction.SideBySideGroup---side_by_side.SideBySideGroup---no_margin_bottom {
  margin-bottom: 0 !important;
  /* parallels field layout */
}
.SideBySideGroup---default_direction.SideBySideGroup---should_wrap {
  -webkit-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
  row-gap: 0.7143rem !important;
}
.SideBySideGroup---default_direction.SideBySideGroup---side_by_side.SideBySideGroup---top {
  -webkit-align-items: flex-start !important;
  -webkit-box-align: start !important;
          align-items: flex-start !important;
}
.SideBySideGroup---default_direction.SideBySideGroup---side_by_side.SideBySideGroup---middle {
  -webkit-align-items: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
}
.SideBySideGroup---default_direction.SideBySideGroup---side_by_side.SideBySideGroup---bottom {
  -webkit-align-items: flex-end !important;
  -webkit-box-align: end !important;
          align-items: flex-end !important;
}
.SideBySideGroup---default_direction.SideBySideGroup---side_by_side.SideBySideGroup---center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
}
.SideBySideGroup---default_direction.SideBySideGroup---side_by_side.SideBySideGroup---align_end {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
          justify-content: flex-end !important;
}
.SideBySideGroup---default_direction.SideBySideGroup---side_by_side > div {
  min-height: 3px !important;
  max-width: none !important;
  font-size: 0 !important;
  min-width: 0 !important;
  /* allows children to shrink below min content width on FF */
}
.SideBySideGroup---default_direction.SideBySideGroup---side_by_side.SideBySideGroup---can_wrap {
  -webkit-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
}
.SideBySideGroup---default_direction.SideBySideGroup---side_by_side.SideBySideGroup---inline {
  display: block !important;
}
.SideBySideGroup---default_direction.SideBySideGroup---side_by_side.SideBySideGroup---inline > div {
  display: inline-block !important;
}
.SideBySideGroup---default_direction.SideBySideGroup---fill_height > div {
  min-height: 60px !important;
  /* min-height is set to 60px to match min-height of liveViewPLaceholder */
}
.appian-context-ux-page-size-phone .SideBySideGroup---default_direction.SideBySideGroup---side_by_side.SideBySideGroup---stack_when_phone {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: column nowrap !important;
          flex-flow: column nowrap !important;
}
.appian-context-ux-page-size-tablet-portrait .SideBySideGroup---default_direction.SideBySideGroup---side_by_side.SideBySideGroup---stack_when_tablet_portrait {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: column nowrap !important;
          flex-flow: column nowrap !important;
}
.appian-context-ux-page-size-tablet-landscape .SideBySideGroup---default_direction.SideBySideGroup---side_by_side.SideBySideGroup---stack_when_tablet_landscape {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: column nowrap !important;
          flex-flow: column nowrap !important;
}
.appian-context-ux-page-size-desktop-narrow .SideBySideGroup---default_direction.SideBySideGroup---side_by_side.SideBySideGroup---stack_when_desktop_narrow {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: column nowrap !important;
          flex-flow: column nowrap !important;
}
.appian-context-ux-page-size-desktop .SideBySideGroup---default_direction.SideBySideGroup---side_by_side.SideBySideGroup---stack_when_desktop {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: column nowrap !important;
          flex-flow: column nowrap !important;
}
.appian-context-ux-page-size-desktop-wide .SideBySideGroup---default_direction.SideBySideGroup---side_by_side.SideBySideGroup---stack_when_desktop_wide {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: column nowrap !important;
          flex-flow: column nowrap !important;
}
/* rtl:begin:ignore */
.SideBySideGroup---force_ltr {
  direction: ltr !important;
}
.SideBySideGroup---force_ltr.SideBySideGroup---side_by_side {
  width: 100% !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -ms-flex-wrap: nowrap !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: row nowrap !important;
          flex-flow: row nowrap !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
          justify-content: flex-start !important;
  -webkit-align-content: stretch !important;
          align-content: stretch !important;
  /* margin-bottom value parallels field layout, same value
    also used as the margin-bottom of stacked SideBySideItems.
    If this value ever changes, update SBSItem stacked styling as well */
  margin-bottom: 0.7143rem !important;
}
.SideBySideGroup---force_ltr.SideBySideGroup---side_by_side:last-of-type,
.SideBySideGroup---force_ltr.SideBySideGroup---side_by_side.SideBySideGroup---no_margin_bottom {
  margin-bottom: 0 !important;
  /* parallels field layout */
}
.SideBySideGroup---force_ltr.SideBySideGroup---should_wrap {
  -webkit-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
  row-gap: 0.7143rem !important;
}
.SideBySideGroup---force_ltr.SideBySideGroup---side_by_side.SideBySideGroup---top {
  -webkit-align-items: flex-start !important;
  -webkit-box-align: start !important;
          align-items: flex-start !important;
}
.SideBySideGroup---force_ltr.SideBySideGroup---side_by_side.SideBySideGroup---middle {
  -webkit-align-items: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
}
.SideBySideGroup---force_ltr.SideBySideGroup---side_by_side.SideBySideGroup---bottom {
  -webkit-align-items: flex-end !important;
  -webkit-box-align: end !important;
          align-items: flex-end !important;
}
.SideBySideGroup---force_ltr.SideBySideGroup---side_by_side.SideBySideGroup---center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
}
.SideBySideGroup---force_ltr.SideBySideGroup---side_by_side.SideBySideGroup---align_end {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
          justify-content: flex-end !important;
}
.SideBySideGroup---force_ltr.SideBySideGroup---side_by_side > div {
  min-height: 3px !important;
  max-width: none !important;
  font-size: 0 !important;
  min-width: 0 !important;
  /* allows children to shrink below min content width on FF */
}
.SideBySideGroup---force_ltr.SideBySideGroup---side_by_side.SideBySideGroup---can_wrap {
  -webkit-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
}
.SideBySideGroup---force_ltr.SideBySideGroup---side_by_side.SideBySideGroup---inline {
  display: block !important;
}
.SideBySideGroup---force_ltr.SideBySideGroup---side_by_side.SideBySideGroup---inline > div {
  display: inline-block !important;
}
.SideBySideGroup---force_ltr.SideBySideGroup---fill_height > div {
  min-height: 60px !important;
  /* min-height is set to 60px to match min-height of liveViewPLaceholder */
}
.appian-context-ux-page-size-phone .SideBySideGroup---force_ltr.SideBySideGroup---side_by_side.SideBySideGroup---stack_when_phone {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: column nowrap !important;
          flex-flow: column nowrap !important;
}
.appian-context-ux-page-size-tablet-portrait .SideBySideGroup---force_ltr.SideBySideGroup---side_by_side.SideBySideGroup---stack_when_tablet_portrait {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: column nowrap !important;
          flex-flow: column nowrap !important;
}
.appian-context-ux-page-size-tablet-landscape .SideBySideGroup---force_ltr.SideBySideGroup---side_by_side.SideBySideGroup---stack_when_tablet_landscape {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: column nowrap !important;
          flex-flow: column nowrap !important;
}
.appian-context-ux-page-size-desktop-narrow .SideBySideGroup---force_ltr.SideBySideGroup---side_by_side.SideBySideGroup---stack_when_desktop_narrow {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: column nowrap !important;
          flex-flow: column nowrap !important;
}
.appian-context-ux-page-size-desktop .SideBySideGroup---force_ltr.SideBySideGroup---side_by_side.SideBySideGroup---stack_when_desktop {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: column nowrap !important;
          flex-flow: column nowrap !important;
}
.appian-context-ux-page-size-desktop-wide .SideBySideGroup---force_ltr.SideBySideGroup---side_by_side.SideBySideGroup---stack_when_desktop_wide {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-flow: column nowrap !important;
          flex-flow: column nowrap !important;
}
/* rtl:end:ignore */

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.SideBySideItem---default_direction.SideBySideItem---flex_item {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 0% !important;
          flex: 1 1 0% !important;
  /* flex basis must have unit for IE11 */
}
.SideBySideItem---default_direction.SideBySideItem---flex_item:not(:last-child) {
  /* This padding value is coupled with a padding constant in SideBySideItem.jsx */
  padding-right: 0.7143rem !important;
}
.SideBySideItem---default_direction.SideBySideItem---flex_item.SideBySideItem---dense:not(.appian-context-last-in-list) {
  /* This padding value is coupled with a padding constant in SideBySideItem.jsx */
  padding-right: 0.2143rem !important;
}
.SideBySideItem---default_direction.SideBySideItem---flex_item.SideBySideItem---sparse:not(.appian-context-last-in-list) {
  /* This padding value is coupled with a padding constant in SideBySideItem.jsx */
  padding-right: 1.429rem !important;
}
.SideBySideItem---default_direction.SideBySideItem---flex_item.SideBySideItem---spacing_none {
  padding-right: 0 !important;
}
.SideBySideItem---default_direction.SideBySideItem---flex_item.SideBySideItem---align_end {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
          justify-content: flex-end !important;
}
.SideBySideItem---default_direction.SideBySideItem---flex_item.SideBySideItem---center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
}
.SideBySideItem---default_direction.SideBySideItem---flex_item.SideBySideItem---bias2x {
  -webkit-box-flex: 2 !important;
  -webkit-flex-grow: 2 !important;
          flex-grow: 2 !important;
}
.SideBySideItem---default_direction.SideBySideItem---flex_item.SideBySideItem---bias3x {
  -webkit-box-flex: 3 !important;
  -webkit-flex-grow: 3 !important;
          flex-grow: 3 !important;
}
.SideBySideItem---default_direction.SideBySideItem---flex_item.SideBySideItem---bias4x {
  -webkit-box-flex: 4 !important;
  -webkit-flex-grow: 4 !important;
          flex-grow: 4 !important;
}
.SideBySideItem---default_direction.SideBySideItem---flex_item.SideBySideItem---bias5x {
  -webkit-box-flex: 5 !important;
  -webkit-flex-grow: 5 !important;
          flex-grow: 5 !important;
}
.SideBySideItem---default_direction.SideBySideItem---flex_item.SideBySideItem---bias6x {
  -webkit-box-flex: 6 !important;
  -webkit-flex-grow: 6 !important;
          flex-grow: 6 !important;
}
.SideBySideItem---default_direction.SideBySideItem---flex_item.SideBySideItem---bias7x {
  -webkit-box-flex: 7 !important;
  -webkit-flex-grow: 7 !important;
          flex-grow: 7 !important;
}
.SideBySideItem---default_direction.SideBySideItem---flex_item.SideBySideItem---bias8x {
  -webkit-box-flex: 8 !important;
  -webkit-flex-grow: 8 !important;
          flex-grow: 8 !important;
}
.SideBySideItem---default_direction.SideBySideItem---flex_item.SideBySideItem---bias9x {
  -webkit-box-flex: 9 !important;
  -webkit-flex-grow: 9 !important;
          flex-grow: 9 !important;
}
.SideBySideItem---default_direction.SideBySideItem---flex_item.SideBySideItem---bias10x {
  -webkit-box-flex: 10 !important;
  -webkit-flex-grow: 10 !important;
          flex-grow: 10 !important;
}
.SideBySideItem---default_direction.SideBySideItem---flex_item.SideBySideItem---fixed {
  -ms-flex-positive: 0 !important;
  -ms-flex-negative: 0 !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
          flex-grow: 0 !important;
  -webkit-flex-shrink: 0 !important;
          flex-shrink: 0 !important;
}
.SideBySideItem---default_direction.SideBySideItem---flex_item.SideBySideItem---minimize {
  -ms-flex-preferred-size: auto !important;
  -ms-flex-positive: 0 !important;
  -webkit-flex-basis: auto !important;
          flex-basis: auto !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
          flex-grow: 0 !important;
}
.SideBySideItem---default_direction.SideBySideItem---flex_item.SideBySideItem---minimize .SideBySideItem---field_layout {
  table-layout: auto !important;
}
.SideBySideItem---default_direction.SideBySideItem---flex_item.SideBySideItem---icon {
  -webkit-flex-basis: 20px !important;
          flex-basis: 20px !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
          flex-grow: 0 !important;
  width: 20px !important;
  font-size: 0 !important;
}
.SideBySideItem---default_direction.SideBySideItem---flex_item.SideBySideItem---iconfont {
  -webkit-flex-basis: 24px !important;
          flex-basis: 24px !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
          flex-grow: 0 !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  width: 24px !important;
  text-align: center !important;
  vertical-align: top !important;
}
.SideBySideItem---default_direction.SideBySideItem---flex_item.SideBySideItem---icon img {
  vertical-align: 0 !important;
}
.SideBySideItem---default_direction.SideBySideItem---flex_item.SideBySideItem---feed_image {
  -webkit-flex-basis: 80px !important;
          flex-basis: 80px !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
          flex-grow: 0 !important;
  width: 80px !important;
}
.SideBySideItem---default_direction.SideBySideItem---flex_item.SideBySideItem---button {
  width: 6.3rem !important;
}
.SideBySideItem---default_direction.SideBySideItem---flex_item.SideBySideItem---button .SideBySideItem---btn {
  width: 6.3rem !important;
  min-width: 0 !important;
  padding-left: 0.43rem !important;
  padding-right: 0.43rem !important;
}
.SideBySideItem---default_direction.SideBySideItem---flex_item.SideBySideItem---content_fill + .SideBySideItem---default_direction.SideBySideItem---flex_item.SideBySideItem---icon:not(:last-child) {
  /* optimize alignment for multiple icons */
  padding-left: 4px !important;
}
.SideBySideItem---default_direction.SideBySideItem---flex_item.SideBySideItem---iconfont i {
  font-size: 13px !important;
  line-height: 26px !important;
}
.SideBySideItem---default_direction .SideBySideItem---validations_wrapper {
  position: relative !important;
}
.SideBySideItem---default_direction .SideBySideItem---validations_wrapper:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  top: 0px !important;
  right: 0px !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.SideBySideItem---default_direction.SideBySideItem---inDarkBackground .SideBySideItem---validations_wrapper:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.SideBySideItem---default_direction .SideBySideItem---validations_wrapper:after {
  content: "" !important;
  position: absolute !important;
  top: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  right: 0px !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
}
.SideBySideItem---default_direction.SideBySideItem---inDarkBackground .SideBySideItem---validations_wrapper:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.SideBySideItem---default_direction .SideBySideItem---validations_wrapper_noninput {
  position: relative !important;
}
.SideBySideItem---default_direction .SideBySideItem---validations_wrapper_noninput:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  top: -2px !important;
  right: -2px !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.SideBySideItem---default_direction.SideBySideItem---inDarkBackground .SideBySideItem---validations_wrapper_noninput:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.SideBySideItem---default_direction .SideBySideItem---validations_wrapper_noninput:after {
  content: "" !important;
  position: absolute !important;
  top: -2px !important;
  bottom: -2px !important;
  left: -2px !important;
  right: -2px !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
}
.SideBySideItem---default_direction.SideBySideItem---inDarkBackground .SideBySideItem---validations_wrapper_noninput:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.appian-context-ux-page-size-phone .SideBySideItem---default_direction.SideBySideItem---stack_when_phone {
  padding-right: 0 !important;
  width: 100% !important;
}
.appian-context-ux-page-size-phone .SideBySideItem---default_direction.SideBySideItem---stack_when_phone.SideBySideItem---inEditableGridLayout:not(:last-child) {
  margin-bottom: 0.1429rem !important;
  /* matches reduced cell padding in editable grids */
}
.appian-context-ux-page-size-phone .SideBySideItem---default_direction.SideBySideItem---stack_when_phone.SideBySideItem---inEditableGridLayout:last-child {
  margin-bottom: 0 !important;
}
.appian-context-ux-page-size-phone .SideBySideItem---default_direction.SideBySideItem---stack_when_phone:not(.appian-context-last-in-list) {
  padding-right: 0 !important;
  margin-bottom: 0.7143rem !important;
}
.appian-context-ux-page-size-tablet-portrait .SideBySideItem---default_direction.SideBySideItem---stack_when_tablet_portrait {
  padding-right: 0 !important;
  width: 100% !important;
}
.appian-context-ux-page-size-tablet-portrait .SideBySideItem---default_direction.SideBySideItem---stack_when_tablet_portrait.SideBySideItem---inEditableGridLayout:not(:last-child) {
  margin-bottom: 0.1429rem !important;
  /* matches reduced cell padding in editable grids */
}
.appian-context-ux-page-size-tablet-portrait .SideBySideItem---default_direction.SideBySideItem---stack_when_tablet_portrait.SideBySideItem---inEditableGridLayout:last-child {
  margin-bottom: 0 !important;
}
.appian-context-ux-page-size-tablet-portrait .SideBySideItem---default_direction.SideBySideItem---stack_when_tablet_portrait:not(.appian-context-last-in-list) {
  padding-right: 0 !important;
  margin-bottom: 0.7143rem !important;
}
.appian-context-ux-page-size-tablet-landscape .SideBySideItem---default_direction.SideBySideItem---stack_when_tablet_landscape {
  padding-right: 0 !important;
  width: 100% !important;
}
.appian-context-ux-page-size-tablet-landscape .SideBySideItem---default_direction.SideBySideItem---stack_when_tablet_landscape.SideBySideItem---inEditableGridLayout:not(:last-child) {
  margin-bottom: 0.1429rem !important;
  /* matches reduced cell padding in editable grids */
}
.appian-context-ux-page-size-tablet-landscape .SideBySideItem---default_direction.SideBySideItem---stack_when_tablet_landscape.SideBySideItem---inEditableGridLayout:last-child {
  margin-bottom: 0 !important;
}
.appian-context-ux-page-size-tablet-landscape .SideBySideItem---default_direction.SideBySideItem---stack_when_tablet_landscape:not(.appian-context-last-in-list) {
  padding-right: 0 !important;
  margin-bottom: 0.7143rem !important;
}
.appian-context-ux-page-size-desktop-narrow .SideBySideItem---default_direction.SideBySideItem---stack_when_desktop_narrow {
  padding-right: 0 !important;
  width: 100% !important;
}
.appian-context-ux-page-size-desktop-narrow .SideBySideItem---default_direction.SideBySideItem---stack_when_desktop_narrow.SideBySideItem---inEditableGridLayout:not(:last-child) {
  margin-bottom: 0.1429rem !important;
  /* matches reduced cell padding in editable grids */
}
.appian-context-ux-page-size-desktop-narrow .SideBySideItem---default_direction.SideBySideItem---stack_when_desktop_narrow.SideBySideItem---inEditableGridLayout:last-child {
  margin-bottom: 0 !important;
}
.appian-context-ux-page-size-desktop-narrow .SideBySideItem---default_direction.SideBySideItem---stack_when_desktop_narrow:not(.appian-context-last-in-list) {
  padding-right: 0 !important;
  margin-bottom: 0.7143rem !important;
}
.appian-context-ux-page-size-desktop .SideBySideItem---default_direction.SideBySideItem---stack_when_desktop {
  padding-right: 0 !important;
  width: 100% !important;
}
.appian-context-ux-page-size-desktop .SideBySideItem---default_direction.SideBySideItem---stack_when_desktop.SideBySideItem---inEditableGridLayout:not(:last-child) {
  margin-bottom: 0.1429rem !important;
  /* matches reduced cell padding in editable grids */
}
.appian-context-ux-page-size-desktop .SideBySideItem---default_direction.SideBySideItem---stack_when_desktop.SideBySideItem---inEditableGridLayout:last-child {
  margin-bottom: 0 !important;
}
.appian-context-ux-page-size-desktop .SideBySideItem---default_direction.SideBySideItem---stack_when_desktop:not(.appian-context-last-in-list) {
  padding-right: 0 !important;
  margin-bottom: 0.7143rem !important;
}
.appian-context-ux-page-size-desktop-wide .SideBySideItem---default_direction.SideBySideItem---stack_when_desktop_wide {
  padding-right: 0 !important;
  width: 100% !important;
}
.appian-context-ux-page-size-desktop-wide .SideBySideItem---default_direction.SideBySideItem---stack_when_desktop_wide.SideBySideItem---inEditableGridLayout:not(:last-child) {
  margin-bottom: 0.1429rem !important;
  /* matches reduced cell padding in editable grids */
}
.appian-context-ux-page-size-desktop-wide .SideBySideItem---default_direction.SideBySideItem---stack_when_desktop_wide.SideBySideItem---inEditableGridLayout:last-child {
  margin-bottom: 0 !important;
}
.appian-context-ux-page-size-desktop-wide .SideBySideItem---default_direction.SideBySideItem---stack_when_desktop_wide:not(.appian-context-last-in-list) {
  padding-right: 0 !important;
  margin-bottom: 0.7143rem !important;
}
/* rtl:begin:ignore */
.SideBySideItem---force_ltr {
  direction: ltr !important;
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 0% !important;
          flex: 1 1 0% !important;
  /* flex basis must have unit for IE11 */
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item:not(:last-child) {
  /* This padding value is coupled with a padding constant in SideBySideItem.jsx */
  padding-right: 0.7143rem !important;
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item.SideBySideItem---dense:not(.appian-context-last-in-list) {
  /* This padding value is coupled with a padding constant in SideBySideItem.jsx */
  padding-right: 0.2143rem !important;
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item.SideBySideItem---sparse:not(.appian-context-last-in-list) {
  /* This padding value is coupled with a padding constant in SideBySideItem.jsx */
  padding-right: 1.429rem !important;
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item.SideBySideItem---spacing_none {
  padding-right: 0 !important;
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item.SideBySideItem---align_end {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
          justify-content: flex-end !important;
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item.SideBySideItem---center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item.SideBySideItem---bias2x {
  -webkit-box-flex: 2 !important;
  -webkit-flex-grow: 2 !important;
          flex-grow: 2 !important;
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item.SideBySideItem---bias3x {
  -webkit-box-flex: 3 !important;
  -webkit-flex-grow: 3 !important;
          flex-grow: 3 !important;
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item.SideBySideItem---bias4x {
  -webkit-box-flex: 4 !important;
  -webkit-flex-grow: 4 !important;
          flex-grow: 4 !important;
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item.SideBySideItem---bias5x {
  -webkit-box-flex: 5 !important;
  -webkit-flex-grow: 5 !important;
          flex-grow: 5 !important;
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item.SideBySideItem---bias6x {
  -webkit-box-flex: 6 !important;
  -webkit-flex-grow: 6 !important;
          flex-grow: 6 !important;
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item.SideBySideItem---bias7x {
  -webkit-box-flex: 7 !important;
  -webkit-flex-grow: 7 !important;
          flex-grow: 7 !important;
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item.SideBySideItem---bias8x {
  -webkit-box-flex: 8 !important;
  -webkit-flex-grow: 8 !important;
          flex-grow: 8 !important;
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item.SideBySideItem---bias9x {
  -webkit-box-flex: 9 !important;
  -webkit-flex-grow: 9 !important;
          flex-grow: 9 !important;
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item.SideBySideItem---bias10x {
  -webkit-box-flex: 10 !important;
  -webkit-flex-grow: 10 !important;
          flex-grow: 10 !important;
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item.SideBySideItem---fixed {
  -ms-flex-positive: 0 !important;
  -ms-flex-negative: 0 !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
          flex-grow: 0 !important;
  -webkit-flex-shrink: 0 !important;
          flex-shrink: 0 !important;
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item.SideBySideItem---minimize {
  -ms-flex-preferred-size: auto !important;
  -ms-flex-positive: 0 !important;
  -webkit-flex-basis: auto !important;
          flex-basis: auto !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
          flex-grow: 0 !important;
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item.SideBySideItem---minimize .SideBySideItem---field_layout {
  table-layout: auto !important;
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item.SideBySideItem---icon {
  -webkit-flex-basis: 20px !important;
          flex-basis: 20px !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
          flex-grow: 0 !important;
  width: 20px !important;
  font-size: 0 !important;
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item.SideBySideItem---iconfont {
  -webkit-flex-basis: 24px !important;
          flex-basis: 24px !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
          flex-grow: 0 !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  width: 24px !important;
  text-align: center !important;
  vertical-align: top !important;
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item.SideBySideItem---icon img {
  vertical-align: 0 !important;
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item.SideBySideItem---feed_image {
  -webkit-flex-basis: 80px !important;
          flex-basis: 80px !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
          flex-grow: 0 !important;
  width: 80px !important;
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item.SideBySideItem---button {
  width: 6.3rem !important;
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item.SideBySideItem---button .SideBySideItem---btn {
  width: 6.3rem !important;
  min-width: 0 !important;
  padding-left: 0.43rem !important;
  padding-right: 0.43rem !important;
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item.SideBySideItem---content_fill + .SideBySideItem---force_ltr.SideBySideItem---flex_item.SideBySideItem---icon:not(:last-child) {
  /* optimize alignment for multiple icons */
  padding-left: 4px !important;
}
.SideBySideItem---force_ltr.SideBySideItem---flex_item.SideBySideItem---iconfont i {
  font-size: 13px !important;
  line-height: 26px !important;
}
.SideBySideItem---force_ltr .SideBySideItem---validations_wrapper {
  position: relative !important;
}
.SideBySideItem---force_ltr .SideBySideItem---validations_wrapper:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  top: 0px !important;
  right: 0px !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.SideBySideItem---force_ltr.SideBySideItem---inDarkBackground .SideBySideItem---validations_wrapper:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.SideBySideItem---force_ltr .SideBySideItem---validations_wrapper:after {
  content: "" !important;
  position: absolute !important;
  top: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  right: 0px !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
}
.SideBySideItem---force_ltr.SideBySideItem---inDarkBackground .SideBySideItem---validations_wrapper:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.SideBySideItem---force_ltr .SideBySideItem---validations_wrapper_noninput {
  position: relative !important;
}
.SideBySideItem---force_ltr .SideBySideItem---validations_wrapper_noninput:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  top: -2px !important;
  right: -2px !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.SideBySideItem---force_ltr.SideBySideItem---inDarkBackground .SideBySideItem---validations_wrapper_noninput:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.SideBySideItem---force_ltr .SideBySideItem---validations_wrapper_noninput:after {
  content: "" !important;
  position: absolute !important;
  top: -2px !important;
  bottom: -2px !important;
  left: -2px !important;
  right: -2px !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
}
.SideBySideItem---force_ltr.SideBySideItem---inDarkBackground .SideBySideItem---validations_wrapper_noninput:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.appian-context-ux-page-size-phone .SideBySideItem---force_ltr.SideBySideItem---stack_when_phone {
  padding-right: 0 !important;
  width: 100% !important;
}
.appian-context-ux-page-size-phone .SideBySideItem---force_ltr.SideBySideItem---stack_when_phone.SideBySideItem---inEditableGridLayout:not(:last-child) {
  margin-bottom: 0.1429rem !important;
  /* matches reduced cell padding in editable grids */
}
.appian-context-ux-page-size-phone .SideBySideItem---force_ltr.SideBySideItem---stack_when_phone.SideBySideItem---inEditableGridLayout:last-child {
  margin-bottom: 0 !important;
}
.appian-context-ux-page-size-phone .SideBySideItem---force_ltr.SideBySideItem---stack_when_phone:not(.appian-context-last-in-list) {
  padding-right: 0 !important;
  margin-bottom: 0.7143rem !important;
}
.appian-context-ux-page-size-tablet-portrait .SideBySideItem---force_ltr.SideBySideItem---stack_when_tablet_portrait {
  padding-right: 0 !important;
  width: 100% !important;
}
.appian-context-ux-page-size-tablet-portrait .SideBySideItem---force_ltr.SideBySideItem---stack_when_tablet_portrait.SideBySideItem---inEditableGridLayout:not(:last-child) {
  margin-bottom: 0.1429rem !important;
  /* matches reduced cell padding in editable grids */
}
.appian-context-ux-page-size-tablet-portrait .SideBySideItem---force_ltr.SideBySideItem---stack_when_tablet_portrait.SideBySideItem---inEditableGridLayout:last-child {
  margin-bottom: 0 !important;
}
.appian-context-ux-page-size-tablet-portrait .SideBySideItem---force_ltr.SideBySideItem---stack_when_tablet_portrait:not(.appian-context-last-in-list) {
  padding-right: 0 !important;
  margin-bottom: 0.7143rem !important;
}
.appian-context-ux-page-size-tablet-landscape .SideBySideItem---force_ltr.SideBySideItem---stack_when_tablet_landscape {
  padding-right: 0 !important;
  width: 100% !important;
}
.appian-context-ux-page-size-tablet-landscape .SideBySideItem---force_ltr.SideBySideItem---stack_when_tablet_landscape.SideBySideItem---inEditableGridLayout:not(:last-child) {
  margin-bottom: 0.1429rem !important;
  /* matches reduced cell padding in editable grids */
}
.appian-context-ux-page-size-tablet-landscape .SideBySideItem---force_ltr.SideBySideItem---stack_when_tablet_landscape.SideBySideItem---inEditableGridLayout:last-child {
  margin-bottom: 0 !important;
}
.appian-context-ux-page-size-tablet-landscape .SideBySideItem---force_ltr.SideBySideItem---stack_when_tablet_landscape:not(.appian-context-last-in-list) {
  padding-right: 0 !important;
  margin-bottom: 0.7143rem !important;
}
.appian-context-ux-page-size-desktop-narrow .SideBySideItem---force_ltr.SideBySideItem---stack_when_desktop_narrow {
  padding-right: 0 !important;
  width: 100% !important;
}
.appian-context-ux-page-size-desktop-narrow .SideBySideItem---force_ltr.SideBySideItem---stack_when_desktop_narrow.SideBySideItem---inEditableGridLayout:not(:last-child) {
  margin-bottom: 0.1429rem !important;
  /* matches reduced cell padding in editable grids */
}
.appian-context-ux-page-size-desktop-narrow .SideBySideItem---force_ltr.SideBySideItem---stack_when_desktop_narrow.SideBySideItem---inEditableGridLayout:last-child {
  margin-bottom: 0 !important;
}
.appian-context-ux-page-size-desktop-narrow .SideBySideItem---force_ltr.SideBySideItem---stack_when_desktop_narrow:not(.appian-context-last-in-list) {
  padding-right: 0 !important;
  margin-bottom: 0.7143rem !important;
}
.appian-context-ux-page-size-desktop .SideBySideItem---force_ltr.SideBySideItem---stack_when_desktop {
  padding-right: 0 !important;
  width: 100% !important;
}
.appian-context-ux-page-size-desktop .SideBySideItem---force_ltr.SideBySideItem---stack_when_desktop.SideBySideItem---inEditableGridLayout:not(:last-child) {
  margin-bottom: 0.1429rem !important;
  /* matches reduced cell padding in editable grids */
}
.appian-context-ux-page-size-desktop .SideBySideItem---force_ltr.SideBySideItem---stack_when_desktop.SideBySideItem---inEditableGridLayout:last-child {
  margin-bottom: 0 !important;
}
.appian-context-ux-page-size-desktop .SideBySideItem---force_ltr.SideBySideItem---stack_when_desktop:not(.appian-context-last-in-list) {
  padding-right: 0 !important;
  margin-bottom: 0.7143rem !important;
}
.appian-context-ux-page-size-desktop-wide .SideBySideItem---force_ltr.SideBySideItem---stack_when_desktop_wide {
  padding-right: 0 !important;
  width: 100% !important;
}
.appian-context-ux-page-size-desktop-wide .SideBySideItem---force_ltr.SideBySideItem---stack_when_desktop_wide.SideBySideItem---inEditableGridLayout:not(:last-child) {
  margin-bottom: 0.1429rem !important;
  /* matches reduced cell padding in editable grids */
}
.appian-context-ux-page-size-desktop-wide .SideBySideItem---force_ltr.SideBySideItem---stack_when_desktop_wide.SideBySideItem---inEditableGridLayout:last-child {
  margin-bottom: 0 !important;
}
.appian-context-ux-page-size-desktop-wide .SideBySideItem---force_ltr.SideBySideItem---stack_when_desktop_wide:not(.appian-context-last-in-list) {
  padding-right: 0 !important;
  margin-bottom: 0.7143rem !important;
}
/* rtl:end:ignore */

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.SignatureWidget---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .SignatureWidget---accessibilityhidden {
  font-size: 0 !important;
}
.SignatureWidget---container {
  outline: none !important;
  font-size: 1rem !important;
  /* needed so text is visible when in side by side layout */
}
.SignatureWidget---popper {
  z-index: 2000020 !important;
}
.SignatureWidget---popper.SignatureWidget---inModalDialogLayout {
  z-index: 2000023 !important;
}
.SignatureWidget---popup {
  z-index: 2000020 !important;
  padding: 6px !important;
  background-color: #fff !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  margin-top: 2px !important;
  outline: none !important;
}
.SignatureWidget---popup.SignatureWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.SignatureWidget---canvas_container {
  position: relative !important;
  margin-bottom: 6px !important;
}
.SignatureWidget---canvas_container .SignatureWidget---clear_container {
  position: absolute !important;
  right: 6px !important;
  top: 4px !important;
}
.SignatureWidget---canvas {
  display: block !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
}
.SignatureWidget---canvas:focus {
  outline: none !important;
}
.SignatureWidget---buttons_footer {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
          justify-content: space-between !important;
  width: 100% !important;
}
.SignatureWidget---hidden {
  visibility: hidden !important;
}
.SignatureWidget---signature_container {
  display: block !important;
  overflow: hidden !important;
}
.SignatureWidget---signature_container.SignatureWidget---has_clear_link {
  margin-bottom: 6px !important;
}
.SignatureWidget---sig_line {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: inline-flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
          align-items: flex-end !important;
  padding: 4px !important;
  border-bottom: 1px solid #aaa !important;
  background-color: #fff !important;
  min-width: 200px !important;
}
.SignatureWidget---sig_line > span {
  color: #222 !important;
  cursor: default !important;
}
.SignatureWidget---sig_line > .SignatureWidget---sig_x {
  height: 8px !important;
  width: 8px !important;
  fill: #aaa !important;
}
.SignatureWidget---sig_image {
  height: 80px !important;
}
.SignatureWidget---link {
  cursor: pointer !important;
}
.SignatureWidget---error_message {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  white-space: pre-wrap !important;
  color: var(--appian-secondary-text-color, #767676) !important;
  fill: var(--appian-secondary-text-color, #767676) !important;
}
.SignatureWidget---error_message.SignatureWidget---inAccentBackground {
  color: #fff !important;
  fill: #fff !important;
}
.SignatureWidget---error_message > svg {
  height: 2rem !important;
  width: 2rem !important;
  margin-right: 5px !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* if this value changes, update the ITEM_BODY_WIDTH constant in /_ItemSlider/ItemSlider.tsx */
/* 20px is the approximate text line height at 1 rem */
.SitePreview---failed {
  margin-top: calc(((calc(180px - 44px - 7px) - calc(41px + 0.5rem + 20px)) / 2) - 10px) !important;
}
.SitePreview---failed .SitePreview---empty_icon_wrapper {
  height: 41px !important;
  width: 41px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 50% !important;
  background-color: #dbdbdb !important;
}
.SitePreview---failed .SitePreview---empty_icon_wrapper svg.SitePreview---empty_icon {
  width: 20px !important;
  height: 20px !important;
  fill: #999 !important;
  display: block !important;
  margin: 0 auto !important;
}
.SitePreview---failed .SitePreview---empty_text {
  color: #828282 !important;
  margin-top: 0.5rem !important;
  text-align: center !important;
}
.SitePreview---transparent_preview_page {
  background-color: #f0f0f0 !important;
}
p.SitePreview---label_tooltip {
  white-space: pre-wrap !important;
}
.SitePreview---site_preview_wrapper {
  position: relative !important;
  width: 360px !important;
  z-index: 2000000 !important;
}
.SitePreview---site_preview_wrapper .SitePreview---site_page_wrapper {
  height: 100% !important;
  overflow: hidden !important;
}
.SitePreview---site_preview_wrapper .SitePreview---site_page_wrapper.SitePreview---side_bar {
  padding-left: 250px !important;
}
.SitePreview---site_preview_wrapper .SitePreview---page_link:hover,
.SitePreview---site_preview_wrapper .SitePreview---page_link:focus {
  text-decoration: none !important;
}
.SitePreview---site_preview_wrapper .SitePreview---page_link:focus:not(.appian-context-ux-mouse-focus):after {
  content: "" !important;
  position: absolute !important;
  top: 0px !important;
  left: 0px !important;
  height: calc(100% - 10px) !important;
  width: 100% !important;
  outline: 10px solid #1d659c !important;
  outline-offset: 0px !important;
  z-index: 2000016 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* these styles match rich text link styles defined in LinkedItem.less */
.SizedText---inMessageLayout a.SizedText---inStrongText {
  font-weight: 700 !important;
}
.SizedText---inMessageLayout a.SizedText---inEmphasisText {
  font-style: italic !important;
}
/* end of matching styles */
.SizedText---inMessageLayout a,
.SizedText---inMessageLayout a:hover,
.SizedText---inMessageLayout a:focus:not(.SizedText---appian-context-ux-mouse-focus) {
  color: #1d659c !important;
  border-color: #1d659c !important;
}
.SizedText---inMessageLayout.SizedText---standard,
.SizedText---inMessageLayout.SizedText---info,
.SizedText---inMessageLayout.SizedText---warn,
.SizedText---inMessageLayout.SizedText---success {
  color: var(--appian-text-color, #222) !important;
}
.SizedText---inMessageLayout.SizedText---error:not(.SizedText---inDarkBackground) {
  color: #de0037 !important;
}
.SizedText---small {
  font-size: 0.8571rem !important;
}
.SizedText---medium {
  font-size: 1.214rem !important;
}
.SizedText---medium_plus {
  line-height: 1.3 !important;
}
.SizedText---medium_plus.SizedText---predefined {
  font-size: 1.7143rem !important;
}
.SizedText---large {
  line-height: 1.2 !important;
}
.SizedText---large.SizedText---predefined {
  font-size: 2.2857rem !important;
}
.SizedText---large_plus {
  line-height: 1.15 !important;
}
.SizedText---large_plus.SizedText---predefined {
  font-size: 3.7143rem !important;
}
.SizedText---extra_large {
  line-height: 1.1 !important;
}
.SizedText---extra_large.SizedText---predefined {
  font-size: 5.1429rem !important;
}
.SizedText---inStampWidgetWithIconAndText {
  position: relative !important;
}
.SizedText---inStampWidgetWithIconAndText.SizedText---small,
.SizedText---inStampWidgetWithIconAndText.SizedText---medium {
  bottom: 0.3671rem !important;
}
.SizedText---inStampWidgetWithIconAndText.SizedText---medium_plus {
  bottom: 0.2857rem !important;
}
.SizedText---inStampWidgetWithIconAndText.SizedText---large {
  bottom: 0.8571rem !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
div.SpinnerWidget---spinner {
  background-color: transparent !important;
  margin-bottom: 0.7143rem !important;
  padding: 0.5714rem 0 !important;
  text-align: center !important;
  font-size: 0 !important;
}
div.SpinnerWidget---spinner.SpinnerWidget---inEmptyLiveViewWidget {
  margin-bottom: 0 !important;
}
div.SpinnerWidget---spinner.SpinnerWidget---vertically_centered {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
}
div.SpinnerWidget---spinner:after {
  content: "" !important;
  display: inline-block !important;
  height: 1.5714rem !important;
  width: 1.5714rem !important;
  background-size: 1.5714rem 1.5714rem !important;
  background-repeat: no-repeat !important;
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%23999%22%3E%3Cpath%20d%3D%22M1760%20896q0%20176-68.5%20336t-184%20275.5-275.5%20184-336%2068.5-336-68.5-275.5-184-184-275.5-68.5-336q0-213%2097-398.5t265-305.5%20374-151v228q-221%2045-366.5%20221t-145.5%20406q0%20130%2051%20248.5t136.5%20204%20204%20136.5%20248.5%2051%20248.5-51%20204-136.5%20136.5-204%2051-248.5q0-230-145.5-406t-366.5-221v-228q206%2031%20374%20151t265%20305.5%2097%20398.5z%22/%3E%3C/svg%3E") !important;
  -webkit-animation: SpinnerWidget---spin linear infinite 2s !important;
  animation: SpinnerWidget---spin linear infinite 2s !important;
}
@-webkit-keyframes SpinnerWidget---spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes SpinnerWidget---spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.SplitPaneLayout---split_pane_layout {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  height: 100% !important;
  width: 100% !important;
  user-select: text !important;
  -moz-user-select: text !important;
  -webkit-user-select: text !important;
  -ms-user-select: text !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.SplitPaneLayout---split_pane_layout.SplitPaneLayout---horizontal {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
}
.SplitPaneLayout---split_pane_layout.SplitPaneLayout---horizontal.SplitPaneLayout---flip_flex_direction {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}
.SplitPaneLayout---split_pane_layout.SplitPaneLayout---vertical {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
}
.SplitPaneLayout---split_pane_layout.SplitPaneLayout---horizontal > .SplitPaneLayout---pane,
.SplitPaneLayout---split_pane_layout.SplitPaneLayout---horizontal > .SplitPaneLayout---separator {
  height: 100% !important;
}
.SplitPaneLayout---split_pane_layout.SplitPaneLayout---vertical > .SplitPaneLayout---pane,
.SplitPaneLayout---split_pane_layout.SplitPaneLayout---vertical > .SplitPaneLayout---separator {
  width: 100% !important;
}
.SplitPaneLayout---pane {
  position: relative !important;
  overflow: hidden !important;
  background-color: #fff !important;
}
.SplitPaneLayout---pane.SplitPaneLayout---transparent_background {
  background-color: transparent !important;
}
.SplitPaneLayout---grey_background {
  background-color: #f0f0f0 !important;
}
.SplitPaneLayout---package_sidebar_background {
  background-color: #f4f4f4 !important;
}
.SplitPaneLayout---primary_pane,
.SplitPaneLayout---separator {
  -webkit-box-flex: 0 !important;
  -webkit-flex: none !important;
          flex: none !important;
}
.SplitPaneLayout---primary_pane.SplitPaneLayout---primary_pane_animation_horizontal {
  -webkit-transition: width 0.5s ease !important;
  transition: width 0.5s ease !important;
}
.SplitPaneLayout---primary_pane.SplitPaneLayout---primary_pane_animation_horizontal.SplitPaneLayout---collapsed {
  -webkit-transition: width 0.5s ease !important;
  transition: width 0.5s ease !important;
  width: 0 !important;
}
.SplitPaneLayout---primary_pane.SplitPaneLayout---primary_pane_animation_vertical {
  -webkit-transition: height 0.5s ease !important;
  transition: height 0.5s ease !important;
}
.SplitPaneLayout---primary_pane.SplitPaneLayout---primary_pane_animation_vertical.SplitPaneLayout---collapsed {
  -webkit-transition: height 0.5s ease !important;
  transition: height 0.5s ease !important;
  height: 0 !important;
}
.SplitPaneLayout---secondary_pane {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 !important;
          flex: 1 !important;
}
/*
  Flex was added to the secondary pane to fix a bug in Safari wherein a secondary
  pane's contents would get a height of 0 if they did not have an explicitly
  defined height.
*/
.SplitPaneLayout---split_pane_layout.SplitPaneLayout---vertical > .SplitPaneLayout---secondary_pane {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
}
.SplitPaneLayout---split_pane_layout.SplitPaneLayout---vertical > .SplitPaneLayout---secondary_pane > * {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 !important;
          flex: 1 !important;
}
.SplitPaneLayout---split_pane_layout.SplitPaneLayout---horizontal > .SplitPaneLayout---pane > .SplitPaneLayout---contents {
  height: 100% !important;
  overflow: auto !important;
  position: relative !important;
  /* prevents the nested split pane in ID from wrapping as the parent pane collapses */
}
.SplitPaneLayout---split_pane_layout.SplitPaneLayout---vertical > .SplitPaneLayout---pane > .SplitPaneLayout---contents {
  width: 100% !important;
  overflow: auto !important;
}
.SplitPaneLayout---separator {
  background-color: #c5cbd4 !important;
}
.SplitPaneLayout---separator.SplitPaneLayout---dark {
  background-color: var(--appian-progress-background-color, #c5cbd4) !important;
}
.SplitPaneLayout---separator.SplitPaneLayout---dark.SplitPaneLayout---collapse_control_hover,
.SplitPaneLayout---separator.SplitPaneLayout---dark:focus-within {
  background-color: #1d659c !important;
}
.SplitPaneLayout---separator.SplitPaneLayout---horizontal.SplitPaneLayout---resizable_cursor {
  cursor: ew-resize !important;
}
.SplitPaneLayout---separator.SplitPaneLayout---vertical.SplitPaneLayout---resizable_cursor {
  cursor: ns-resize !important;
}
.SplitPaneLayout---separator.SplitPaneLayout---resizable:hover,
.SplitPaneLayout---separator.SplitPaneLayout---collapse_control_hover,
.SplitPaneLayout---separator:focus-within {
  background-color: #6d7278 !important;
}
.SplitPaneLayout---separator.SplitPaneLayout---horizontal {
  width: 2px !important;
}
.SplitPaneLayout---separator.SplitPaneLayout---horizontal.SplitPaneLayout---subtle {
  width: 1px !important;
}
.SplitPaneLayout---separator.SplitPaneLayout---vertical {
  height: 2px !important;
}
.SplitPaneLayout---separator.SplitPaneLayout---vertical.SplitPaneLayout---subtle {
  height: 1px !important;
}
.SplitPaneLayout---separator.SplitPaneLayout---resizable.SplitPaneLayout---horizontal {
  width: 4px !important;
}
.SplitPaneLayout---separator.SplitPaneLayout---resizable.SplitPaneLayout---vertical {
  height: 4px !important;
}
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent {
  position: relative !important;
  z-index: 2000012 !important;
}
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent.SplitPaneLayout---parent_horizontal {
  top: 50% !important;
}
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent.SplitPaneLayout---parent_vertical {
  left: 50% !important;
  width: 0 !important;
  /* prevents width of collapse container that positions the collapse tab/arrow from becoming wider than the pane in the nested case */
}
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_left {
  margin-top: -15px !important;
  margin-left: 2px !important;
}
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_right {
  margin-top: -15px !important;
  margin-left: -14px !important;
}
.SplitPaneLayout---separator.SplitPaneLayout---resizable .SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_right {
  margin-left: -14px !important;
}
.SplitPaneLayout---separator.SplitPaneLayout---resizable .SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_left {
  margin-left: 4px !important;
}
.SplitPaneLayout---separator:not(.SplitPaneLayout---resizable).SplitPaneLayout---subtle .SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_left {
  margin-left: 1px !important;
}
.SplitPaneLayout---separator:not(.SplitPaneLayout---resizable).SplitPaneLayout---subtle .SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_right {
  margin-left: -14px !important;
}
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_above {
  margin-left: -15px !important;
  margin-top: 2px !important;
}
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_below {
  margin-top: -14px !important;
  margin-left: -15px !important;
}
.SplitPaneLayout---separator.SplitPaneLayout---resizable .SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_above {
  margin-top: 4px !important;
}
.SplitPaneLayout---separator.SplitPaneLayout---resizable .SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_below {
  margin-top: -14px !important;
  margin-right: 15px !important;
}
.SplitPaneLayout---separator:not(.SplitPaneLayout---resizable).SplitPaneLayout---subtle .SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_above {
  margin-top: 1px !important;
}
.SplitPaneLayout---default_direction .SplitPaneLayout---collapse_control_child {
  position: absolute !important;
  background-color: #e4e4ec !important;
  cursor: pointer !important;
  text-align: center !important;
  color: #6d7278 !important;
  font-size: 10px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
}
.SplitPaneLayout---default_direction .SplitPaneLayout---collapse_control_child.SplitPaneLayout---dark {
  background-color: var(--appian-progress-background-color, #e4e4ec) !important;
  color: var(--appian-secondary-text-color, #6d7278) !important;
}
.SplitPaneLayout---default_direction .SplitPaneLayout---collapse_control_child.SplitPaneLayout---child_horizontal {
  width: 14px !important;
  height: 30px !important;
}
.SplitPaneLayout---default_direction .SplitPaneLayout---collapse_control_child.SplitPaneLayout---child_vertical {
  width: 30px !important;
  height: 14px !important;
}
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_left .SplitPaneLayout---collapse_control_child {
  padding-right: 1px !important;
  border-radius: 0 3px 3px 0 !important;
  border-right: 1px solid #c5cbd4 !important;
  border-top: 1px solid #c5cbd4 !important;
  border-bottom: 1px solid #c5cbd4 !important;
}
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_left .SplitPaneLayout---collapse_control_child.SplitPaneLayout---dark {
  border-right: 1px solid var(--appian-progress-background-color, #c5cbd4) !important;
  border-top: 1px solid var(--appian-progress-background-color, #c5cbd4) !important;
  border-bottom: 1px solid var(--appian-progress-background-color, #c5cbd4) !important;
}
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_right .SplitPaneLayout---collapse_control_child {
  padding-left: 1px !important;
  border-radius: 3px 0 0 3px !important;
  border-left: 1px solid #c5cbd4 !important;
  border-top: 1px solid #c5cbd4 !important;
  border-bottom: 1px solid #c5cbd4 !important;
}
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_right .SplitPaneLayout---collapse_control_child.SplitPaneLayout---dark {
  border-left: 1px solid var(--appian-progress-background-color, #c5cbd4) !important;
  border-top: 1px solid var(--appian-progress-background-color, #c5cbd4) !important;
  border-bottom: 1px solid var(--appian-progress-background-color, #c5cbd4) !important;
}
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_above .SplitPaneLayout---collapse_control_child {
  padding-bottom: 1px !important;
  border-radius: 0 0 3px 3px !important;
  border-left: 1px solid #c5cbd4 !important;
  border-right: 1px solid #c5cbd4 !important;
  border-bottom: 1px solid #c5cbd4 !important;
}
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_above .SplitPaneLayout---collapse_control_child.SplitPaneLayout---dark {
  border-left: 1px solid var(--appian-progress-background-color, #c5cbd4) !important;
  border-right: 1px solid var(--appian-progress-background-color, #c5cbd4) !important;
  border-bottom: 1px solid var(--appian-progress-background-color, #c5cbd4) !important;
}
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_below .SplitPaneLayout---collapse_control_child {
  padding-top: 1px !important;
  border-radius: 3px 3px 0 0 !important;
  border-left: 1px solid #c5cbd4 !important;
  border-right: 1px solid #c5cbd4 !important;
  border-top: 1px solid #c5cbd4 !important;
}
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_below .SplitPaneLayout---collapse_control_child.SplitPaneLayout---dark {
  border-left: 1px solid var(--appian-progress-background-color, #c5cbd4) !important;
  border-right: 1px solid var(--appian-progress-background-color, #c5cbd4) !important;
  border-top: 1px solid var(--appian-progress-background-color, #c5cbd4) !important;
}
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_left .SplitPaneLayout---collapse_control_child:hover,
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_right .SplitPaneLayout---collapse_control_child:hover,
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_above .SplitPaneLayout---collapse_control_child:hover,
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_below .SplitPaneLayout---collapse_control_child:hover,
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_left .SplitPaneLayout---collapse_control_child:focus,
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_right .SplitPaneLayout---collapse_control_child:focus,
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_above .SplitPaneLayout---collapse_control_child:focus,
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_below .SplitPaneLayout---collapse_control_child:focus {
  border-color: #6d7278 !important;
  text-decoration: none !important;
}
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_left .SplitPaneLayout---dark.SplitPaneLayout---collapse_control_child:hover,
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_right .SplitPaneLayout---dark.SplitPaneLayout---collapse_control_child:hover,
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_above .SplitPaneLayout---dark.SplitPaneLayout---collapse_control_child:hover,
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_below .SplitPaneLayout---dark.SplitPaneLayout---collapse_control_child:hover,
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_left .SplitPaneLayout---dark.SplitPaneLayout---collapse_control_child:focus,
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_right .SplitPaneLayout---dark.SplitPaneLayout---collapse_control_child:focus,
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_above .SplitPaneLayout---dark.SplitPaneLayout---collapse_control_child:focus,
.SplitPaneLayout---default_direction.SplitPaneLayout---collapse_control_parent_below .SplitPaneLayout---dark.SplitPaneLayout---collapse_control_child:focus {
  border-color: #1d659c !important;
}
.SplitPaneLayout---default_direction .SplitPaneLayout---collapse_control_child:hover,
.SplitPaneLayout---separator.SplitPaneLayout---collapse_control_hover .SplitPaneLayout---default_direction .SplitPaneLayout---collapse_control_child {
  border-color: #6d7278 !important;
  text-decoration: none !important;
}
/* rtl:begin:ignore */
.SplitPaneLayout---force_ltr {
  direction: ltr !important;
}
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent {
  position: relative !important;
  z-index: 2000012 !important;
}
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent.SplitPaneLayout---parent_horizontal {
  top: 50% !important;
}
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent.SplitPaneLayout---parent_vertical {
  left: 50% !important;
  width: 0 !important;
  /* prevents width of collapse container that positions the collapse tab/arrow from becoming wider than the pane in the nested case */
}
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_left {
  margin-top: -15px !important;
  margin-left: 2px !important;
}
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_right {
  margin-top: -15px !important;
  margin-left: -14px !important;
}
.SplitPaneLayout---separator.SplitPaneLayout---resizable .SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_right {
  margin-left: -14px !important;
}
.SplitPaneLayout---separator.SplitPaneLayout---resizable .SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_left {
  margin-left: 4px !important;
}
.SplitPaneLayout---separator:not(.SplitPaneLayout---resizable).SplitPaneLayout---subtle .SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_left {
  margin-left: 1px !important;
}
.SplitPaneLayout---separator:not(.SplitPaneLayout---resizable).SplitPaneLayout---subtle .SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_right {
  margin-left: -14px !important;
}
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_above {
  margin-left: -15px !important;
  margin-top: 2px !important;
}
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_below {
  margin-top: -14px !important;
  margin-left: -15px !important;
}
.SplitPaneLayout---separator.SplitPaneLayout---resizable .SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_above {
  margin-top: 4px !important;
}
.SplitPaneLayout---separator.SplitPaneLayout---resizable .SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_below {
  margin-top: -14px !important;
  margin-right: 15px !important;
}
.SplitPaneLayout---separator:not(.SplitPaneLayout---resizable).SplitPaneLayout---subtle .SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_above {
  margin-top: 1px !important;
}
.SplitPaneLayout---force_ltr .SplitPaneLayout---collapse_control_child {
  position: absolute !important;
  background-color: #e4e4ec !important;
  cursor: pointer !important;
  text-align: center !important;
  color: #6d7278 !important;
  font-size: 10px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
}
.SplitPaneLayout---force_ltr .SplitPaneLayout---collapse_control_child.SplitPaneLayout---dark {
  background-color: var(--appian-progress-background-color, #e4e4ec) !important;
  color: var(--appian-secondary-text-color, #6d7278) !important;
}
.SplitPaneLayout---force_ltr .SplitPaneLayout---collapse_control_child.SplitPaneLayout---child_horizontal {
  width: 14px !important;
  height: 30px !important;
}
.SplitPaneLayout---force_ltr .SplitPaneLayout---collapse_control_child.SplitPaneLayout---child_vertical {
  width: 30px !important;
  height: 14px !important;
}
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_left .SplitPaneLayout---collapse_control_child {
  padding-right: 1px !important;
  border-radius: 0 3px 3px 0 !important;
  border-right: 1px solid #c5cbd4 !important;
  border-top: 1px solid #c5cbd4 !important;
  border-bottom: 1px solid #c5cbd4 !important;
}
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_left .SplitPaneLayout---collapse_control_child.SplitPaneLayout---dark {
  border-right: 1px solid var(--appian-progress-background-color, #c5cbd4) !important;
  border-top: 1px solid var(--appian-progress-background-color, #c5cbd4) !important;
  border-bottom: 1px solid var(--appian-progress-background-color, #c5cbd4) !important;
}
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_right .SplitPaneLayout---collapse_control_child {
  padding-left: 1px !important;
  border-radius: 3px 0 0 3px !important;
  border-left: 1px solid #c5cbd4 !important;
  border-top: 1px solid #c5cbd4 !important;
  border-bottom: 1px solid #c5cbd4 !important;
}
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_right .SplitPaneLayout---collapse_control_child.SplitPaneLayout---dark {
  border-left: 1px solid var(--appian-progress-background-color, #c5cbd4) !important;
  border-top: 1px solid var(--appian-progress-background-color, #c5cbd4) !important;
  border-bottom: 1px solid var(--appian-progress-background-color, #c5cbd4) !important;
}
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_above .SplitPaneLayout---collapse_control_child {
  padding-bottom: 1px !important;
  border-radius: 0 0 3px 3px !important;
  border-left: 1px solid #c5cbd4 !important;
  border-right: 1px solid #c5cbd4 !important;
  border-bottom: 1px solid #c5cbd4 !important;
}
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_above .SplitPaneLayout---collapse_control_child.SplitPaneLayout---dark {
  border-left: 1px solid var(--appian-progress-background-color, #c5cbd4) !important;
  border-right: 1px solid var(--appian-progress-background-color, #c5cbd4) !important;
  border-bottom: 1px solid var(--appian-progress-background-color, #c5cbd4) !important;
}
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_below .SplitPaneLayout---collapse_control_child {
  padding-top: 1px !important;
  border-radius: 3px 3px 0 0 !important;
  border-left: 1px solid #c5cbd4 !important;
  border-right: 1px solid #c5cbd4 !important;
  border-top: 1px solid #c5cbd4 !important;
}
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_below .SplitPaneLayout---collapse_control_child.SplitPaneLayout---dark {
  border-left: 1px solid var(--appian-progress-background-color, #c5cbd4) !important;
  border-right: 1px solid var(--appian-progress-background-color, #c5cbd4) !important;
  border-top: 1px solid var(--appian-progress-background-color, #c5cbd4) !important;
}
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_left .SplitPaneLayout---collapse_control_child:hover,
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_right .SplitPaneLayout---collapse_control_child:hover,
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_above .SplitPaneLayout---collapse_control_child:hover,
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_below .SplitPaneLayout---collapse_control_child:hover,
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_left .SplitPaneLayout---collapse_control_child:focus,
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_right .SplitPaneLayout---collapse_control_child:focus,
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_above .SplitPaneLayout---collapse_control_child:focus,
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_below .SplitPaneLayout---collapse_control_child:focus {
  border-color: #6d7278 !important;
  text-decoration: none !important;
}
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_left .SplitPaneLayout---dark.SplitPaneLayout---collapse_control_child:hover,
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_right .SplitPaneLayout---dark.SplitPaneLayout---collapse_control_child:hover,
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_above .SplitPaneLayout---dark.SplitPaneLayout---collapse_control_child:hover,
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_below .SplitPaneLayout---dark.SplitPaneLayout---collapse_control_child:hover,
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_left .SplitPaneLayout---dark.SplitPaneLayout---collapse_control_child:focus,
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_right .SplitPaneLayout---dark.SplitPaneLayout---collapse_control_child:focus,
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_above .SplitPaneLayout---dark.SplitPaneLayout---collapse_control_child:focus,
.SplitPaneLayout---force_ltr.SplitPaneLayout---collapse_control_parent_below .SplitPaneLayout---dark.SplitPaneLayout---collapse_control_child:focus {
  border-color: #1d659c !important;
}
.SplitPaneLayout---force_ltr .SplitPaneLayout---collapse_control_child:hover,
.SplitPaneLayout---separator.SplitPaneLayout---collapse_control_hover .SplitPaneLayout---force_ltr .SplitPaneLayout---collapse_control_child {
  border-color: #6d7278 !important;
  text-decoration: none !important;
}
/* rtl:end:ignore */

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.StampWidget---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .StampWidget---accessibilityhidden {
  font-size: 0 !important;
}
.StampWidget---align_start {
  text-align: left !important;
}
.StampWidget---align_end {
  text-align: right !important;
}
.StampWidget---center {
  text-align: center !important;
}
.StampWidget---stamp_wrapper {
  overflow: hidden !important;
}
.appian-context-browser-safari .StampWidget---stamp_wrapper.StampWidget---quick_access_editor {
  height: 1.8571rem !important;
}
.appian-context-browser-safari .StampWidget---stamp_wrapper.StampWidget---tiny {
  height: 2.8571rem !important;
}
.appian-context-browser-safari .StampWidget---stamp_wrapper.StampWidget---small {
  height: 4.2857rem !important;
}
.appian-context-browser-safari .StampWidget---stamp_wrapper.StampWidget---medium {
  height: 6.0714rem !important;
}
.appian-context-browser-safari .StampWidget---stamp_wrapper.StampWidget---large {
  height: 10rem !important;
}
.StampWidget---stamp {
  text-align: center !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: inline-flex !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  border-radius: 50% !important;
  vertical-align: middle !important;
  border: 0.1429rem solid #000 !important;
}
.StampWidget---stamp .StampWidget---contents {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-align-self: center !important;
          align-self: center !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  width: 100% !important;
  height: 100% !important;
  border: 0.1429rem solid transparent !important;
  border-radius: inherit !important;
}
.StampWidget---stamp .StampWidget---contents > div {
  max-width: 100% !important;
}
.StampWidget---stamp .StampWidget---contents > div span {
  white-space: nowrap !important;
}
.StampWidget---stamp.StampWidget---quick_access_editor {
  width: 1.8571rem !important;
  height: 1.8571rem !important;
  font-weight: 600 !important;
  padding-bottom: 2px !important;
}
.StampWidget---stamp.StampWidget---tiny {
  height: 2.8571rem !important;
  width: 2.8571rem !important;
  font-weight: 400 !important;
}
.StampWidget---stamp.StampWidget---small {
  height: 4.2857rem !important;
  width: 4.2857rem !important;
  border-width: 0.2143rem !important;
}
.StampWidget---stamp.StampWidget---medium {
  height: 6.0714rem !important;
  width: 6.0714rem !important;
  border-width: 0.2857rem !important;
}
.StampWidget---stamp.StampWidget---large {
  height: 10rem !important;
  width: 10rem !important;
  border-width: 0.3571rem !important;
}
.StampWidget---stamp.StampWidget---bg_transparent {
  background-color: transparent !important;
  border-color: #000 !important;
}
.StampWidget---stamp.StampWidget---bg_transparent.StampWidget---inDarkBackground {
  border-color: #fff !important;
}
.StampWidget---stamp.StampWidget---bg_transparent.StampWidget---inAccentBackground {
  border-color: #fff !important;
}
.StampWidget---stamp.StampWidget---bg_positive {
  background-color: #1cc101 !important;
  border-color: #1cc101 !important;
}
.StampWidget---stamp.StampWidget---bg_positive.StampWidget---inDarkBackground {
  background-color: var(--appian-positive-color-on-dark-bg, #59f73f) !important;
  border-color: var(--appian-positive-color-on-dark-bg, #59f73f) !important;
}
.StampWidget---stamp.StampWidget---bg_negative {
  background-color: #de0037 !important;
  border-color: #de0037 !important;
}
.StampWidget---stamp.StampWidget---bg_negative.StampWidget---inDarkBackground {
  background-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.StampWidget---stamp.StampWidget---bg_secondary {
  background-color: #ddd !important;
  border-color: #ddd !important;
}
.StampWidget---stamp.StampWidget---bg_accent {
  background-color: #1d659c !important;
  border-color: #1d659c !important;
}
.StampWidget---stamp.StampWidget---bg_accent.StampWidget---inAccentBackground {
  background-color: #fff !important;
  border-color: #fff !important;
}
.StampWidget---stamp.StampWidget---large > .StampWidget---contents > div:not(:only-child):first-child > p > span {
  top: -0.1429rem !important;
}
.StampWidget---stamp.StampWidget---large > .StampWidget---contents > div:not(:only-child):last-child > p {
  padding: 0 0.8571rem !important;
}
.StampWidget---stamp.StampWidget---large > .StampWidget---contents > div:not(:only-child):last-child > p > span {
  bottom: 0.8571rem !important;
}
.StampWidget---stamp.StampWidget---medium > .StampWidget---contents > div:not(:only-child):last-child > p {
  padding: 0 0.7143rem !important;
}
.StampWidget---stamp.StampWidget---medium > .StampWidget---contents > div:not(:only-child):last-child > p > span {
  top: -0.5714rem !important;
}
.StampWidget---stamp.StampWidget---small > .StampWidget---contents > div:not(:only-child):first-child > p > span {
  top: 0.1429rem !important;
}
.StampWidget---stamp.StampWidget---small > .StampWidget---contents > div:not(:only-child):last-child > p {
  padding: 0 0.5714rem !important;
}
.StampWidget---stamp.StampWidget---small > .StampWidget---contents > div:not(:only-child):last-child > p > span {
  top: -0.3571rem !important;
}
.StampWidget---stamp.StampWidget---tiny > .StampWidget---contents > div:not(:only-child):first-child > p > span {
  top: 0.2143rem !important;
}
.StampWidget---stamp.StampWidget---tiny > .StampWidget---contents > div:not(:only-child):last-child > p {
  padding: 0 0.2857rem !important;
}
.StampWidget---stamp.StampWidget---tiny > .StampWidget---contents > div:not(:only-child):last-child > p > span {
  bottom: 0.2143rem !important;
}
.StampWidget---stamp.StampWidget---bg_transparent.StampWidget---border_positive,
.StampWidget---stamp.StampWidget---bg_transparent.StampWidget---border_positive.StampWidget---inAccentBackground {
  border-color: #1cc101 !important;
}
.StampWidget---stamp.StampWidget---bg_transparent.StampWidget---border_positive.StampWidget---inDarkBackground {
  border-color: var(--appian-positive-color-on-dark-bg, #59f73f) !important;
}
.StampWidget---stamp.StampWidget---bg_transparent.StampWidget---border_negative,
.StampWidget---stamp.StampWidget---bg_transparent.StampWidget---border_negative.StampWidget---inAccentBackground {
  border-color: #de0037 !important;
}
.StampWidget---stamp.StampWidget---bg_transparent.StampWidget---border_negative.StampWidget---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.StampWidget---stamp.StampWidget---bg_transparent.StampWidget---border_accent,
.StampWidget---stamp.StampWidget---bg_transparent.StampWidget---border_accent.StampWidget---inDarkBackground {
  border-color: #1d659c !important;
}
.StampWidget---stamp.StampWidget---bg_transparent.StampWidget---border_accent.StampWidget---inAccentBackground {
  border-color: #fff !important;
}
.StampWidget---stamp.StampWidget---linked:hover {
  cursor: pointer !important;
}
.StampWidget---stamp.StampWidget---linked:focus,
.StampWidget---stamp.StampWidget---linked:hover {
  outline: none !important;
}
.StampWidget---stamp.StampWidget---linked:focus:not([data-appian-ux-mouse-focus]),
.StampWidget---stamp.StampWidget---linked:hover:not([data-appian-ux-mouse-focus]) {
  box-shadow: inset 0 0 0 2px #fff !important;
}
.StampWidget---stamp.StampWidget---linked:focus:not([data-appian-ux-mouse-focus]).StampWidget---bg_light,
.StampWidget---stamp.StampWidget---linked:hover:not([data-appian-ux-mouse-focus]).StampWidget---bg_light {
  box-shadow: inset 0 0 0 2px #000 !important;
}
.StampWidget---stamp.StampWidget---linked:focus:not([data-appian-ux-mouse-focus]).StampWidget---bg_transparent,
.StampWidget---stamp.StampWidget---linked:hover:not([data-appian-ux-mouse-focus]).StampWidget---bg_transparent {
  border-style: double !important;
  border-width: 0.2858rem !important;
  box-shadow: none !important;
}
.StampWidget---stamp.StampWidget---linked:focus:not([data-appian-ux-mouse-focus]).StampWidget---bg_accent.StampWidget---inAccentBackground,
.StampWidget---stamp.StampWidget---linked:hover:not([data-appian-ux-mouse-focus]).StampWidget---bg_accent.StampWidget---inAccentBackground {
  box-shadow: inset 0 0 0 2px #1d659c !important;
}
.StampWidget---stamp.StampWidget---linked:active {
  -webkit-transform: scaleX(0.98) scaleY(0.98) !important;
          transform: scaleX(0.98) scaleY(0.98) !important;
}
@media print {
  .StampWidget---stamp {
    print-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }
}

.StartProcessLink---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .StartProcessLink---accessibilityhidden {
  font-size: 0 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* these styles match rich text link styles defined in LinkedItem.less */
.StrikethroughText---inMessageLayout a.StrikethroughText---inStrongText {
  font-weight: 700 !important;
}
.StrikethroughText---inMessageLayout a.StrikethroughText---inEmphasisText {
  font-style: italic !important;
}
/* end of matching styles */
.StrikethroughText---inMessageLayout a,
.StrikethroughText---inMessageLayout a:hover,
.StrikethroughText---inMessageLayout a:focus:not(.StrikethroughText---appian-context-ux-mouse-focus) {
  color: #1d659c !important;
  border-color: #1d659c !important;
}
.StrikethroughText---inMessageLayout.StrikethroughText---standard,
.StrikethroughText---inMessageLayout.StrikethroughText---info,
.StrikethroughText---inMessageLayout.StrikethroughText---warn,
.StrikethroughText---inMessageLayout.StrikethroughText---success {
  color: var(--appian-text-color, #222) !important;
}
.StrikethroughText---inMessageLayout.StrikethroughText---error:not(.StrikethroughText---inDarkBackground) {
  color: #de0037 !important;
}
s.StrikethroughText---richtext_strikethrough {
  text-decoration: line-through !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* these styles match rich text link styles defined in LinkedItem.less */
.StrongText---inMessageLayout a.StrongText---inStrongText {
  font-weight: 700 !important;
}
.StrongText---inMessageLayout a.StrongText---inEmphasisText {
  font-style: italic !important;
}
/* end of matching styles */
.StrongText---inMessageLayout a,
.StrongText---inMessageLayout a:hover,
.StrongText---inMessageLayout a:focus:not(.StrongText---appian-context-ux-mouse-focus) {
  color: #1d659c !important;
  border-color: #1d659c !important;
}
.StrongText---inMessageLayout.StrongText---standard,
.StrongText---inMessageLayout.StrongText---info,
.StrongText---inMessageLayout.StrongText---warn,
.StrongText---inMessageLayout.StrongText---success {
  color: var(--appian-text-color, #222) !important;
}
.StrongText---inMessageLayout.StrongText---error:not(.StrongText---inDarkBackground) {
  color: #de0037 !important;
}
strong.StrongText---richtext_strong {
  font-weight: 700 !important;
  /* if this value changes, also update RichTextEditorWidget.less */
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* A prettier bug causes infinite semi colons to be added without this comment ( https://github.com/prettier/prettier/issues/11483 ) */
.TabButtonGroup---margin_above_div {
  height: 0.05px !important;
}
.TabButtonGroup---margin_above_none {
  margin-top: 0 !important;
}
.TabButtonGroup---margin_above_standard {
  margin-top: 1rem !important;
}
.TabButtonGroup---margin_above_less {
  margin-top: 0.5rem !important;
}
.TabButtonGroup---margin_above_even_less {
  margin-top: 0.2857rem !important;
}
.TabButtonGroup---margin_above_more {
  margin-top: 2rem !important;
}
.TabButtonGroup---margin_above_even_more {
  margin-top: 4rem !important;
}
.TabButtonGroup---margin_below_none {
  margin-bottom: 0 !important;
}
.TabButtonGroup---margin_below_standard {
  margin-bottom: 1rem !important;
}
.TabButtonGroup---margin_below_less {
  margin-bottom: 0.5rem !important;
}
.TabButtonGroup---margin_below_even_less {
  margin-bottom: 0.2857rem !important;
}
.TabButtonGroup---margin_below_more {
  margin-bottom: 2rem !important;
}
.TabButtonGroup---margin_below_even_more {
  margin-bottom: 4rem !important;
}
.TabButtonGroup---fit {
  height: 100% !important;
}
.TabButtonGroup---fit ul.TabButtonGroup---tabs {
  height: 2.571rem !important;
}
.TabButtonGroup---tab_group ul.TabButtonGroup---tabs {
  list-style: none !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -ms-flex-line-pack: start !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
          justify-content: flex-start !important;
  -webkit-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important;
  border-bottom: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
  margin: 0 0 -1px 0 !important;
  padding: 0 !important;
}
.TabButtonGroup---tab_group .TabButtonGroup---tab_contents_container {
  border: 1px solid var(--appian-container-border-color-subtle, #eee) !important;
}
.TabButtonGroup---tab_group .TabButtonGroup---tab_contents_container.TabButtonGroup---flush {
  border-color: transparent !important;
}
.TabButtonGroup---fit .TabButtonGroup---tab_contents_container {
  /* A static height is used as opposed to using a flex display due to a Safari flex sizing bug: https://bugs.webkit.org/show_bug.cgi?id=137730 */
  height: calc(100% - 2.571rem) !important;
  position: relative !important;
  overflow-y: auto !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.TabButtonGroup---tab_button_group ul.TabButtonGroup---tabs {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  padding-bottom: 4px !important;
  display: -webkit-inline-flex !important;
  display: -webkit-inline-box !important;
  display: inline-flex !important;
  -ms-flex-line-pack: start !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
          justify-content: flex-start !important;
  overflow: hidden !important;
  max-width: 100% !important;
  -webkit-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
}
.TabButtonGroup---tab_button_group ul.TabButtonGroup---tabs.TabButtonGroup---vertical {
  display: block !important;
}
.TabButtonGroup---tab_button_group ul.TabButtonGroup---tabs.TabButtonGroup---no_wrap {
  -webkit-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important;
}
.TabButtonGroup---tab_button_group ul.TabButtonGroup---tabs.TabButtonGroup---no_wrap li {
  margin: 0 !important;
}
.TabButtonGroup---tab_group.TabButtonGroup---bottom ul.TabButtonGroup---tabs {
  border-bottom: none !important;
}
.TabButtonGroup---tab_group.TabButtonGroup---bottom ul.TabButtonGroup---tabs.TabButtonGroup---id_design_pane {
  bottom: 0 !important;
  position: absolute !important;
  width: 100% !important;
}
.TabButtonGroup---tab_group.TabButtonGroup---bottom .TabButtonGroup---tab_contents_container {
  border-bottom: 1px solid #eee !important;
}
.TabButtonGroup---tab_group.TabButtonGroup---bottom .TabButtonGroup---tab_contents_container.TabButtonGroup---flush {
  border-top: none !important;
}
.TabButtonGroup---tab_group.TabButtonGroup---inHeaderBodyLayout {
  margin-top: 2px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* A prettier bug causes infinite semi colons to be added without this comment ( https://github.com/prettier/prettier/issues/11483 ) */
.TabButtonGroup_ID_LIVE_VIEW---fit {
  height: 100% !important;
}
.TabButtonGroup_ID_LIVE_VIEW---tab_group ul.TabButtonGroup_ID_LIVE_VIEW---tabs {
  height: calc(2.1429rem - 1px) !important;
  max-width: 100% !important;
  list-style: none !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
          justify-content: flex-start !important;
  -webkit-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important;
  background-color: #f3f3fd !important;
  margin: 0 !important;
  padding: 3px 0 0 0 !important;
}
.TabButtonGroup_ID_LIVE_VIEW---tab_group .TabButtonGroup_ID_LIVE_VIEW---tab_contents_container.TabButtonGroup_ID_LIVE_VIEW---flush {
  height: calc(100% - calc(2.1429rem - 1px)) !important;
  position: relative !important;
  overflow-y: auto !important;
  border-top: 1px solid #e4e4ec !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
}
.TabButtonGroup_ID_LIVE_VIEW---margin_above_div {
  height: 0.05px !important;
}
.TabButtonGroup_ID_LIVE_VIEW---margin_above_none {
  margin-top: 0 !important;
}
.TabButtonGroup_ID_LIVE_VIEW---margin_above_standard {
  margin-top: 1rem !important;
}
.TabButtonGroup_ID_LIVE_VIEW---margin_above_less {
  margin-top: 0.5rem !important;
}
.TabButtonGroup_ID_LIVE_VIEW---margin_above_even_less {
  margin-top: 0.2857rem !important;
}
.TabButtonGroup_ID_LIVE_VIEW---margin_above_more {
  margin-top: 2rem !important;
}
.TabButtonGroup_ID_LIVE_VIEW---margin_above_even_more {
  margin-top: 4rem !important;
}
.TabButtonGroup_ID_LIVE_VIEW---margin_below_none {
  margin-bottom: 0 !important;
}
.TabButtonGroup_ID_LIVE_VIEW---margin_below_standard {
  margin-bottom: 1rem !important;
}
.TabButtonGroup_ID_LIVE_VIEW---margin_below_less {
  margin-bottom: 0.5rem !important;
}
.TabButtonGroup_ID_LIVE_VIEW---margin_below_even_less {
  margin-bottom: 0.2857rem !important;
}
.TabButtonGroup_ID_LIVE_VIEW---margin_below_more {
  margin-bottom: 2rem !important;
}
.TabButtonGroup_ID_LIVE_VIEW---margin_below_even_more {
  margin-bottom: 4rem !important;
}
.TabButtonGroup_ID_LIVE_VIEW---tab_group ul.TabButtonGroup_ID_LIVE_VIEW---tabs {
  container-type: inline-size !important;
  container-name: id-live-view-tab-group !important;
}
.TabButtonGroup_ID_LIVE_VIEW---tab_contents_container {
  background-color: #fcfcfc !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* A prettier bug causes infinite semi colons to be added without this comment ( https://github.com/prettier/prettier/issues/11483 ) */
.TabButtonGroup_DESIGNER_VIEW---fit {
  height: 100% !important;
}
.TabButtonGroup_DESIGNER_VIEW---tab_group ul.TabButtonGroup_DESIGNER_VIEW---tabs {
  height: 1.7143rem !important;
  max-width: 100% !important;
  list-style: none !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
          justify-content: flex-start !important;
  -webkit-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important;
  background-color: #f4f4f4 !important;
  margin: 0 !important;
  padding: 3px 0 0 0 !important;
}
.TabButtonGroup_DESIGNER_VIEW---tab_group .TabButtonGroup_DESIGNER_VIEW---tab_contents_container.TabButtonGroup_DESIGNER_VIEW---flush {
  height: calc(100% - 1.7143rem) !important;
  position: relative !important;
  overflow-y: auto !important;
  border-top: 1px solid #777 !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
}
.TabButtonGroup_DESIGNER_VIEW---margin_above_div {
  height: 0.05px !important;
}
.TabButtonGroup_DESIGNER_VIEW---margin_above_none {
  margin-top: 0 !important;
}
.TabButtonGroup_DESIGNER_VIEW---margin_above_standard {
  margin-top: 1rem !important;
}
.TabButtonGroup_DESIGNER_VIEW---margin_above_less {
  margin-top: 0.5rem !important;
}
.TabButtonGroup_DESIGNER_VIEW---margin_above_even_less {
  margin-top: 0.2857rem !important;
}
.TabButtonGroup_DESIGNER_VIEW---margin_above_more {
  margin-top: 2rem !important;
}
.TabButtonGroup_DESIGNER_VIEW---margin_above_even_more {
  margin-top: 4rem !important;
}
.TabButtonGroup_DESIGNER_VIEW---margin_below_none {
  margin-bottom: 0 !important;
}
.TabButtonGroup_DESIGNER_VIEW---margin_below_standard {
  margin-bottom: 1rem !important;
}
.TabButtonGroup_DESIGNER_VIEW---margin_below_less {
  margin-bottom: 0.5rem !important;
}
.TabButtonGroup_DESIGNER_VIEW---margin_below_even_less {
  margin-bottom: 0.2857rem !important;
}
.TabButtonGroup_DESIGNER_VIEW---margin_below_more {
  margin-bottom: 2rem !important;
}
.TabButtonGroup_DESIGNER_VIEW---margin_below_even_more {
  margin-bottom: 4rem !important;
}
.TabButtonGroup_DESIGNER_VIEW---tab_contents_container {
  background-color: #fff !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* needed for correct font */
/* A prettier bug causes infinite semi colons to be added without this comment ( https://github.com/prettier/prettier/issues/11483 ) */
.TabButtonGroup_EXPRESSION_EDITOR_PANE---margin_above_div {
  height: 0.05px !important;
}
.TabButtonGroup_EXPRESSION_EDITOR_PANE---margin_above_none {
  margin-top: 0 !important;
}
.TabButtonGroup_EXPRESSION_EDITOR_PANE---margin_above_standard {
  margin-top: 1rem !important;
}
.TabButtonGroup_EXPRESSION_EDITOR_PANE---margin_above_less {
  margin-top: 0.5rem !important;
}
.TabButtonGroup_EXPRESSION_EDITOR_PANE---margin_above_even_less {
  margin-top: 0.2857rem !important;
}
.TabButtonGroup_EXPRESSION_EDITOR_PANE---margin_above_more {
  margin-top: 2rem !important;
}
.TabButtonGroup_EXPRESSION_EDITOR_PANE---margin_above_even_more {
  margin-top: 4rem !important;
}
.TabButtonGroup_EXPRESSION_EDITOR_PANE---margin_below_none {
  margin-bottom: 0 !important;
}
.TabButtonGroup_EXPRESSION_EDITOR_PANE---margin_below_standard {
  margin-bottom: 1rem !important;
}
.TabButtonGroup_EXPRESSION_EDITOR_PANE---margin_below_less {
  margin-bottom: 0.5rem !important;
}
.TabButtonGroup_EXPRESSION_EDITOR_PANE---margin_below_even_less {
  margin-bottom: 0.2857rem !important;
}
.TabButtonGroup_EXPRESSION_EDITOR_PANE---margin_below_more {
  margin-bottom: 2rem !important;
}
.TabButtonGroup_EXPRESSION_EDITOR_PANE---margin_below_even_more {
  margin-bottom: 4rem !important;
}
.TabButtonGroup_EXPRESSION_EDITOR_PANE---tab_group {
  height: 100% !important;
  /* needed for the calculated height of .tab_contents_container to work in Firefox & IE11 */
}
.TabButtonGroup_EXPRESSION_EDITOR_PANE---tab_group ul.TabButtonGroup_EXPRESSION_EDITOR_PANE---tabs {
  list-style: none !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  height: 29px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.TabButtonGroup_EXPRESSION_EDITOR_PANE---tab_group .TabButtonGroup_EXPRESSION_EDITOR_PANE---tab_contents_container {
  height: calc(100% - 29px) !important;
  position: relative !important;
  overflow-y: auto !important;
  padding: 4px 0 !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* A prettier bug causes infinite semi colons to be added without this comment ( https://github.com/prettier/prettier/issues/11483 ) */
.TabButtonGroup_ID_COMPONENT_PALETTE---fit {
  height: 100% !important;
}
.TabButtonGroup_ID_COMPONENT_PALETTE---tab_group ul.TabButtonGroup_ID_COMPONENT_PALETTE---tabs {
  height: 1.7143rem !important;
  max-width: 100% !important;
  list-style: none !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
          justify-content: flex-start !important;
  -webkit-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important;
  background-color: #fcfcfc !important;
  margin: 0 !important;
  padding: 3px 0 0 0 !important;
}
.TabButtonGroup_ID_COMPONENT_PALETTE---tab_group .TabButtonGroup_ID_COMPONENT_PALETTE---tab_contents_container.TabButtonGroup_ID_COMPONENT_PALETTE---flush {
  height: calc(100% - 1.7143rem) !important;
  position: relative !important;
  overflow-y: auto !important;
  border-top: 1px solid #e4e4ec !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
}
.TabButtonGroup_ID_COMPONENT_PALETTE---margin_above_div {
  height: 0.05px !important;
}
.TabButtonGroup_ID_COMPONENT_PALETTE---margin_above_none {
  margin-top: 0 !important;
}
.TabButtonGroup_ID_COMPONENT_PALETTE---margin_above_standard {
  margin-top: 1rem !important;
}
.TabButtonGroup_ID_COMPONENT_PALETTE---margin_above_less {
  margin-top: 0.5rem !important;
}
.TabButtonGroup_ID_COMPONENT_PALETTE---margin_above_even_less {
  margin-top: 0.2857rem !important;
}
.TabButtonGroup_ID_COMPONENT_PALETTE---margin_above_more {
  margin-top: 2rem !important;
}
.TabButtonGroup_ID_COMPONENT_PALETTE---margin_above_even_more {
  margin-top: 4rem !important;
}
.TabButtonGroup_ID_COMPONENT_PALETTE---margin_below_none {
  margin-bottom: 0 !important;
}
.TabButtonGroup_ID_COMPONENT_PALETTE---margin_below_standard {
  margin-bottom: 1rem !important;
}
.TabButtonGroup_ID_COMPONENT_PALETTE---margin_below_less {
  margin-bottom: 0.5rem !important;
}
.TabButtonGroup_ID_COMPONENT_PALETTE---margin_below_even_less {
  margin-bottom: 0.2857rem !important;
}
.TabButtonGroup_ID_COMPONENT_PALETTE---margin_below_more {
  margin-bottom: 2rem !important;
}
.TabButtonGroup_ID_COMPONENT_PALETTE---margin_below_even_more {
  margin-bottom: 4rem !important;
}
.TabButtonGroup_ID_COMPONENT_PALETTE---tab_group ul.TabButtonGroup_ID_COMPONENT_PALETTE---tabs {
  width: 260px !important;
  overflow: hidden !important;
}
.TabButtonGroup_ID_COMPONENT_PALETTE---tab_contents_container {
  background-color: #fff !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* A prettier bug causes infinite semi colons to be added without this comment ( https://github.com/prettier/prettier/issues/11483 ) */
.TabButtonGroup_PHQ---margin_above_div {
  height: 0.05px !important;
}
.TabButtonGroup_PHQ---margin_above_none {
  margin-top: 0 !important;
}
.TabButtonGroup_PHQ---margin_above_standard {
  margin-top: 1rem !important;
}
.TabButtonGroup_PHQ---margin_above_less {
  margin-top: 0.5rem !important;
}
.TabButtonGroup_PHQ---margin_above_even_less {
  margin-top: 0.2857rem !important;
}
.TabButtonGroup_PHQ---margin_above_more {
  margin-top: 2rem !important;
}
.TabButtonGroup_PHQ---margin_above_even_more {
  margin-top: 4rem !important;
}
.TabButtonGroup_PHQ---margin_below_none {
  margin-bottom: 0 !important;
}
.TabButtonGroup_PHQ---margin_below_standard {
  margin-bottom: 1rem !important;
}
.TabButtonGroup_PHQ---margin_below_less {
  margin-bottom: 0.5rem !important;
}
.TabButtonGroup_PHQ---margin_below_even_less {
  margin-bottom: 0.2857rem !important;
}
.TabButtonGroup_PHQ---margin_below_more {
  margin-bottom: 2rem !important;
}
.TabButtonGroup_PHQ---margin_below_even_more {
  margin-bottom: 4rem !important;
}
.TabButtonGroup_PHQ---tab_group ul.TabButtonGroup_PHQ---tabs,
.TabButtonGroup_PHQ---tab_button_group ul.TabButtonGroup_PHQ---tabs {
  list-style: none !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
          justify-content: flex-start !important;
  -webkit-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
  gap: 0.7143rem !important;
  margin: 0 !important;
  padding: 0 !important;
}
.TabButtonGroup_PHQ---tab_group ul.TabButtonGroup_PHQ---tabs {
  border-bottom: 3px solid #1d659c !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* A prettier bug causes infinite semi colons to be added without this comment ( https://github.com/prettier/prettier/issues/11483 ) */
.TabButtonGroup_CARD_UNDERLINED---margin_above_div {
  height: 0.05px !important;
}
.TabButtonGroup_CARD_UNDERLINED---margin_above_none {
  margin-top: 0 !important;
}
.TabButtonGroup_CARD_UNDERLINED---margin_above_standard {
  margin-top: 1rem !important;
}
.TabButtonGroup_CARD_UNDERLINED---margin_above_less {
  margin-top: 0.5rem !important;
}
.TabButtonGroup_CARD_UNDERLINED---margin_above_even_less {
  margin-top: 0.2857rem !important;
}
.TabButtonGroup_CARD_UNDERLINED---margin_above_more {
  margin-top: 2rem !important;
}
.TabButtonGroup_CARD_UNDERLINED---margin_above_even_more {
  margin-top: 4rem !important;
}
.TabButtonGroup_CARD_UNDERLINED---margin_below_none {
  margin-bottom: 0 !important;
}
.TabButtonGroup_CARD_UNDERLINED---margin_below_standard {
  margin-bottom: 1rem !important;
}
.TabButtonGroup_CARD_UNDERLINED---margin_below_less {
  margin-bottom: 0.5rem !important;
}
.TabButtonGroup_CARD_UNDERLINED---margin_below_even_less {
  margin-bottom: 0.2857rem !important;
}
.TabButtonGroup_CARD_UNDERLINED---margin_below_more {
  margin-bottom: 2rem !important;
}
.TabButtonGroup_CARD_UNDERLINED---margin_below_even_more {
  margin-bottom: 4rem !important;
}
.TabButtonGroup_CARD_UNDERLINED---tab_group ul.TabButtonGroup_CARD_UNDERLINED---tabs {
  list-style: none !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 3px solid var(--appian-tab-group-secondary-color, var(--appian-progress-background-color, #ddd)) !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.TabButtonWidget---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .TabButtonWidget---accessibilityhidden {
  font-size: 0 !important;
}
li.TabButtonWidget---tab {
  margin-right: 0.1429rem !important;
  position: relative !important;
  white-space: nowrap !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 1 auto !important;
          flex: 0 1 auto !important;
  min-width: 0 !important;
  /* required to allow flex items to shrink below intrinsic width on FF per https://bugzilla.mozilla.org/show_bug.cgi?id=1108514 */
  font-size: 0 !important;
}
li.TabButtonWidget---tab.TabButtonWidget---distribute {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
}
li.TabButtonWidget---tab a {
  font-size: 1rem !important;
  line-height: 2.7143rem !important;
  display: inline-block !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  position: relative !important;
  box-sizing: border-box !important;
  bottom: 0 !important;
  height: 2.5714rem !important;
  padding: 0 1rem !important;
  text-align: center !important;
  border: 1px solid transparent !important;
  border-bottom-width: 0 !important;
  color: var(--appian-text-color, #222) !important;
  max-width: 100% !important;
}
a .TabButtonWidget---tab_label {
  display: inline-block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-height: 100% !important;
  max-width: 100% !important;
}
li.TabButtonWidget---tab.TabButtonWidget---distribute a {
  width: 100% !important;
}
li.TabButtonWidget---tab.TabButtonWidget---distribute:last-child {
  margin-right: 0 !important;
}
li.TabButtonWidget---tab:last-child {
  margin-right: 0 !important;
}
li.TabButtonWidget---tab a:hover,
li.TabButtonWidget---tab a:focus {
  color: var(--appian-text-color, #222) !important;
}
li.TabButtonWidget---tab a .TabButtonWidget---tab_wrapper,
li.TabButtonWidget---tab_button a .TabButtonWidget---tab_wrapper {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
li.TabButtonWidget---tab_button a:hover,
li.TabButtonWidget---tab_button a:focus {
  outline: none !important;
}
li.TabButtonWidget---tab_button a:hover,
li.TabButtonWidget---tab_button a:focus:not(.appian-context-ux-mouse-focus) {
  text-decoration: none !important;
}
li.TabButtonWidget---tab_button a .TabButtonWidget---tab_wrapper {
  line-height: 0 !important;
}
li.TabButtonWidget---tab a .TabButtonWidget---tab_wrapper .TabButtonWidget---tab_label,
li.TabButtonWidget---tab_button a .TabButtonWidget---tab_wrapper .TabButtonWidget---tab_label {
  vertical-align: middle !important;
}
li.TabButtonWidget---tab a .TabButtonWidget---tab_wrapper .TabButtonWidget---tab_label:not(:only-child),
li.TabButtonWidget---tab_button a .TabButtonWidget---tab_wrapper .TabButtonWidget---tab_label:not(:only-child) {
  max-width: calc(100% - 18px) !important;
}
li.TabButtonWidget---tab_button a .TabButtonWidget---tab_wrapper > * {
  line-height: 2.2rem !important;
}
li.TabButtonWidget---tab:not(.TabButtonWidget---selected) a:hover,
li.TabButtonWidget---tab:not(.TabButtonWidget---selected) a:focus {
  border-color: var(--appian-container-border-color-subtle, #eee) !important;
}
li.TabButtonWidget---tab.TabButtonWidget---selected a {
  border-color: var(--appian-container-border-color-subtle, #eee) !important;
  border-bottom-color: #fff !important;
  background-color: #fff !important;
}
li.TabButtonWidget---tab.TabButtonWidget---disabled a,
li.TabButtonWidget---tab.TabButtonWidget---disabled a:hover,
li.TabButtonWidget---tab.TabButtonWidget---disabled a:focus {
  border-color: transparent !important;
  cursor: default !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
}
li.TabButtonWidget---tab.TabButtonWidget---selected a:before {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  width: 100% !important;
  width: calc(100% + 2px) !important;
  height: 5px !important;
  top: -1px !important;
  left: -1px !important;
  background-color: #1d659c !important;
}
li.TabButtonWidget---tab.TabButtonWidget---selected a:after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  width: 100% !important;
  height: 4px !important;
  bottom: -1px !important;
  left: 0 !important;
  background-color: #fff !important;
}
li.TabButtonWidget---tab.TabButtonWidget---flush.TabButtonWidget---selected:first-child a {
  border-color: var(--appian-container-border-color-subtle, #eee) !important;
  border-bottom-color: #fff !important;
  background-color: #fff !important;
  border-left-color: transparent !important;
}
li.TabButtonWidget---tab.TabButtonWidget---flush:not(.TabButtonWidget---selected):not(.TabButtonWidget---disabled):first-child a:hover,
li.TabButtonWidget---tab.TabButtonWidget---flush:not(.TabButtonWidget---selected):not(.TabButtonWidget---disabled):first-child a:focus {
  border-color: var(--appian-container-border-color-subtle, #eee) !important;
  border-left-color: transparent !important;
}
li.TabButtonWidget---tab.TabButtonWidget---flush.TabButtonWidget---distribute.TabButtonWidget---selected:last-child a {
  border-color: var(--appian-container-border-color-subtle, #eee) !important;
  border-bottom-color: #fff !important;
  background-color: #fff !important;
  border-right-color: transparent !important;
}
li.TabButtonWidget---tab.TabButtonWidget---flush.TabButtonWidget---distribute:not(.TabButtonWidget---selected):not(.TabButtonWidget---disabled):last-child a:hover,
li.TabButtonWidget---tab.TabButtonWidget---flush.TabButtonWidget---distribute:not(.TabButtonWidget---selected):not(.TabButtonWidget---disabled):last-child a:focus {
  border-color: var(--appian-container-border-color-subtle, #eee) !important;
  border-right-color: transparent !important;
}
li.TabButtonWidget---tab.TabButtonWidget---bottom a {
  border-bottom-width: 1px !important;
  border-top-width: 0 !important;
}
li.TabButtonWidget---tab.TabButtonWidget---bottom.TabButtonWidget---selected a:after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  width: calc(100% + 2px) !important;
  height: 5px !important;
  bottom: -1px !important;
  left: -1px !important;
  background-color: #1d659c !important;
}
li.TabButtonWidget---tab.TabButtonWidget---bottom.TabButtonWidget---selected a:before {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  width: 100% !important;
  height: 4px !important;
  top: -3px !important;
  left: 0 !important;
  background-color: #fff !important;
}
li.TabButtonWidget---tab_button {
  position: relative !important;
  white-space: nowrap !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  min-width: 0 !important;
  /* required to allow flex items to shrink below intrinsic width on FF per https://bugzilla.mozilla.org/show_bug.cgi?id=1108514 */
  max-width: 20rem !important;
  font-size: 0 !important;
  margin: 0 0 0.2857rem 0 !important;
}
li.TabButtonWidget---tab_button.TabButtonWidget---vertical {
  max-width: none !important;
  display: block !important;
}
li.TabButtonWidget---tab_button.TabButtonWidget---bottom {
  margin: 0.2857rem 0 0 0 !important;
}
li.TabButtonWidget---tab_button a {
  font-size: 1rem !important;
  line-height: 2.2rem !important;
  display: inline-block !important;
  padding: 0 1rem !important;
  text-align: center !important;
  border: none !important;
  position: relative !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
  min-height: 2.1429rem !important;
  border-radius: 0rem !important;
}
li.TabButtonWidget---tab_button.TabButtonWidget---vertical a {
  width: 100% !important;
  text-align: left !important;
  color: var(--appian-text-color, #222) !important;
}
li.TabButtonWidget---tab_button:not(.TabButtonWidget---selected) a:hover {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
}
li.TabButtonWidget---tab_button:not(.TabButtonWidget---selected) a:focus:not(.appian-context-ux-mouse-focus):after {
  content: "" !important;
  position: absolute !important;
  top: 1px !important;
  left: 1px !important;
  height: calc(100% - 2px) !important;
  width: calc(100% - 2px) !important;
  border: 1px solid #1d659c !important;
  border-radius: inherit !important;
}
li.TabButtonWidget---tab_button.TabButtonWidget---selected a {
  background-color: #1d659c !important;
  color: #fff !important;
}
li.TabButtonWidget---tab_button.TabButtonWidget---selected a:focus:not(.appian-context-ux-mouse-focus) {
  box-shadow: inset 0 0 0 1px #1d659c, inset 0 0 0 2px #fff !important;
}
li.TabButtonWidget---tab_button.TabButtonWidget---selected:after {
  content: "" !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  bottom: -8px !important;
  left: 50% !important;
  left: calc(50% - 4px) !important;
  border-top: 4px solid #1d659c !important;
  border-bottom: 4px solid transparent !important;
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
}
li.TabButtonWidget---tab_button.TabButtonWidget---vertical.TabButtonWidget---selected:after {
  display: none !important;
}
li.TabButtonWidget---tab_button.TabButtonWidget---bottom.TabButtonWidget---selected:after {
  content: none !important;
}
li.TabButtonWidget---tab_button.TabButtonWidget---bottom.TabButtonWidget---selected:before {
  content: "" !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  top: -8px !important;
  left: 50% !important;
  left: calc(50% - 4px) !important;
  border-top: 4px solid transparent !important;
  border-bottom: 4px solid #1d659c !important;
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
}

.TabButtonWidget_ID_DESIGN_PANE---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .TabButtonWidget_ID_DESIGN_PANE---accessibilityhidden {
  font-size: 0 !important;
}
li.TabButtonWidget_ID_DESIGN_PANE---tab.TabButtonWidget_ID_DESIGN_PANE---bottom.TabButtonWidget_ID_DESIGN_PANE---distribute.TabButtonWidget_ID_DESIGN_PANE---flush {
  position: relative !important;
  white-space: nowrap !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
  min-width: 0 !important;
  /* required to allow flex items to shrink below intrinsic width on FF per https://bugzilla.mozilla.org/show_bug.cgi?id=1108514 */
  font-size: 0 !important;
}
li.TabButtonWidget_ID_DESIGN_PANE---tab.TabButtonWidget_ID_DESIGN_PANE---bottom.TabButtonWidget_ID_DESIGN_PANE---distribute.TabButtonWidget_ID_DESIGN_PANE---flush a {
  font-size: 1rem !important;
  line-height: 2.7143rem !important;
  display: inline-block !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  position: relative !important;
  box-sizing: border-box !important;
  height: 2.5714rem !important;
  padding: 0 3rem !important;
  text-align: center !important;
  background-color: #6d6d6d !important;
  color: #fff !important;
  width: 100% !important;
}
li.TabButtonWidget_ID_DESIGN_PANE---tab.TabButtonWidget_ID_DESIGN_PANE---bottom.TabButtonWidget_ID_DESIGN_PANE---distribute.TabButtonWidget_ID_DESIGN_PANE---flush.TabButtonWidget_ID_DESIGN_PANE---selected a {
  background-color: #555 !important;
}
li.TabButtonWidget_ID_DESIGN_PANE---tab.TabButtonWidget_ID_DESIGN_PANE---bottom.TabButtonWidget_ID_DESIGN_PANE---distribute.TabButtonWidget_ID_DESIGN_PANE---flush.TabButtonWidget_ID_DESIGN_PANE---disabled a,
li.TabButtonWidget_ID_DESIGN_PANE---tab.TabButtonWidget_ID_DESIGN_PANE---bottom.TabButtonWidget_ID_DESIGN_PANE---distribute.TabButtonWidget_ID_DESIGN_PANE---flush.TabButtonWidget_ID_DESIGN_PANE---disabled a:hover,
li.TabButtonWidget_ID_DESIGN_PANE---tab.TabButtonWidget_ID_DESIGN_PANE---bottom.TabButtonWidget_ID_DESIGN_PANE---distribute.TabButtonWidget_ID_DESIGN_PANE---flush.TabButtonWidget_ID_DESIGN_PANE---disabled a:focus {
  cursor: default !important;
  color: #c6c6c6 !important;
}
li.TabButtonWidget_ID_DESIGN_PANE---tab.TabButtonWidget_ID_DESIGN_PANE---bottom.TabButtonWidget_ID_DESIGN_PANE---distribute.TabButtonWidget_ID_DESIGN_PANE---flush .TabButtonWidget_ID_DESIGN_PANE---tab_wrapper {
  display: inline-block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
li.TabButtonWidget_ID_DESIGN_PANE---tab.TabButtonWidget_ID_DESIGN_PANE---bottom.TabButtonWidget_ID_DESIGN_PANE---distribute.TabButtonWidget_ID_DESIGN_PANE---flush .TabButtonWidget_ID_DESIGN_PANE---tab_wrapper .TabButtonWidget_ID_DESIGN_PANE---tab_label {
  display: inline-block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-height: 100% !important;
  vertical-align: middle !important;
  max-width: calc(100% - 18px) !important;
}
li.TabButtonWidget_ID_DESIGN_PANE---tab.TabButtonWidget_ID_DESIGN_PANE---bottom.TabButtonWidget_ID_DESIGN_PANE---distribute.TabButtonWidget_ID_DESIGN_PANE---flush .TabButtonWidget_ID_DESIGN_PANE---tab_wrapper i.TabButtonWidget_ID_DESIGN_PANE---tab_icon {
  vertical-align: middle !important;
  margin-right: 0.4286rem !important;
}
li.TabButtonWidget_ID_DESIGN_PANE---tab.TabButtonWidget_ID_DESIGN_PANE---bottom.TabButtonWidget_ID_DESIGN_PANE---distribute.TabButtonWidget_ID_DESIGN_PANE---flush.TabButtonWidget_ID_DESIGN_PANE---selected a .TabButtonWidget_ID_DESIGN_PANE---tab_wrapper:after {
  content: "" !important;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 2px !important;
  background-color: #fff !important;
  bottom: 10px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.TabButtonWidget_ID_LIVE_VIEW---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .TabButtonWidget_ID_LIVE_VIEW---accessibilityhidden {
  font-size: 0 !important;
}
li.TabButtonWidget_ID_LIVE_VIEW---tab.TabButtonWidget_ID_LIVE_VIEW---flush {
  height: 100% !important;
  position: relative !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  z-index: 2 !important;
}
li.TabButtonWidget_ID_LIVE_VIEW---tab.TabButtonWidget_ID_LIVE_VIEW---flush:first-child {
  margin-left: 4px !important;
}
li.TabButtonWidget_ID_LIVE_VIEW---tab.TabButtonWidget_ID_LIVE_VIEW---flush a {
  font-size: 0.8571rem !important;
  line-height: 1.1429rem !important;
  display: inline-block !important;
  max-width: 100% !important;
  padding: 0.2143rem 1.4286rem 0 1.4286rem !important;
  color: #000 !important;
}
li.TabButtonWidget_ID_LIVE_VIEW---tab.TabButtonWidget_ID_LIVE_VIEW---flush a:after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  width: 100% !important;
  height: 3px !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 2 !important;
  border-radius: 2px !important;
}
li.TabButtonWidget_ID_LIVE_VIEW---tab.TabButtonWidget_ID_LIVE_VIEW---flush.TabButtonWidget_ID_LIVE_VIEW---selected a {
  font-weight: 600 !important;
  color: #343380 !important;
}
li.TabButtonWidget_ID_LIVE_VIEW---tab.TabButtonWidget_ID_LIVE_VIEW---flush.TabButtonWidget_ID_LIVE_VIEW---selected a:after {
  background-color: #343380 !important;
}
li.TabButtonWidget_ID_LIVE_VIEW---tab.TabButtonWidget_ID_LIVE_VIEW---flush:not(.TabButtonWidget_ID_LIVE_VIEW---selected):not(.TabButtonWidget_ID_LIVE_VIEW---disabled) a:hover:after,
li.TabButtonWidget_ID_LIVE_VIEW---tab.TabButtonWidget_ID_LIVE_VIEW---flush:not(.TabButtonWidget_ID_LIVE_VIEW---selected):not(.TabButtonWidget_ID_LIVE_VIEW---disabled) a:focus:not(.appian-context-ux-mouse-focus):after {
  background-color: #e4e4ec !important;
}
li.TabButtonWidget_ID_LIVE_VIEW---tab.TabButtonWidget_ID_LIVE_VIEW---flush:not(.TabButtonWidget_ID_LIVE_VIEW---disabled) a:hover,
li.TabButtonWidget_ID_LIVE_VIEW---tab.TabButtonWidget_ID_LIVE_VIEW---flush:not(.TabButtonWidget_ID_LIVE_VIEW---disabled) a:focus {
  cursor: pointer !important;
  text-decoration: none !important;
}
li.TabButtonWidget_ID_LIVE_VIEW---tab.TabButtonWidget_ID_LIVE_VIEW---flush a .TabButtonWidget_ID_LIVE_VIEW---tab_wrapper {
  overflow: hidden !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
li.TabButtonWidget_ID_LIVE_VIEW---tab.TabButtonWidget_ID_LIVE_VIEW---flush a .TabButtonWidget_ID_LIVE_VIEW---tab_icon {
  vertical-align: middle !important;
}
li.TabButtonWidget_ID_LIVE_VIEW---tab.TabButtonWidget_ID_LIVE_VIEW---flush a .TabButtonWidget_ID_LIVE_VIEW---tab_label {
  display: inline-block !important;
  max-height: 100% !important;
  vertical-align: middle !important;
  text-transform: uppercase !important;
}
li.TabButtonWidget_ID_LIVE_VIEW---tab.TabButtonWidget_ID_LIVE_VIEW---flush a .TabButtonWidget_ID_LIVE_VIEW---tab_label:not(:only-child) {
  max-width: calc(100% - 0.7143rem) !important;
  margin-left: -0.1429rem !important;
}
li.TabButtonWidget_ID_LIVE_VIEW---tab.TabButtonWidget_ID_LIVE_VIEW---flush.TabButtonWidget_ID_LIVE_VIEW---disabled a,
li.TabButtonWidget_ID_LIVE_VIEW---tab.TabButtonWidget_ID_LIVE_VIEW---flush.TabButtonWidget_ID_LIVE_VIEW---disabled a:hover,
li.TabButtonWidget_ID_LIVE_VIEW---tab.TabButtonWidget_ID_LIVE_VIEW---flush.TabButtonWidget_ID_LIVE_VIEW---disabled a:focus {
  cursor: default !important;
  color: #6d7278 !important;
  text-decoration: none !important;
}
li.TabButtonWidget_ID_LIVE_VIEW---tab.TabButtonWidget_ID_LIVE_VIEW---flush {
  margin: 0 8px 0 0 !important;
}
@container id-live-view-tab-group (max-width: 525px) {
  li.TabButtonWidget_ID_LIVE_VIEW---tab.TabButtonWidget_ID_LIVE_VIEW---flush a {
    padding-left: 0.5714rem !important;
    padding-right: 0.5714rem !important;
  }
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.TabButtonWidget_DESIGNER_VIEW---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .TabButtonWidget_DESIGNER_VIEW---accessibilityhidden {
  font-size: 0 !important;
}
li.TabButtonWidget_DESIGNER_VIEW---tab.TabButtonWidget_DESIGNER_VIEW---flush {
  margin: 0 0.2857rem 0 0 !important;
  height: calc(100% + 1px) !important;
  position: relative !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  z-index: 2 !important;
}
li.TabButtonWidget_DESIGNER_VIEW---tab.TabButtonWidget_DESIGNER_VIEW---flush a {
  font-size: 0.7149rem !important;
  line-height: 1.1429rem !important;
  display: inline-block !important;
  height: 100% !important;
  max-width: 100% !important;
  padding: 0 0.4286rem !important;
  color: #555 !important;
  border: 1px solid transparent !important;
}
.appian-context-browser-safari li.TabButtonWidget_DESIGNER_VIEW---tab.TabButtonWidget_DESIGNER_VIEW---flush a {
  vertical-align: 1px !important;
}
li.TabButtonWidget_DESIGNER_VIEW---tab.TabButtonWidget_DESIGNER_VIEW---flush.TabButtonWidget_DESIGNER_VIEW---selected a {
  background-color: #ffffff !important;
  border: 1px solid #777 !important;
  border-bottom: none !important;
}
li.TabButtonWidget_DESIGNER_VIEW---tab.TabButtonWidget_DESIGNER_VIEW---flush:first-child a,
li.TabButtonWidget_DESIGNER_VIEW---tab.TabButtonWidget_DESIGNER_VIEW---flush.TabButtonWidget_DESIGNER_VIEW---selected:first-child a {
  border-left: none !important;
}
li.TabButtonWidget_DESIGNER_VIEW---tab.TabButtonWidget_DESIGNER_VIEW---flush:not(.TabButtonWidget_DESIGNER_VIEW---selected):not(.TabButtonWidget_DESIGNER_VIEW---disabled) a:hover,
li.TabButtonWidget_DESIGNER_VIEW---tab.TabButtonWidget_DESIGNER_VIEW---flush:not(.TabButtonWidget_DESIGNER_VIEW---selected):not(.TabButtonWidget_DESIGNER_VIEW---disabled) a:focus:not(.appian-context-ux-mouse-focus) {
  background-color: #e2e2e2 !important;
  border: 1px solid #999 !important;
  border-bottom: 1px solid #777 !important;
}
li.TabButtonWidget_DESIGNER_VIEW---tab.TabButtonWidget_DESIGNER_VIEW---flush:first-child:not(.TabButtonWidget_DESIGNER_VIEW---selected):not(.TabButtonWidget_DESIGNER_VIEW---disabled) a:hover,
li.TabButtonWidget_DESIGNER_VIEW---tab.TabButtonWidget_DESIGNER_VIEW---flush:first-child:not(.TabButtonWidget_DESIGNER_VIEW---selected):not(.TabButtonWidget_DESIGNER_VIEW---disabled) a:focus:not(.appian-context-ux-mouse-focus) {
  border-left: none !important;
}
li.TabButtonWidget_DESIGNER_VIEW---tab.TabButtonWidget_DESIGNER_VIEW---flush:not(.TabButtonWidget_DESIGNER_VIEW---disabled) a:hover,
li.TabButtonWidget_DESIGNER_VIEW---tab.TabButtonWidget_DESIGNER_VIEW---flush:not(.TabButtonWidget_DESIGNER_VIEW---disabled) a:focus {
  cursor: pointer !important;
  text-decoration: none !important;
}
li.TabButtonWidget_DESIGNER_VIEW---tab.TabButtonWidget_DESIGNER_VIEW---flush.TabButtonWidget_DESIGNER_VIEW---selected a:before {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  width: 100% !important;
  height: 3px !important;
  top: 0 !important;
  left: 0 !important;
  background-color: #1d659c !important;
  z-index: 2 !important;
}
li.TabButtonWidget_DESIGNER_VIEW---tab.TabButtonWidget_DESIGNER_VIEW---flush a .TabButtonWidget_DESIGNER_VIEW---tab_wrapper {
  overflow: hidden !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin-top: 2px !important;
}
li.TabButtonWidget_DESIGNER_VIEW---tab.TabButtonWidget_DESIGNER_VIEW---flush a .TabButtonWidget_DESIGNER_VIEW---tab_icon {
  vertical-align: middle !important;
}
li.TabButtonWidget_DESIGNER_VIEW---tab.TabButtonWidget_DESIGNER_VIEW---flush a .TabButtonWidget_DESIGNER_VIEW---tab_label {
  display: inline-block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-height: 100% !important;
  vertical-align: middle !important;
  text-transform: uppercase !important;
}
li.TabButtonWidget_DESIGNER_VIEW---tab.TabButtonWidget_DESIGNER_VIEW---flush a .TabButtonWidget_DESIGNER_VIEW---tab_label:not(:only-child) {
  max-width: calc(100% - 0.7143rem) !important;
  margin-left: -0.1429rem !important;
}
li.TabButtonWidget_DESIGNER_VIEW---tab.TabButtonWidget_DESIGNER_VIEW---flush.TabButtonWidget_DESIGNER_VIEW---disabled a,
li.TabButtonWidget_DESIGNER_VIEW---tab.TabButtonWidget_DESIGNER_VIEW---flush.TabButtonWidget_DESIGNER_VIEW---disabled a:hover,
li.TabButtonWidget_DESIGNER_VIEW---tab.TabButtonWidget_DESIGNER_VIEW---flush.TabButtonWidget_DESIGNER_VIEW---disabled a:focus {
  cursor: default !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  text-decoration: none !important;
}
li.TabButtonWidget_DESIGNER_VIEW---tab.TabButtonWidget_DESIGNER_VIEW---flush.TabButtonWidget_DESIGNER_VIEW---disabled:not(.TabButtonWidget_DESIGNER_VIEW---selected) a,
li.TabButtonWidget_DESIGNER_VIEW---tab.TabButtonWidget_DESIGNER_VIEW---flush.TabButtonWidget_DESIGNER_VIEW---disabled:not(.TabButtonWidget_DESIGNER_VIEW---selected) a:hover,
li.TabButtonWidget_DESIGNER_VIEW---tab.TabButtonWidget_DESIGNER_VIEW---flush.TabButtonWidget_DESIGNER_VIEW---disabled:not(.TabButtonWidget_DESIGNER_VIEW---selected) a:focus {
  border-color: transparent !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
li.TabButtonWidget_EXPRESSION_EDITOR_PANE---tab {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 0% !important;
          flex: 1 1 0% !important;
  /* flex-basis must have unit in IE11 */
  text-align: center !important;
  min-width: 0 !important;
  /* required to allow flex items to shrink below intrinsic width on FF per https://bugzilla.mozilla.org/show_bug.cgi?id=1108514 */
}
li.TabButtonWidget_EXPRESSION_EDITOR_PANE---tab a {
  font-size: 13px !important;
  text-transform: uppercase !important;
  height: 100% !important;
  line-height: 24px !important;
  display: inline-block !important;
  position: relative !important;
  color: var(--appian-text-color, #222) !important;
  width: 100% !important;
}
a .TabButtonWidget_EXPRESSION_EDITOR_PANE---tab_label {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  margin: 0 8px !important;
}
li.TabButtonWidget_EXPRESSION_EDITOR_PANE---tab a:hover,
li.TabButtonWidget_EXPRESSION_EDITOR_PANE---tab a:focus {
  text-decoration: none !important;
}
li.TabButtonWidget_EXPRESSION_EDITOR_PANE---tab.TabButtonWidget_EXPRESSION_EDITOR_PANE---selected a {
  color: #1d659c !important;
  font-weight: 600 !important;
}
li.TabButtonWidget_EXPRESSION_EDITOR_PANE---tab a:before {
  content: "" !important;
  position: absolute !important;
  width: 100% !important;
  height: 5px !important;
  bottom: 0 !important;
  left: 0 !important;
}
li.TabButtonWidget_EXPRESSION_EDITOR_PANE---tab.TabButtonWidget_EXPRESSION_EDITOR_PANE---selected a:before {
  background-color: #1d659c !important;
}
li.TabButtonWidget_EXPRESSION_EDITOR_PANE---tab:not(selected) a:before {
  background-color: #f0f0f0 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.TabButtonWidget_ID_COMPONENT_PALETTE---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .TabButtonWidget_ID_COMPONENT_PALETTE---accessibilityhidden {
  font-size: 0 !important;
}
li.TabButtonWidget_ID_COMPONENT_PALETTE---tab.TabButtonWidget_ID_COMPONENT_PALETTE---flush {
  height: 100% !important;
  position: relative !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  z-index: 2 !important;
}
li.TabButtonWidget_ID_COMPONENT_PALETTE---tab.TabButtonWidget_ID_COMPONENT_PALETTE---flush:first-child {
  margin-left: 4px !important;
}
li.TabButtonWidget_ID_COMPONENT_PALETTE---tab.TabButtonWidget_ID_COMPONENT_PALETTE---flush a {
  font-size: 0.7143rem !important;
  line-height: 0.7143rem !important;
  display: inline-block !important;
  max-width: 100% !important;
  padding: 0.2143rem 0.4286rem 0 0.4286rem !important;
  color: #000 !important;
}
li.TabButtonWidget_ID_COMPONENT_PALETTE---tab.TabButtonWidget_ID_COMPONENT_PALETTE---flush a:after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  width: 100% !important;
  height: 2px !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 2 !important;
  border-radius: 2px !important;
}
li.TabButtonWidget_ID_COMPONENT_PALETTE---tab.TabButtonWidget_ID_COMPONENT_PALETTE---flush.TabButtonWidget_ID_COMPONENT_PALETTE---selected a {
  font-weight: 600 !important;
  color: #343380 !important;
}
li.TabButtonWidget_ID_COMPONENT_PALETTE---tab.TabButtonWidget_ID_COMPONENT_PALETTE---flush.TabButtonWidget_ID_COMPONENT_PALETTE---selected a:after {
  background-color: #343380 !important;
}
li.TabButtonWidget_ID_COMPONENT_PALETTE---tab.TabButtonWidget_ID_COMPONENT_PALETTE---flush:not(.TabButtonWidget_ID_COMPONENT_PALETTE---selected):not(.TabButtonWidget_ID_COMPONENT_PALETTE---disabled) a:hover:after,
li.TabButtonWidget_ID_COMPONENT_PALETTE---tab.TabButtonWidget_ID_COMPONENT_PALETTE---flush:not(.TabButtonWidget_ID_COMPONENT_PALETTE---selected):not(.TabButtonWidget_ID_COMPONENT_PALETTE---disabled) a:focus:not(.appian-context-ux-mouse-focus):after {
  background-color: #e4e4ec !important;
}
li.TabButtonWidget_ID_COMPONENT_PALETTE---tab.TabButtonWidget_ID_COMPONENT_PALETTE---flush:not(.TabButtonWidget_ID_COMPONENT_PALETTE---disabled) a:hover,
li.TabButtonWidget_ID_COMPONENT_PALETTE---tab.TabButtonWidget_ID_COMPONENT_PALETTE---flush:not(.TabButtonWidget_ID_COMPONENT_PALETTE---disabled) a:focus {
  cursor: pointer !important;
  text-decoration: none !important;
}
li.TabButtonWidget_ID_COMPONENT_PALETTE---tab.TabButtonWidget_ID_COMPONENT_PALETTE---flush a .TabButtonWidget_ID_COMPONENT_PALETTE---tab_wrapper {
  overflow: hidden !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
li.TabButtonWidget_ID_COMPONENT_PALETTE---tab.TabButtonWidget_ID_COMPONENT_PALETTE---flush a .TabButtonWidget_ID_COMPONENT_PALETTE---tab_icon {
  vertical-align: middle !important;
}
li.TabButtonWidget_ID_COMPONENT_PALETTE---tab.TabButtonWidget_ID_COMPONENT_PALETTE---flush a .TabButtonWidget_ID_COMPONENT_PALETTE---tab_label {
  display: inline-block !important;
  max-height: 100% !important;
  vertical-align: middle !important;
  text-transform: uppercase !important;
}
li.TabButtonWidget_ID_COMPONENT_PALETTE---tab.TabButtonWidget_ID_COMPONENT_PALETTE---flush a .TabButtonWidget_ID_COMPONENT_PALETTE---tab_label:not(:only-child) {
  max-width: calc(100% - 0.7143rem) !important;
  margin-left: -0.1429rem !important;
}
li.TabButtonWidget_ID_COMPONENT_PALETTE---tab.TabButtonWidget_ID_COMPONENT_PALETTE---flush.TabButtonWidget_ID_COMPONENT_PALETTE---disabled a,
li.TabButtonWidget_ID_COMPONENT_PALETTE---tab.TabButtonWidget_ID_COMPONENT_PALETTE---flush.TabButtonWidget_ID_COMPONENT_PALETTE---disabled a:hover,
li.TabButtonWidget_ID_COMPONENT_PALETTE---tab.TabButtonWidget_ID_COMPONENT_PALETTE---flush.TabButtonWidget_ID_COMPONENT_PALETTE---disabled a:focus {
  cursor: default !important;
  color: #6d7278 !important;
  text-decoration: none !important;
}
li.TabButtonWidget_ID_COMPONENT_PALETTE---tab.TabButtonWidget_ID_COMPONENT_PALETTE---flush {
  margin: 0 2px 0 0 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
li.TabButtonWidget_PHQ---tab a,
li.TabButtonWidget_PHQ---tab_button a {
  display: inline-block !important;
  color: var(--appian-text-color, #222) !important;
  position: relative !important;
  /* Needed for focus styling */
}
li.TabButtonWidget_PHQ---tab:not(.TabButtonWidget_PHQ---preserve_casing) a,
li.TabButtonWidget_PHQ---tab_button:not(.TabButtonWidget_PHQ---preserve_casing) a {
  text-transform: uppercase !important;
}
li.TabButtonWidget_PHQ---tab a:hover,
li.TabButtonWidget_PHQ---tab_button a:hover {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
  text-decoration: none !important;
}
li.TabButtonWidget_PHQ---tab a:active,
li.TabButtonWidget_PHQ---tab_button a:active {
  color: var(--appian-text-color, #222) !important;
}
li.TabButtonWidget_PHQ---tab a:focus:not([data-appian-ux-mouse-focus]),
li.TabButtonWidget_PHQ---tab_button a:focus:not([data-appian-ux-mouse-focus]) {
  text-decoration: none !important;
}
li.TabButtonWidget_PHQ---tab a:focus:not([data-appian-ux-mouse-focus]):after,
li.TabButtonWidget_PHQ---tab_button a:focus:not([data-appian-ux-mouse-focus]):after {
  content: "" !important;
  position: absolute !important;
  top: 1px !important;
  left: 1px !important;
  height: calc(100% - 2px) !important;
  width: calc(100% - 2px) !important;
  border: 1px solid #1d659c !important;
  border-radius: inherit !important;
}
li.TabButtonWidget_PHQ---tab.TabButtonWidget_PHQ---selected a,
li.TabButtonWidget_PHQ---tab_button.TabButtonWidget_PHQ---selected a {
  background-color: #1d659c !important;
  color: #fff !important;
  font-weight: bold !important;
}
li.TabButtonWidget_PHQ---tab.TabButtonWidget_PHQ---selected a:focus:not([data-appian-ux-mouse-focus]):after,
li.TabButtonWidget_PHQ---tab_button.TabButtonWidget_PHQ---selected a:focus:not([data-appian-ux-mouse-focus]):after {
  border-color: #fff !important;
}
li.TabButtonWidget_PHQ---tab_button a {
  font-size: 0.9286rem !important;
  height: 2.4286rem !important;
  padding: 0.5rem !important;
  border-radius: 0rem !important;
}
li.TabButtonWidget_PHQ---tab a {
  padding: 0.5714rem 0.8571rem !important;
  border-top-right-radius: 0rem !important;
  border-top-left-radius: 0rem !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.TabButtonWidget_CARD_UNDERLINED---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .TabButtonWidget_CARD_UNDERLINED---accessibilityhidden {
  font-size: 0 !important;
}
li.TabButtonWidget_CARD_UNDERLINED---tab {
  position: relative !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 1 220px !important;
          flex: 0 1 220px !important;
}
li.TabButtonWidget_CARD_UNDERLINED---tab a {
  height: 100% !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  padding: 0.8571rem !important;
  color: var(--appian-text-color, #222) !important;
}
li.TabButtonWidget_CARD_UNDERLINED---tab a .TabButtonWidget_CARD_UNDERLINED---tab_wrapper {
  text-align: center !important;
}
li.TabButtonWidget_CARD_UNDERLINED---tab a:active {
  color: var(--appian-text-color, #222) !important;
}
li.TabButtonWidget_CARD_UNDERLINED---tab.TabButtonWidget_CARD_UNDERLINED---selected a {
  font-weight: bold !important;
}
li.TabButtonWidget_CARD_UNDERLINED---tab.TabButtonWidget_CARD_UNDERLINED---selected a:after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  width: 100% !important;
  height: 3px !important;
  bottom: -3px !important;
  left: 0 !important;
  background-color: #1d659c !important;
}
li.TabButtonWidget_CARD_UNDERLINED---tab:not(.TabButtonWidget_CARD_UNDERLINED---disabled) a:hover,
li.TabButtonWidget_CARD_UNDERLINED---tab:not(.TabButtonWidget_CARD_UNDERLINED---disabled) a:focus:not(.appian-context-ux-mouse-focus) {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
li.TabButtonWidget_CARD_UNDERLINED---tab.TabButtonWidget_CARD_UNDERLINED---disabled a,
li.TabButtonWidget_CARD_UNDERLINED---tab.TabButtonWidget_CARD_UNDERLINED---disabled a:hover,
li.TabButtonWidget_CARD_UNDERLINED---tab.TabButtonWidget_CARD_UNDERLINED---disabled a:focus {
  cursor: default !important;
  color: var(--appian-secondary-text-color, #767676) !important;
  text-decoration: none !important;
}

.TagGroup---align_start {
  text-align: left !important;
}
.TagGroup---align_end {
  text-align: right !important;
}
.TagGroup---center {
  text-align: center !important;
}
.TagGroup---tag_container {
  font-size: 0 !important;
  /* needed to remove whitespace below tags */
}
/* margin needs to be set here (instead of in TagItem.less) so
   drag & drop styling is correct */
.TagGroup---tag_container > *:not(.appian-context-component-selector),.TagGroup---tag_container .appian-context-component-selector > .appian-context-component-selector-children > *:not(.appian-context-component-selector) {
  margin: 2px 0 !important;
}
.TagGroup---tag_container.TagGroup---align_start > :not(.appian-context-last-in-list):not(.appian-context-component-selector),.TagGroup---tag_container.TagGroup---align_start .appian-context-component-selector > .appian-context-component-selector-children > :not(.appian-context-last-in-list):not(.appian-context-component-selector) {
  margin-right: 4px !important;
}
.TagGroup---tag_container.TagGroup---center > *:not(.appian-context-component-selector),.TagGroup---tag_container.TagGroup---center .appian-context-component-selector > .appian-context-component-selector-children > *:not(.appian-context-component-selector) {
  margin-right: 2px !important;
  margin-left: 2px !important;
}
.TagGroup---tag_container.TagGroup---align_end > :not(.appian-context-first-in-list):not(.appian-context-component-selector),.TagGroup---tag_container.TagGroup---align_end .appian-context-component-selector > .appian-context-component-selector-children > :not(.appian-context-first-in-list):not(.appian-context-component-selector) {
  margin-left: 4px !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.TagItem---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .TagItem---accessibilityhidden {
  font-size: 0 !important;
}
.TagItem---tag {
  display: inline-block !important;
  font-weight: 600 !important;
  border-radius: 0.1429rem !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #000 !important;
  cursor: default !important;
  outline: none !important;
  font-size: 1rem !important;
  padding: 0.1429rem 0.5714rem !important;
  line-height: 1.4 !important;
  /* needed for correct rendering of tags in grids on Tempo */
  text-decoration: none !important;
}
.TagItem---tag.TagItem---inTagGroupSizeSmall {
  font-size: 0.7857rem !important;
  padding: 0 0.4286rem 0.0714rem 0.4286rem !important;
  border-radius: 0.0714rem !important;
}
.TagItem---tag {
  color: #000 !important;
}
.TagItem---tag.TagItem---linked,
.TagItem---tag.TagItem---linked:active {
  color: #000 !important;
}
.TagItem---tag_bg_color_secondary {
  background-color: #ddd !important;
}
.TagItem---tag_bg_color_accent {
  background-color: #1d659c !important;
  color: #fff !important;
}
.TagItem---tag_bg_color_accent.TagItem---linked,
.TagItem---tag_bg_color_accent.TagItem---linked:active {
  color: #fff !important;
}
.TagItem---tag_bg_color_accent.TagItem---inAccentBackground,
.TagItem---tag_bg_color_event_history.TagItem---inAccentBackground {
  background-color: #fff !important;
  color: #1d659c !important;
}
.TagItem---tag_bg_color_positive {
  background-color: #1cc101 !important;
}
.TagItem---tag_bg_color_negative {
  background-color: #de0037 !important;
}
.TagItem---tag_bg_color_event_history {
  background-color: #f2f2f2 !important;
  color: #222 !important;
}
.TagItem---tag_bg_color_event_history.TagItem---inDarkBackground {
  background-color: #444 !important;
  color: #eee !important;
}
.TagItem---tag_bg_color_dark,
.TagItem---tag_bg_color_positive,
.TagItem---tag_bg_color_negative {
  color: #fff !important;
}
.TagItem---tag_bg_color_dark.TagItem---linked,
.TagItem---tag_bg_color_positive.TagItem---linked,
.TagItem---tag_bg_color_negative.TagItem---linked,
.TagItem---tag_bg_color_dark.TagItem---linked:active,
.TagItem---tag_bg_color_positive.TagItem---linked:active,
.TagItem---tag_bg_color_negative.TagItem---linked:active {
  color: #fff !important;
}
.TagItem---tag.TagItem---selectable {
  color: #1d659c !important;
  background-color: transparent !important;
}
.TagItem---tag.TagItem---selectable.TagItem---selected {
  color: #fff !important;
  background-color: #1d659c !important;
}
.TagItem---tag.TagItem---selectable:hover,
.TagItem---tag.TagItem---linked:hover {
  cursor: pointer !important;
}
.TagItem---tag.TagItem---selectable:hover {
  box-shadow: 0 0px 5px #1d659c !important;
  text-decoration: none !important;
}
.TagItem---tag.TagItem---selectable:focus,
.TagItem---tag.TagItem---linked:focus:not([data-appian-ux-mouse-focus]) {
  text-decoration: none !important;
}
.TagItem---tag.TagItem---linked:hover {
  text-decoration: underline !important;
}
.TagItem---tag.TagItem---selectable:focus:not([data-appian-ux-mouse-focus]) {
  outline: 1px solid #1d659c !important;
  outline-offset: -2px !important;
}
.TagItem---tag.TagItem---selectable.TagItem---selected:focus:not([data-appian-ux-mouse-focus]) {
  outline-color: #fff !important;
}
.TagItem---tag.TagItem---linked:focus:not([data-appian-ux-mouse-focus]) {
  outline: 1px solid #000 !important;
  outline-offset: -2px !important;
}
.TagItem---tag.TagItem---tag_bg_color_accent.TagItem---linked:focus:not([data-appian-ux-mouse-focus]) {
  outline-color: #fff !important;
}
.TagItem---tag.TagItem---linked.TagItem---tag_bg_color_accent.TagItem---inAccentBackground:focus:not([data-appian-ux-mouse-focus]) {
  outline-color: #000 !important;
}
.TagItem---tag.TagItem---linked.TagItem---tag_bg_color_dark:focus:not([data-appian-ux-mouse-focus]),
.TagItem---tag.TagItem---linked.TagItem---tag_bg_color_positive:focus:not([data-appian-ux-mouse-focus]),
.TagItem---tag.TagItem---linked.TagItem---tag_bg_color_negative:focus:not([data-appian-ux-mouse-focus]) {
  outline-color: #fff !important;
}
.TagItem---tag.TagItem---phq {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: inline-flex !important;
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
          align-items: stretch !important;
  padding: 0.1429rem 0.5714rem !important;
  border-radius: 0rem !important;
  font-weight: normal !important;
  margin-top: 0 !important;
}
.TagItem---tag.TagItem---phq.TagItem---linked {
  padding: 0 !important;
}
.TagItem---tag.TagItem---phq.TagItem---linked > span {
  padding: 0.1429rem calc(0.5714rem / 2) 0.1429rem 0.5714rem !important;
}
.TagItem---tag.TagItem---phq.TagItem---linked:hover {
  text-decoration: none !important;
  cursor: default !important;
}
.TagItem---tag.TagItem---phq.TagItem---linked .TagItem---phq_link {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  border-top-right-radius: 0rem !important;
  border-bottom-right-radius: 0rem !important;
  padding: 0.1429rem calc(0.5714rem / 2) !important;
}
.TagItem---tag.TagItem---phq.TagItem---linked .TagItem---phq_link:hover {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
}
.TagItem---tag.TagItem---phq.TagItem---linked .TagItem---phq_link:focus:not([data-appian-ux-mouse-focus]) .TagItem---phq_link_icon {
  border: 1px solid #1d659c !important;
}
.TagItem---tag.TagItem---phq.TagItem---linked .TagItem---phq_link .TagItem---phq_link_icon {
  fill: #1d659c !important;
  height: 1rem !important;
  width: 1rem !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
.TempoSiteHeaderLayout---align_start {
  text-align: left !important;
}
.TempoSiteHeaderLayout---align_end {
  text-align: right !important;
}
.TempoSiteHeaderLayout---center {
  text-align: center !important;
}
nav.TempoSiteHeaderLayout---header {
  width: 100% !important;
  left: 0 !important;
  height: 52px !important;
  z-index: 2000015 !important;
  margin-top: 0px !important;
}
@media print {
  nav.TempoSiteHeaderLayout---header {
    display: none !important;
  }
}
@media only screen and (max-width: 740px) {
  .appian-context-ux-responsive nav.TempoSiteHeaderLayout---header .TempoSiteHeaderLayout---nav_tabs {
    position: fixed !important;
    z-index: 2000015 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
  }
}
.TempoSiteHeaderLayout---header_content {
  height: 52px !important;
  max-width: 1500px !important;
  width: 96% !important;
  margin: 0 auto !important;
  display: -webkit-flex !important;
  display: -webkit-box !important;
  display: flex !important;
  -webkit-flex-flow: row nowrap !important;
  -ms-flex-wrap: nowrap !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
          flex-flow: row nowrap !important;
  -webkit-justify-content: space-between !important;
  -webkit-box-pack: justify !important;
          justify-content: space-between !important;
  -webkit-align-items: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
}
nav.TempoSiteHeaderLayout---header,
nav.TempoSiteHeaderLayout---header .TempoSiteHeaderLayout---header_content,
nav.TempoSiteHeaderLayout---header .TempoSiteHeaderLayout---header_content > div {
  background-color: #46708c !important;
}
nav.TempoSiteHeaderLayout---header .TempoSiteHeaderLayout---header_content > div {
  -webkit-flex: 1 1 auto !important;
  -webkit-box-flex: 1 !important;
          flex: 1 1 auto !important;
}
nav.TempoSiteHeaderLayout---header.TempoSiteHeaderLayout---site .TempoSiteHeaderLayout---header_content > div {
  -webkit-flex: 1 1 0% !important;
  -webkit-box-flex: 1 !important;
          flex: 1 1 0% !important;
  /* Flex-basis auto does not work on sites in IE */
}
nav.TempoSiteHeaderLayout---header .TempoSiteHeaderLayout---header_content > div.TempoSiteHeaderLayout---minimize,
nav.TempoSiteHeaderLayout---header .TempoSiteHeaderLayout---header_content > div.TempoSiteHeaderLayout---title.TempoSiteHeaderLayout---minimize {
  -webkit-flex: 0 0 auto !important;
  -webkit-box-flex: 0 !important;
          flex: 0 0 auto !important;
}
@media only screen and (max-width: 740px) {
  .appian-context-ux-responsive nav.TempoSiteHeaderLayout---header .TempoSiteHeaderLayout---header_content > div.TempoSiteHeaderLayout---minimize.TempoSiteHeaderLayout---profile {
    -webkit-flex: 1 0 auto !important;
    -webkit-box-flex: 1 !important;
            flex: 1 0 auto !important;
    -webkit-box-ordinal-group: 0 !important;
    -webkit-order: -1 !important;
            order: -1 !important;
    padding: 0 !important;
  }
}
nav.TempoSiteHeaderLayout---header a:focus,
nav.TempoSiteHeaderLayout---header a:focus:not([data-appian-ux-mouse-focus]),
nav.TempoSiteHeaderLayout---header a:hover {
  outline: none !important;
  border: none !important;
  text-decoration: none !important;
}
nav.TempoSiteHeaderLayout---header .TempoSiteHeaderLayout---header_content > div.TempoSiteHeaderLayout---profile {
  padding: 0 14px 0 8px !important;
}
nav.TempoSiteHeaderLayout---header .TempoSiteHeaderLayout---header_content > div.TempoSiteHeaderLayout---contextWidget {
  padding: 0 6px !important;
}
@media only screen and (max-width: 740px) {
  .appian-context-ux-responsive nav.TempoSiteHeaderLayout---header .TempoSiteHeaderLayout---header_content > div.TempoSiteHeaderLayout---contextWidget {
    padding-right: 14px !important;
  }
}
nav.TempoSiteHeaderLayout---header .TempoSiteHeaderLayout---header_content .TempoSiteHeaderLayout---logo a:focus:not([data-appian-ux-mouse-focus]),
nav.TempoSiteHeaderLayout---header .TempoSiteHeaderLayout---header_content a:focus:not([data-appian-ux-mouse-focus]) .TempoSiteHeaderLayout---appian_logo {
  position: relative !important;
}
nav.TempoSiteHeaderLayout---header .TempoSiteHeaderLayout---header_content .TempoSiteHeaderLayout---logo a:focus:not([data-appian-ux-mouse-focus]):before,
nav.TempoSiteHeaderLayout---header .TempoSiteHeaderLayout---header_content a:focus:not([data-appian-ux-mouse-focus]) .TempoSiteHeaderLayout---appian_logo:before {
  position: absolute !important;
  content: "" !important;
  top: -3px !important;
  left: -3px !important;
  height: calc(100% + 2 * 3px) !important;
  width: calc(100% + 2 * 3px) !important;
  border: 1px solid #ededed !important;
  border-radius: 0 !important;
}
ul.TempoSiteHeaderLayout---site_nav {
  height: 52px !important;
  font-size: 0 !important;
  list-style: none !important;
  padding: 0 !important;
  white-space: nowrap !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
}
@media only screen and (max-width: 740px) {
  .appian-context-ux-responsive ul.TempoSiteHeaderLayout---site_nav {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
            justify-content: center !important;
  }
}
ul.TempoSiteHeaderLayout---site_nav > li {
  display: inline-block !important;
  -webkit-flex: 0 1 auto !important;
  -webkit-box-flex: 0 !important;
          flex: 0 1 auto !important;
  overflow: hidden !important;
  /* needed so end-most tabs aren't cut off when total max width of tab group is reached */
  margin-right: 18px !important;
}
@media only screen and (max-width: 740px) {
  .appian-context-ux-responsive ul.TempoSiteHeaderLayout---site_nav > li {
    margin: 0 7px !important;
  }
}
ul.TempoSiteHeaderLayout---site_nav > li a {
  display: block !important;
  /* needed so tabs truncate properly when total max width of tab group is reached */
  max-width: 200px !important;
  height: 52px !important;
  padding: 8px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: center !important;
  outline: none !important;
  position: relative !important;
  border-bottom: none !important;
  cursor: pointer !important;
  line-height: 36px !important;
}
ul.TempoSiteHeaderLayout---site_nav > li a[aria-current="false"] > div {
  color: #e6e6e6 !important;
}
ul.TempoSiteHeaderLayout---site_nav > li a:hover,
ul.TempoSiteHeaderLayout---site_nav > li a:focus:not(.appian-context-ux-mouse-focus) {
  background-color: #6090af !important;
}
ul.TempoSiteHeaderLayout---site_nav > li a:hover div,
ul.TempoSiteHeaderLayout---site_nav > li a:focus:not(.appian-context-ux-mouse-focus) div {
  color: #f8e85b !important;
}
.TempoSiteHeaderLayout---fixedContainer {
  position: fixed !important;
  width: 100% !important;
  z-index: 2000015 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.TempoSiteMenuTab---nav_label {
  display: inline-block !important;
  color: #ededed !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
}
li.TempoSiteMenuTab---current_tab > a > .TempoSiteMenuTab---nav_label {
  color: #fff !important;
}
li.TempoSiteMenuTab---current_tab > a > .TempoSiteMenuTab---nav_label:after {
  background-color: #f8e85b !important;
  position: absolute !important;
  display: block !important;
  height: 5px !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 1px !important;
  content: "" !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* AN-79558: For some reason, the quoted font families are not processed the same way in LESS when they're used inside a
  detached ruleset (@shared-input-styles, here), and our theming extractor ends up not picking them. Moving the font-family
  declaration out of it addresses this. */
.TimeWidget---text,
.TimeWidget---password,
.TimeWidget---textarea,
.TimeWidget---textarea_print,
.TimeWidget---dropdown_value,
.TimeWidget---picker_value,
.TimeWidget---date_range_value {
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
}
.TimeWidget---wrapper {
  position: static !important;
}
.TimeWidget---tether_dropdown,
.TimeWidget---date_picker2__menu {
  z-index: 2000020 !important;
}
.TimeWidget---dropdown {
  min-width: 3.2142rem !important;
  /* needed so dropdown icon doesn't overlap text when very narrow (AN-77265) */
}
.appian-context-browser-firefox .TimeWidget---dropdown:not(.TimeWidget---multi) {
  min-width: 4.0714rem !important;
}
.TimeWidget---dropdown .TimeWidget---dropdown_value {
  padding-right: 1.5714rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  cursor: default !important;
}
.TimeWidget---dropdown .TimeWidget---preview_interface_locale_dropdown_value {
  padding-right: 1.5714rem !important;
  padding-left: 0.5714rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  cursor: default !important;
  line-height: 2.06rem !important;
  font-size: 1rem !important;
}
ul.TimeWidget---dropdown_list.TimeWidget---no_top_border {
  border-top-width: 0 !important;
}
.TimeWidget---dropdown.TimeWidget---time_picker .TimeWidget---dropdown_value {
  cursor: text !important;
  padding-right: 0.5714rem !important;
  text-overflow: clip !important;
  /* needed for consistency so both date and time inputs truncate text without ellipsis */
}
.TimeWidget---dropdown.TimeWidget---time_picker .TimeWidget---dropdown_value.TimeWidget---is_disabled {
  cursor: default !important;
}
.TimeWidget---dropdown .TimeWidget---dropdown_caret,
.TimeWidget---date_picker2__control .TimeWidget---dropdown_caret {
  display: inline-block !important;
  width: 1rem !important;
  height: 1rem !important;
  position: absolute !important;
  right: 0.3rem !important;
  top: calc(50% - 0.5rem) !important;
  fill: var(--appian-text-color, #222) !important;
}
.TimeWidget---dropdown .TimeWidget---dropdown_value.TimeWidget---is_disabled .TimeWidget---dropdown_caret {
  fill: var(--appian-disabled-text-color, #777) !important;
}
.TimeWidget---dropdown_list li,
.TimeWidget---date_picker2__option {
  padding: 0.3571rem 0.5714rem 0.3571rem 0 !important;
  text-indent: 0.5714rem !important;
  /* needed so italicised text (placeholder) doesn't appear cut off */
}
/* placeholder for single-select dropdown */
/* repeated class name is a specificity hack to work around listbox color styling */
.TimeWidget---dropdown_value.TimeWidget---placeholder,
.TimeWidget---dropdown_list.TimeWidget---dropdown_list li.TimeWidget---placeholder > div {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.TimeWidget---dropdown_list li[aria-selected="true"].TimeWidget---placeholder > div {
  color: #fff !important;
}
/* placeholder for multi-select dropdown */
.TimeWidget---dropdown_value .TimeWidget---value_display:empty:before {
  content: attr(data-placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.TimeWidget---dropdown_value.TimeWidget---has_inline_label .TimeWidget---value_display:empty:before {
  display: inline !important;
}
/* repeated class name is a specificity hack to work around listbox max-height styling */
.TimeWidget---dropdown_list.TimeWidget---dropdown_list {
  max-height: 24.2857rem !important;
  /* displays 11 items + partial item */
}
.TimeWidget---dropdown_list li[aria-selected="true"],
.TimeWidget---dropdown_list li[aria-selected="true"]:before,
.TimeWidget---dropdown_list li[aria-selected="true"] > div,
.TimeWidget---date_picker2__menu .TimeWidget---date_picker2__option.TimeWidget---date_picker2__option--is-selected {
  background-color: #1d659c !important;
  color: #fff !important;
}
.TimeWidget---search_box_wrapper {
  background-color: var(--appian-pop-up-menu-color, #fff) !important;
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-top-left-radius: 0rem !important;
  border-top-right-radius: 0rem !important;
  font-size: 0 !important;
  padding: 3px !important;
}
.TimeWidget---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .TimeWidget---accessibilityhidden {
  font-size: 0 !important;
}
.TimeWidget---align_start {
  text-align: left !important;
}
.TimeWidget---align_end {
  text-align: right !important;
}
.TimeWidget---center {
  text-align: center !important;
}
.TimeWidget---text::-ms-clear,
.TimeWidget---picker_input::-ms-clear {
  display: none !important;
}
/* these placeholder styles have to be separate rulesets because browsers will ignore the entire ruleset if one selector isn't recognized */
.TimeWidget---text::-webkit-input-placeholder,
.TimeWidget---password::-webkit-input-placeholder,
.TimeWidget---picker_input::-webkit-input-placeholder,
.TimeWidget---dropdown_value::-webkit-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-text-fill-color: var(--appian-placeholder-text-color, #767676) !important;
  /* needed so disabled placeholder text color is correct in Safari */
  font-style: italic !important;
  font-weight: 400 !important;
}
.TimeWidget---text::-moz-placeholder,
.TimeWidget---password::-moz-placeholder,
.TimeWidget---picker_input::-moz-placeholder,
.TimeWidget---dropdown_value::-moz-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.TimeWidget---text:-ms-input-placeholder,
.TimeWidget---password:-ms-input-placeholder,
.TimeWidget---picker_input:-ms-input-placeholder,
.TimeWidget---dropdown_value:-ms-input-placeholder,
.TimeWidget---dropdown_value:disabled:-ms-input-placeholder,
.TimeWidget---text:disabled:-ms-input-placeholder,
.TimeWidget---password:disabled:-ms-input-placeholder,
.TimeWidget---picker_input:disabled:-ms-input-placeholder {
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.TimeWidget---textarea_print:empty:before {
  content: attr(placeholder) !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  display: block !important;
  overflow: hidden !important;
}
.TimeWidget---text.TimeWidget---has_clear_link,
.TimeWidget---password.TimeWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.TimeWidget---text,
.TimeWidget---password,
.TimeWidget---textarea,
.TimeWidget---textarea_print,
.TimeWidget---dropdown_value,
.TimeWidget---picker_value,
.TimeWidget---date_range_value,
.TimeWidget---date_picker2__control {
  font-size: 1rem !important;
  color: var(--appian-text-color, #222) !important;
  /* needs extra decimals for correct alignment in some browsers */
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  width: 100% !important;
  background-color: var(--appian-input-background-color, #fff) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-radius: 0rem !important;
  -webkit-appearance: none !important;
  /* remove inner shadow on iOS */
}
.TimeWidget---text.TimeWidget---inDarkBackground,
.TimeWidget---password.TimeWidget---inDarkBackground,
.TimeWidget---textarea.TimeWidget---inDarkBackground,
.TimeWidget---textarea_print.TimeWidget---inDarkBackground,
.TimeWidget---dropdown_value.TimeWidget---inDarkBackground,
.TimeWidget---picker_value.TimeWidget---inDarkBackground,
.TimeWidget---date_range_value.TimeWidget---inDarkBackground,
.TimeWidget---date_picker2__control.TimeWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
.TimeWidget---dropdown,
.TimeWidget---picker {
  position: relative !important;
  font-size: 1rem !important;
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}
.TimeWidget---dropdown_value,
.TimeWidget---picker_value {
  min-height: 2.4286rem !important;
}
.appian-context-browser-safari .TimeWidget---text,
.appian-context-browser-safari .TimeWidget---textarea {
  margin: 0 !important;
  /* needed to prevent 2px margin-top & margin-bottom on Safari */
}
.appian-context-os-ios .TimeWidget---text,
.appian-context-os-ios .TimeWidget---password,
.appian-context-os-ios .TimeWidget---textarea,
.appian-context-os-ios .TimeWidget---textarea_print,
.appian-context-os-ios .TimeWidget---dropdown_value,
.appian-context-os-ios .TimeWidget---picker_value {
  font-family: -apple-system !important;
}
.appian-context-os-android .TimeWidget---text,
.appian-context-os-android .TimeWidget---password,
.appian-context-os-android .TimeWidget---textarea,
.appian-context-os-android .TimeWidget---textarea_print,
.appian-context-os-android .TimeWidget---dropdown_value,
.appian-context-os-android .TimeWidget---picker_value {
  font-family: "Roboto" !important;
}
.TimeWidget---text.TimeWidget---width_narrow,
.TimeWidget---password.TimeWidget---width_narrow,
.TimeWidget---textarea.TimeWidget---width_narrow,
.TimeWidget---textarea_print.TimeWidget---width_narrow,
.TimeWidget---dropdown.TimeWidget---width_narrow,
.TimeWidget---picker.TimeWidget---width_narrow {
  max-width: 160px !important;
}
.TimeWidget---text.TimeWidget---width_medium,
.TimeWidget---password.TimeWidget---width_medium,
.TimeWidget---textarea.TimeWidget---width_medium,
.TimeWidget---textarea_print.TimeWidget---width_medium,
.TimeWidget---dropdown.TimeWidget---width_medium,
.TimeWidget---picker.TimeWidget---width_medium {
  max-width: 320px !important;
}
.TimeWidget---text:focus,
.TimeWidget---password:focus,
.TimeWidget---textarea:focus,
.TimeWidget---dropdown_value:focus,
.TimeWidget---dropdown_value.TimeWidget---focus,
.TimeWidget---picker_value:focus,
.TimeWidget---picker_value.TimeWidget---focus,
.TimeWidget---date_picker2__control.TimeWidget---date_picker2__control--is-focused {
  border-color: #1d659c !important;
  outline: none !important;
  z-index: 2 !important;
  /* ensure that the blue border overrides neighboring/conflicting element borders */
}
.TimeWidget---text:disabled,
.TimeWidget---password:disabled,
.TimeWidget---textarea:disabled,
.TimeWidget---textarea.TimeWidget---is_disabled,
.TimeWidget---dropdown_value.TimeWidget---is_disabled,
.TimeWidget---picker_value.TimeWidget---is_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  /* needed to prevent dropdown & picker from getting focus styling on click on IE */
  opacity: var(--appian-disabled-input-opacity, 1) !important;
}
.TimeWidget---text:disabled,
.TimeWidget---password:disabled,
.TimeWidget---textarea:disabled,
.TimeWidget---textarea.TimeWidget---is_disabled,
.TimeWidget---dropdown_value.TimeWidget---is_disabled:after,
.TimeWidget---dropdown_value.TimeWidget---is_disabled:not(.TimeWidget---placeholder) {
  color: var(--appian-disabled-text-color, #777) !important;
  -webkit-text-fill-color: var(--appian-disabled-text-color, #777) !important;
  /* needed so disabled text color is correct in Safari */
}
.TimeWidget---picker_value.TimeWidget---is_disabled {
  cursor: default !important;
  /* needed to prevent text cursor */
}
.TimeWidget---text[aria-invalid="true"]:not(.TimeWidget---inEditableGridLayout),
.TimeWidget---password[aria-invalid="true"]:not(.TimeWidget---inEditableGridLayout),
.TimeWidget---textarea[aria-invalid="true"]:not(.TimeWidget---inEditableGridLayout),
.TimeWidget---dropdown_value[aria-invalid="true"]:not(.TimeWidget---inEditableGridLayout),
.TimeWidget---picker_value.TimeWidget---invalid:not(.TimeWidget---inEditableGridLayout) {
  border-color: #de0037 !important;
}
.TimeWidget---text[aria-invalid="true"]:not(.TimeWidget---inEditableGridLayout).TimeWidget---inDarkBackground,
.TimeWidget---password[aria-invalid="true"]:not(.TimeWidget---inEditableGridLayout).TimeWidget---inDarkBackground,
.TimeWidget---textarea[aria-invalid="true"]:not(.TimeWidget---inEditableGridLayout).TimeWidget---inDarkBackground,
.TimeWidget---dropdown_value[aria-invalid="true"]:not(.TimeWidget---inEditableGridLayout).TimeWidget---inDarkBackground,
.TimeWidget---picker_value.TimeWidget---invalid:not(.TimeWidget---inEditableGridLayout).TimeWidget---inDarkBackground {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.TimeWidget---text[aria-invalid="true"]:not(.TimeWidget---inEditableGridLayout):focus,
.TimeWidget---password[aria-invalid="true"]:not(.TimeWidget---inEditableGridLayout):focus,
.TimeWidget---textarea[aria-invalid="true"]:not(.TimeWidget---inEditableGridLayout):focus,
.TimeWidget---dropdown_value[aria-invalid="true"]:not(.TimeWidget---inEditableGridLayout):focus,
.TimeWidget---picker_value.TimeWidget---invalid:not(.TimeWidget---inEditableGridLayout):focus,
.TimeWidget---picker_value.TimeWidget---invalid:not(.TimeWidget---inEditableGridLayout).TimeWidget---focus {
  border-color: #1d659c !important;
}
.TimeWidget---picker_value.TimeWidget---invalid:not(.TimeWidget---inEditableGridLayout),
.TimeWidget---picker_value.TimeWidget---invalid:not(.TimeWidget---inEditableGridLayout):focus,
.TimeWidget---picker_value.TimeWidget---invalid:not(.TimeWidget---inEditableGridLayout).TimeWidget---focus {
  z-index: 2 !important;
}
.TimeWidget---text[aria-invalid="true"].TimeWidget---inEditableGridLayout.TimeWidget---inSideBySideItem,
.TimeWidget---text[aria-invalid="true"].TimeWidget---inEditableGridLayout.TimeWidget---inSideBySideItem:focus,
.TimeWidget---password[aria-invalid="true"].TimeWidget---inEditableGridLayout.TimeWidget---inSideBySideItem,
.TimeWidget---password[aria-invalid="true"].TimeWidget---inEditableGridLayout.TimeWidget---inSideBySideItem:focus,
.TimeWidget---dropdown_value[aria-invalid="true"].TimeWidget---inEditableGridLayout.TimeWidget---inSideBySideItem,
.TimeWidget---dropdown_value[aria-invalid="true"].TimeWidget---inEditableGridLayout.TimeWidget---inSideBySideItem:focus,
.TimeWidget---picker_value.TimeWidget---invalid.TimeWidget---inEditableGridLayout.TimeWidget---inSideBySideItem,
.TimeWidget---picker_value.TimeWidget---invalid.TimeWidget---inEditableGridLayout.TimeWidget---inSideBySideItem:focus,
.TimeWidget---picker_value.TimeWidget---invalid.TimeWidget---inEditableGridLayout.TimeWidget---inSideBySideItem.TimeWidget---focus {
  border: 1px solid transparent !important;
}
.TimeWidget---invalidInSideBySide,
.TimeWidget---invalidInSideBySide:focus {
  border-left: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-right: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.TimeWidget---invalidInSideBySide.TimeWidget---inDarkBackground,
.TimeWidget---invalidInSideBySide:focus.TimeWidget---inDarkBackground {
  border-left-color: var(--appian-input-border-color, #ddd) !important;
  border-right-color: var(--appian-input-border-color, #ddd) !important;
}
.TimeWidget---textarea[aria-invalid="true"].TimeWidget---inEditableGridLayout.TimeWidget---inSideBySideItem,
.TimeWidget---textarea[aria-invalid="true"].TimeWidget---inEditableGridLayout.TimeWidget---inSideBySideItem:focus {
  border-color: #de0037 !important;
}
.TimeWidget---textarea[aria-invalid="true"].TimeWidget---inEditableGridLayout.TimeWidget---inSideBySideItem.TimeWidget---inDarkBackground,
.TimeWidget---textarea[aria-invalid="true"].TimeWidget---inEditableGridLayout.TimeWidget---inSideBySideItem.TimeWidget---inDarkBackground:focus {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.TimeWidget---input_icon_wrapper {
  /* needed because <inputs> don't have :before/:after pseudo elements */
  position: relative !important;
}
.TimeWidget---show_data_icon .TimeWidget---text,
.TimeWidget---show_data_icon .TimeWidget---password,
.TimeWidget---show_data_icon .TimeWidget---textarea,
.TimeWidget---show_data_icon .TimeWidget---dropdown_value {
  padding-left: 1.7857rem !important;
}
.TimeWidget---text.TimeWidget---has_clear_link,
.TimeWidget---password.TimeWidget---has_clear_link {
  padding-right: 1.5714rem !important;
}
.TimeWidget---character_count {
  position: absolute !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  color: var(--appian-placeholder-text-color, #767676) !important;
  font-weight: 300 !important;
  right: 0 !important;
  bottom: 0 !important;
  line-height: 1.42857143 !important;
  padding: 0.4286rem 0.5714rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  pointer-events: none !important;
}
.TimeWidget---character_count.TimeWidget---over_limit:not(.TimeWidget---inDarkBackground) {
  color: #de0037 !important;
  fill: #de0037 !important;
}
.TimeWidget---character_count.TimeWidget---over_limit.TimeWidget---inDarkBackground {
  color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  fill: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.TimeWidget---character_count .TimeWidget---icon_container {
  outline: none !important;
  margin-right: 3px !important;
  margin-bottom: -2px !important;
}
.TimeWidget---character_count .TimeWidget---icon_container > svg {
  height: 0.8571rem !important;
  width: 0.8571rem !important;
}
.TimeWidget---character_count_overlay {
  background-color: var(--appian-input-background-color-faded, #fffd) !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 0.7143rem 0.5714rem 0 !important;
  z-index: 3 !important;
}
.appian-context-os-windows .TimeWidget---character_count_overlay {
  margin: 0 1.2857rem 0.5714rem 0 !important;
}
.TimeWidget---textarea:disabled + .TimeWidget---character_count_overlay,
.TimeWidget---character_count_overlay_disabled {
  background-color: var(--appian-disabled-background-color, #f0f0f0) !important;
}
.TimeWidget---data_icon {
  position: absolute !important;
  top: 0.7143rem !important;
  left: 0.5714rem !important;
  height: 0.9286rem !important;
  width: 0.9286rem !important;
  fill: var(--appian-placeholder-text-color, #767676) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
a.TimeWidget---input_clear_link {
  border: none !important;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
.TimeWidget---input_icon_wrapper > a.TimeWidget---input_clear_link {
  position: absolute !important;
  right: 0.4286rem !important;
  top: 0.9286rem !important;
}
.appian-context-browser-edge .TimeWidget---input_icon_wrapper > a.TimeWidget---input_clear_link {
  top: 0.5rem !important;
}
.TimeWidget---dropdown_value a.TimeWidget---input_clear_link {
  position: absolute !important;
  right: 1.4286rem !important;
  top: 0.5714rem !important;
}
.appian-context-os-mac.appian-context-browser-chrome .TimeWidget---dropdown_value a.TimeWidget---input_clear_link {
  top: 0.5rem !important;
}
a.TimeWidget---input_clear_link:hover,
a.TimeWidget---input_clear_link:focus:not([data-appian-ux-mouse-focus]) {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.TimeWidget---dropdown .TimeWidget---dropdown_value.TimeWidget---highlighted {
  padding-right: 2.5714rem !important;
  /* increase padding when clear icon is present */
}
.TimeWidget---dropdown_value.TimeWidget---has_inline_label span.TimeWidget---inline_label,
.TimeWidget---date_range_value.TimeWidget---has_inline_label span.TimeWidget---inline_label {
  display: inline-block !important;
  max-width: 70% !important;
  overflow-x: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.7857rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.1429rem !important;
  vertical-align: -0.2143rem !important;
  margin-right: 0.5rem !important;
  padding-right: 0.5rem !important;
  border-right: 1px solid var(--appian-choice-border-color, #bbb) !important;
}
.TimeWidget---dropdown_value.TimeWidget---has_inline_label.TimeWidget---inDarkBackground span.TimeWidget---inline_label,
.TimeWidget---date_range_value.TimeWidget---has_inline_label.TimeWidget---inDarkBackground span.TimeWidget---inline_label {
  border-right-color: var(--appian-choice-border-color, #bbb) !important;
}
.appian-context-browser-safari .TimeWidget---dropdown_value.TimeWidget---has_inline_label span.TimeWidget---inline_label,
.appian-context-browser-safari .TimeWidget---date_range_value.TimeWidget---has_inline_label span.TimeWidget---inline_label {
  vertical-align: inherit !important;
}
.TimeWidget---dropdown_value.TimeWidget---has_inline_label.TimeWidget---highlighted span.TimeWidget---value_display,
.TimeWidget---date_range_value.TimeWidget---has_inline_label.TimeWidget---highlighted span.TimeWidget---value_display {
  font-weight: 700 !important;
}
.TimeWidget---dropdown_value.TimeWidget---has_inline_label a.TimeWidget---input_clear_link,
.TimeWidget---date_range_value.TimeWidget---has_inline_label a.TimeWidget---input_clear_link {
  display: none !important;
  position: absolute !important;
  right: 1.5714rem !important;
  top: 0.5714rem !important;
}
.TimeWidget---dropdown_value.TimeWidget---has_inline_label.TimeWidget---highlighted a.TimeWidget---input_clear_link,
.TimeWidget---date_range_value.TimeWidget---has_inline_label.TimeWidget---highlighted a.TimeWidget---input_clear_link {
  display: inline-block !important;
}
.TimeWidget---date_range_value.TimeWidget---has_inline_label.TimeWidget---validation:before {
  content: "" !important;
  position: absolute !important;
  z-index: 2000013 !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 5px solid transparent !important;
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.TimeWidget---date_range_value.TimeWidget---has_inline_label.TimeWidget---validation:before {
  border-right-color: #de0037 !important;
  border-top-color: #de0037 !important;
}
.TimeWidget---date_range_value.TimeWidget---has_inline_label.TimeWidget---validation.TimeWidget---inDarkBackground:before {
  border-right-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
  border-top-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.TimeWidget---number_range_input.TimeWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.TimeWidget---date_range_value.TimeWidget---has_inline_label.TimeWidget---validation:after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid #de0037 !important;
  pointer-events: none !important;
  border-radius: 0rem !important;
  top: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
  right: -1px !important;
}
.TimeWidget---date_range_value.TimeWidget---has_inline_label.TimeWidget---validation.TimeWidget---inDarkBackground:after {
  border-color: var(--appian-destructive-color-on-dark-bg, #ff3434) !important;
}
.TimeWidget---number_range_input.TimeWidget---validation,
.TimeWidget---date_range_value.TimeWidget---has_inline_label.TimeWidget---validation {
  position: relative !important;
  border-color: transparent !important;
}
ul.TimeWidget---listbox,
.TimeWidget---date_picker2__menu {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  -webkit-appearance: none !important;
  background-color: var(--appian-pop-up-menu-color, #fff) !important;
  z-index: 2000020 !important;
  white-space: nowrap !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  max-height: 24.5714rem !important;
  /* displays 11 items + partial item */
  max-width: 700px !important;
  /* if this value changes, also update widthThreshold in DropdownWidget.jsx, MultipleDropdown.jsx, PickerWidget.jsx, & TimeWidget.jsx */
  -ms-user-select: none !important;
  /* needed to prevent text highlighting */
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  position: absolute !important;
  margin-top: 2px !important;
  left: 0 !important;
  right: auto !important;
  text-align: left !important;
  outline: none !important;
}
ul.TimeWidget---listbox.TimeWidget---inDarkBackground,
.TimeWidget---date_picker2__menu.TimeWidget---inDarkBackground {
  border-color: var(--appian-input-border-color, #ddd) !important;
}
ul.TimeWidget---relative {
  /* necessary for Tether to be aware of the listbox's height */
  position: relative !important;
  margin-top: 0px !important;
}
ul.TimeWidget---listbox.TimeWidget---inline {
  /* default medium height */
  position: static !important;
  z-index: auto !important;
}
ul.TimeWidget---listbox.TimeWidget---short {
  max-height: 12rem !important;
  /* displays 5 items + partial item */
}
ul.TimeWidget---listbox.TimeWidget---tall {
  max-height: 34.6429rem !important;
  /* displays 16 items + partial item */
}
ul.TimeWidget---listbox.TimeWidget---auto {
  /* auto height = no constraint */
  max-height: none !important;
}
ul.TimeWidget---listbox.TimeWidget---pointer {
  margin-top: 6px !important;
}
ul.TimeWidget---listbox.TimeWidget---pointer:before {
  content: "" !important;
  position: absolute !important;
  top: -16px !important;
  left: 3px !important;
  width: 0 !important;
  height: 0 !important;
  border-bottom: 8px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  border-top: 8px solid transparent !important;
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
}
ul.TimeWidget---listbox.TimeWidget---pointer:after {
  content: "" !important;
  position: absolute !important;
  top: -12px !important;
  left: 5px !important;
  width: 0 !important;
  height: 0 !important;
  border-bottom: 6px solid var(--appian-pop-up-menu-color, #fff) !important;
  border-top: 6px solid transparent !important;
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
}
ul.TimeWidget---listbox.TimeWidget---anchor_end.TimeWidget---pointer:before {
  left: auto !important;
  right: 3px !important;
}
ul.TimeWidget---listbox.TimeWidget---pointer:after {
  left: auto !important;
  right: 5px !important;
}
ul.TimeWidget---listbox.TimeWidget---anchor_top {
  top: auto !important;
  bottom: 2.5rem !important;
}
ul.TimeWidget---listbox.TimeWidget---anchor_end {
  /*rtl:begin:ignore*/
  left: auto !important;
  right: 0 !important;
  /*rtl:end:ignore*/
}
ul.TimeWidget---listbox.TimeWidget---closed {
  display: none !important;
}
ul.TimeWidget---listbox.TimeWidget---open {
  display: block !important;
}
ul.TimeWidget---listbox.TimeWidget---inModalDialogLayout {
  z-index: 2000023 !important;
}
ul.TimeWidget---listbox li,
.TimeWidget---date_picker2__menu .TimeWidget---date_picker2__option {
  outline: none !important;
  position: relative !important;
  cursor: default !important;
  line-height: 1.4 !important;
}
li.TimeWidget---active,
.TimeWidget---date_picker2__menu .TimeWidget---date_picker2__option.TimeWidget---date_picker2__option--is-focused:not(.TimeWidget---date_picker2__option--is-selected) {
  background-color: var(--appian-accent-color-faded, rgba(29, 101, 156, 0.08)) !important;
  box-shadow: 0 0 0 1px #1d659c inset !important;
}
li:not(.TimeWidget---inRichTextEditorWidget).TimeWidget---active[aria-selected="true"]:after,
.TimeWidget---date_picker2__option.TimeWidget---date_picker2__option--is-focused.TimeWidget---date_picker2__option--is-selected:after {
  content: "" !important;
  display: inline-block !important;
  width: calc(100% - 4px) !important;
  height: calc(100% - 4px) !important;
  position: absolute !important;
  left: 2px !important;
  top: 2px !important;
  border: 1px solid #fff !important;
}
li.TimeWidget---inApplicationHeaderLayout:not(.TimeWidget---inProcessHQ).TimeWidget---inDarkBackground.TimeWidget---active {
  background-color: rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 0 0 1px #fff inset !important;
}
ul.TimeWidget---listbox li > div,
.TimeWidget---date_picker2__menu .TimeWidget---date_picker2__option {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  min-height: 1.3571rem !important;
  cursor: default !important;
  color: var(--appian-text-color, #222) !important;
}
ul.TimeWidget---listbox.TimeWidget---inApplicationHeaderLayout:not(.TimeWidget---inProcessHQ).TimeWidget---inDarkBackground li > div {
  color: #fff !important;
  fill: #fff !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.TimelineItem---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .TimelineItem---accessibilityhidden {
  font-size: 0 !important;
}
li.TimelineItem---timeline_list_item {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  position: relative !important;
  padding-bottom: 8px !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
li.TimelineItem---timeline_list_item .TimelineItem---item_label {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 50px !important;
          flex: 0 0 50px !important;
  color: var(--appian-text-color, #222) !important;
  text-align: center !important;
}
li.TimelineItem---timeline_list_item .TimelineItem---item_label.TimelineItem---inDarkBackground {
  color: #eee !important;
}
li.TimelineItem---timeline_list_item .TimelineItem---item_label.TimelineItem---inAccentBackground {
  color: #fff !important;
}
li.TimelineItem---timeline_list_item .TimelineItem---item_label .TimelineItem---item_label_month {
  text-transform: uppercase !important;
  display: block !important;
}
li.TimelineItem---timeline_list_item .TimelineItem---item_label .TimelineItem---item_label_day {
  display: block !important;
  font-weight: 700 !important;
  font-size: 1.214rem !important;
}
li.TimelineItem---timeline_list_item::before {
  content: "" !important;
  height: 100% !important;
  width: 1px !important;
  position: absolute !important;
  left: calc(50px + 5px) !important;
  border-left: 1px solid #d4d4d4 !important;
}
li.TimelineItem---timeline_list_item.TimelineItem---is_last::before {
  height: 50% !important;
  top: calc(-1 * 5px) !important;
}
li.TimelineItem---timeline_list_item .TimelineItem---timeline_dot {
  width: 11px !important;
  height: 11px !important;
  background-color: #1d659c !important;
  border-radius: 50% !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  z-index: 2000000 !important;
}
li.TimelineItem---timeline_list_item .TimelineItem---timeline_dot.TimelineItem---inAccentBackground {
  background-color: #fff !important;
}
li.TimelineItem---timeline_list_item .TimelineItem---contents_container {
  border: 1px solid #c6c6c6 !important;
  margin-left: 10px !important;
  width: 100% !important;
}
li.TimelineItem---year_wrapper {
  position: relative !important;
  height: 20px !important;
  margin-bottom: 8px !important;
}
li.TimelineItem---year_wrapper .TimelineItem---year_label {
  background-color: #1d659c !important;
  width: 50px !important;
  text-align: center !important;
  color: #fff !important;
  position: absolute !important;
  left: calc(50px + 5px - 25px) !important;
}
li.TimelineItem---year_wrapper .TimelineItem---year_label.TimelineItem---inAccentBackground {
  background-color: #fff !important;
  color: #1d659c !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.TimelineSkeleton---list_container {
  list-style-type: none !important;
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
  -webkit-margin-after: 0 !important;
          margin-block-end: 0 !important;
  -webkit-padding-start: 0 !important;
          padding-inline-start: 0 !important;
}
.TimelineSkeleton---year_label {
  height: 20px !important;
  width: 50px !important;
  background-color: #c4c4c4 !important;
  margin-left: calc(50px / 2 + 5px + 10px) !important;
  margin-bottom: 14px !important;
}
.TimelineSkeleton---list_item {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  position: relative !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  padding-bottom: 14px !important;
  gap: 10px !important;
}
.TimelineSkeleton---list_item::before {
  content: "" !important;
  height: 100% !important;
  width: 1px !important;
  position: absolute !important;
  left: calc(50px + 5px + 10px) !important;
  border-left: 1px solid #e4e4e4 !important;
}
.TimelineSkeleton---list_item.TimelineSkeleton---is_last {
  padding-bottom: 0 !important;
}
.TimelineSkeleton---list_item.TimelineSkeleton---is_last::before {
  height: 50% !important;
  top: calc(-1 * 5px) !important;
}
.TimelineSkeleton---item_label {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 50px !important;
          flex: 0 0 50px !important;
  height: 47px !important;
  background-color: #e4e4e4 !important;
}
.TimelineSkeleton---dot {
  width: 11px !important;
  height: 11px !important;
  background-color: #c4c4c4 !important;
  border-radius: 50% !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  z-index: 2000000 !important;
}
.TimelineSkeleton---contents_container {
  width: 100% !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
  gap: calc(14px / 2) !important;
}
.TimelineSkeleton---contents_container .TimelineSkeleton---contents {
  height: 20px !important;
  background-color: #e4e4e4 !important;
}
.TimelineSkeleton---contents_container .TimelineSkeleton---contents.TimelineSkeleton---first {
  width: 100% !important;
}
.TimelineSkeleton---contents_container .TimelineSkeleton---contents.TimelineSkeleton---second {
  width: 20% !important;
}
.TimelineSkeleton---contents_container .TimelineSkeleton---contents.TimelineSkeleton---third {
  width: 30% !important;
}

ol.TimelineWidget---timeline {
  list-style-type: none !important;
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
  -webkit-margin-after: 0 !important;
          margin-block-end: 0 !important;
  -webkit-padding-start: 0 !important;
          padding-inline-start: 0 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.TimestampWidget---timestamp {
  cursor: default !important;
}
.TimestampWidget---timestamp.TimestampWidget---standard {
  color: var(--appian-secondary-text-color, #767676) !important;
  font-weight: 300 !important;
  font-size: 0.8571rem !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* these styles match rich text link styles defined in LinkedItem.less */
.TitleText---inMessageLayout a.TitleText---inStrongText {
  font-weight: 700 !important;
}
.TitleText---inMessageLayout a.TitleText---inEmphasisText {
  font-style: italic !important;
}
/* end of matching styles */
.TitleText---inMessageLayout a,
.TitleText---inMessageLayout a:hover,
.TitleText---inMessageLayout a:focus:not(.TitleText---appian-context-ux-mouse-focus) {
  color: #1d659c !important;
  border-color: #1d659c !important;
}
.TitleText---inMessageLayout.TitleText---standard,
.TitleText---inMessageLayout.TitleText---info,
.TitleText---inMessageLayout.TitleText---warn,
.TitleText---inMessageLayout.TitleText---success {
  color: var(--appian-text-color, #222) !important;
}
.TitleText---inMessageLayout.TitleText---error:not(.TitleText---inDarkBackground) {
  color: #de0037 !important;
}
h1.TitleText---page_header {
  margin: 0 !important;
  word-wrap: break-word !important;
  font-size: 2.1429rem !important;
  line-height: 1.1 !important;
  font-weight: 600 !important;
  color: var(--appian-text-color, #222) !important;
}
h1.TitleText---page_header:last-child {
  padding-bottom: 0 !important;
}
h1.TitleText---page_header.TitleText---inDarkBackground {
  color: #eee !important;
}
h1.TitleText---page_header.TitleText---inAccentBackground {
  color: #fff !important;
}
h1.TitleText---page_header.TitleText---inLightBackground {
  color: #222 !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.ToolbarLayout---toolbarLayout {
  width: 100% !important;
  border-bottom: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
  padding: 3px !important;
  background-color: #f0f0f0 !important;
  box-sizing: border-box !important;
}
.ToolbarLayout---toolbarLayout.ToolbarLayout---inExpressionEditorWidget {
  padding-left: 6px !important;
  /*rtl:ignore*/
  text-align: left !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.TranslationStringPreviewLink---hover_card {
  overflow: hidden !important;
}
.TranslationStringPreviewLink---translation_text {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: inline-flex !important;
  max-width: 100% !important;
  padding-right: 25px !important;
}
.TranslationStringPreviewLink---translation_text > * {
  table-layout: auto !important;
  display: block !important;
}
.TranslationStringPreviewLink---translation_preview_icon {
  position: relative !important;
}
.TranslationStringPreviewLink---translation_preview_icon > svg {
  height: 1rem !important;
  width: 1rem !important;
  margin-left: 4px !important;
  vertical-align: -1.2rem !important;
  fill: var(--appian-secondary-text-color, #767676) !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* these styles match rich text link styles defined in LinkedItem.less */
.UnderlineText---inMessageLayout a.UnderlineText---inStrongText {
  font-weight: 700 !important;
}
.UnderlineText---inMessageLayout a.UnderlineText---inEmphasisText {
  font-style: italic !important;
}
/* end of matching styles */
.UnderlineText---inMessageLayout a,
.UnderlineText---inMessageLayout a:hover,
.UnderlineText---inMessageLayout a:focus:not(.UnderlineText---appian-context-ux-mouse-focus) {
  color: #1d659c !important;
  border-color: #1d659c !important;
}
.UnderlineText---inMessageLayout.UnderlineText---standard,
.UnderlineText---inMessageLayout.UnderlineText---info,
.UnderlineText---inMessageLayout.UnderlineText---warn,
.UnderlineText---inMessageLayout.UnderlineText---success {
  color: var(--appian-text-color, #222) !important;
}
.UnderlineText---inMessageLayout.UnderlineText---error:not(.UnderlineText---inDarkBackground) {
  color: #de0037 !important;
}
u.UnderlineText---richtext_underline {
  text-decoration: underline !important;
}

/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when browser window width is medium or narrow, and HTML structure does not have any appian-context responsive class applied (designers, site headers)*/
/* rules to apply only when device screen width is medium (i.e., a tablet) */
/* rules to apply when device screen width is narrow OR when device screen width is medium */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
/* expanded sidebar tab width minus the inner left and right padding (14px).
in the collapsed sidebar, we don't want the text to try to fit in the small square tabs because it will wrap,
and it needs to always exist in the DOM so that it can animate (fade in and out)
*/
/* matches semi_rounded button border radius */
.VirtualUserProfileLayout---nav_tab.VirtualUserProfileLayout---top_level_tab .VirtualUserProfileLayout---nested_tab.VirtualUserProfileLayout---inCollapsedSideBar .VirtualUserProfileLayout---nav_icon_and_label_wrapper .VirtualUserProfileLayout---nav_label,
.VirtualUserProfileLayout---nav_tab.VirtualUserProfileLayout---top_level_tab .VirtualUserProfileLayout---nested_tab.VirtualUserProfileLayout---inCollapsedSideBar .VirtualUserProfileLayout---nav_icon_and_label_wrapper .VirtualUserProfileLayout---nav_label_pulldown_icon {
  opacity: 1 !important;
}
.VirtualUserProfileLayout---accessibilityhidden {
  /* If changes to these fields are made, be sure to verify if the same
       changes need to be applied to the following:
       - picker_input.hidden in PickerWidget.less (position, left, top)
       - .hidden in LiveViewContents.less (left, top)
       - .accessibilityhidden in login.css & login_ar.css */
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  left: 0 !important;
}
.appian-context-browser-edge .VirtualUserProfileLayout---accessibilityhidden {
  font-size: 0 !important;
}
.VirtualUserProfileLayout---current_user_avatar {
  /****** wrapper style ******/
  position: relative !important;
  font-size: 0 !important;
  /****** button style (which is an <a>) ******/
  /****** avatar image/initial style ******/
}
.VirtualUserProfileLayout---current_user_avatar a {
  display: inline-block !important;
  margin-top: 0 !important;
  border-bottom: none !important;
  overflow: visible !important;
}
.VirtualUserProfileLayout---current_user_avatar.VirtualUserProfileLayout---inTempoSiteHeaderLayout a:focus:not([data-appian-ux-mouse-focus]) {
  position: relative !important;
}
.VirtualUserProfileLayout---current_user_avatar.VirtualUserProfileLayout---inTempoSiteHeaderLayout a:focus:not([data-appian-ux-mouse-focus]):before {
  position: absolute !important;
  content: "" !important;
  top: -4px !important;
  left: -4px !important;
  height: calc(100% + 2 * 4px) !important;
  width: calc(100% + 2 * 4px) !important;
  border: 1px solid #ededed !important;
  border-radius: 27px !important;
}
.VirtualUserProfileLayout---current_user_avatar.VirtualUserProfileLayout---inNavigationHeaderLayout a:focus:not([data-appian-ux-mouse-focus]) {
  position: relative !important;
}
.VirtualUserProfileLayout---current_user_avatar.VirtualUserProfileLayout---inNavigationHeaderLayout a:focus:not([data-appian-ux-mouse-focus]):before {
  position: absolute !important;
  content: "" !important;
  top: -4px !important;
  left: -4px !important;
  height: calc(100% + 2 * 4px) !important;
  width: calc(100% + 2 * 4px) !important;
  border: 1px solid #ededed !important;
  border-radius: 27px !important;
}
.VirtualUserProfileLayout---current_user_avatar.VirtualUserProfileLayout---inNavigationHeaderLayout.VirtualUserProfileLayout---inExpandedSidebar {
  /* 0.2857rem matches semi_rounded button border radius */
}
.VirtualUserProfileLayout---current_user_avatar.VirtualUserProfileLayout---inNavigationHeaderLayout.VirtualUserProfileLayout---inExpandedSidebar a:focus:not([data-appian-ux-mouse-focus]) {
  position: relative !important;
}
.VirtualUserProfileLayout---current_user_avatar.VirtualUserProfileLayout---inNavigationHeaderLayout.VirtualUserProfileLayout---inExpandedSidebar a:focus:not([data-appian-ux-mouse-focus]):before {
  position: absolute !important;
  content: "" !important;
  top: -3px !important;
  left: -3px !important;
  height: calc(100% + 2 * 3px) !important;
  width: calc(100% + 2 * 3px) !important;
  border: 1px solid #ededed !important;
  border-radius: 0.2857rem !important;
}
.VirtualUserProfileLayout---current_user_avatar.VirtualUserProfileLayout---inNavigationHeaderLayout.VirtualUserProfileLayout---inCollapsedSidebar a:focus:not([data-appian-ux-mouse-focus]) {
  position: relative !important;
}
.VirtualUserProfileLayout---current_user_avatar.VirtualUserProfileLayout---inNavigationHeaderLayout.VirtualUserProfileLayout---inCollapsedSidebar a:focus:not([data-appian-ux-mouse-focus]):before {
  position: absolute !important;
  content: "" !important;
  top: -4px !important;
  left: -4px !important;
  height: calc(100% + 2 * 4px) !important;
  width: calc(100% + 2 * 4px) !important;
  border: 1px solid #ededed !important;
  border-radius: 22px !important;
}
.VirtualUserProfileLayout---current_user_avatar.VirtualUserProfileLayout---inApplicationHeaderLayout a:focus:not([data-appian-ux-mouse-focus]) {
  position: relative !important;
}
.VirtualUserProfileLayout---current_user_avatar.VirtualUserProfileLayout---inApplicationHeaderLayout a:focus:not([data-appian-ux-mouse-focus]):before {
  position: absolute !important;
  content: "" !important;
  top: -4px !important;
  left: -4px !important;
  height: calc(100% + 2 * 4px) !important;
  width: calc(100% + 2 * 4px) !important;
  border: 1px solid #fff !important;
  border-radius: 21px !important;
}
.VirtualUserProfileLayout---current_user_avatar.VirtualUserProfileLayout---inApplicationHeaderLayout.VirtualUserProfileLayout---inLightBackground a:focus:not([data-appian-ux-mouse-focus]) {
  position: relative !important;
}
.VirtualUserProfileLayout---current_user_avatar.VirtualUserProfileLayout---inApplicationHeaderLayout.VirtualUserProfileLayout---inLightBackground a:focus:not([data-appian-ux-mouse-focus]):before {
  position: absolute !important;
  content: "" !important;
  top: -4px !important;
  left: -4px !important;
  height: calc(100% + 2 * 4px) !important;
  width: calc(100% + 2 * 4px) !important;
  border: 1px solid #1d659c !important;
  border-radius: 21px !important;
}
.VirtualUserProfileLayout---current_user_avatar .VirtualUserProfileLayout---avatar_initials_circle,
.VirtualUserProfileLayout---current_user_avatar .VirtualUserProfileLayout---avatar_image {
  height: 36px !important;
  width: 36px !important;
  border-radius: 18px !important;
}
.VirtualUserProfileLayout---current_user_avatar:not(.VirtualUserProfileLayout---inExpandedSidebar) a:hover .VirtualUserProfileLayout---avatar_initials_circle,
.VirtualUserProfileLayout---current_user_avatar:not(.VirtualUserProfileLayout---inExpandedSidebar) a:hover .VirtualUserProfileLayout---avatar_image {
  -webkit-transform: scaleX(1.04) scaleY(1.04) !important;
          transform: scaleX(1.04) scaleY(1.04) !important;
}
.VirtualUserProfileLayout---current_user_avatar .VirtualUserProfileLayout---avatar_initials_circle {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  background-color: #ffffffb3 !important;
}
.VirtualUserProfileLayout---current_user_avatar .VirtualUserProfileLayout---avatar_initials_circle .VirtualUserProfileLayout---avatar_initials_text {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #2e2e35 !important;
}
.VirtualUserProfileLayout---current_user_avatar .VirtualUserProfileLayout---avatar_image {
  display: inline-block !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
}
.VirtualUserProfileLayout---current_user_avatar:not(.VirtualUserProfileLayout---inApplicationHeaderLayout) .VirtualUserProfileLayout---avatar_image {
  border: 1px solid #ededed !important;
}
.VirtualUserProfileLayout---current_user_avatar:not(.VirtualUserProfileLayout---inApplicationHeaderLayout) .VirtualUserProfileLayout---avatar_initials_circle {
  border: 1px solid #00000026 !important;
}
.VirtualUserProfileLayout---current_user_avatar.VirtualUserProfileLayout---inApplicationHeaderLayout .VirtualUserProfileLayout---avatar_initials_circle,
.VirtualUserProfileLayout---current_user_avatar.VirtualUserProfileLayout---inApplicationHeaderLayout .VirtualUserProfileLayout---avatar_image {
  border: 1px solid #fff !important;
}
.VirtualUserProfileLayout---current_user_avatar.VirtualUserProfileLayout---inApplicationHeaderLayout.VirtualUserProfileLayout---inLightBackground .VirtualUserProfileLayout---avatar_initials_circle,
.VirtualUserProfileLayout---current_user_avatar.VirtualUserProfileLayout---inApplicationHeaderLayout.VirtualUserProfileLayout---inLightBackground .VirtualUserProfileLayout---avatar_image {
  border-color: #ccc !important;
}
@-webkit-keyframes VirtualUserProfileLayout---fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes VirtualUserProfileLayout---fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.VirtualUserProfileLayout---current_user_menu_popup {
  position: relative !important;
  top: 0 !important;
  right: 0 !important;
  z-index: 2000022 !important;
  width: 242px !important;
  padding: 20px 0 13px 0 !important;
  background-color: #fbfbfb !important;
  border-radius: 2px !important;
  outline: none !important;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2) !important;
  -webkit-animation: VirtualUserProfileLayout---fadeIn 200ms !important;
          animation: VirtualUserProfileLayout---fadeIn 200ms !important;
  border: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.VirtualUserProfileLayout---current_user_menu_popup.VirtualUserProfileLayout---inApplicationHeaderLayout:not(.VirtualUserProfileLayout---inProcessHQ) {
  background-color: var(--appian-app-header-background-color, #020a51) !important;
  border-color: #7781bd !important;
}
@media only screen and (max-width: 480px), screen and (max-height: 480px) and (max-width: 1024px) {
  .VirtualUserProfileLayout---current_user_menu_popup.VirtualUserProfileLayout---inNavigationHeaderLayout {
    top: -7px !important;
  }
}
.VirtualUserProfileLayout---inProcessHQ.VirtualUserProfileLayout---inDarkBackground.VirtualUserProfileLayout---current_user_menu_popup {
  background-color: var(--appian-pop-up-menu-color, #f0f0f0) !important;
  border-color: var(--appian-input-border-color, #ccc) !important;
}
.VirtualUserProfileLayout---current_user_avatar > a {
  position: relative !important;
  outline: none !important;
  cursor: pointer !important;
}
.VirtualUserProfileLayout---current_userid {
  padding: 0 20px 14px 20px !important;
  margin-bottom: 7px !important;
  color: var(--appian-text-color, #222) !important;
  border-bottom: 1px solid var(--appian-input-border-color-hc, var(--appian-input-border-color, #ddd)) !important;
}
.VirtualUserProfileLayout---current_user_menu_popup.VirtualUserProfileLayout---inApplicationHeaderLayout:not(.VirtualUserProfileLayout---inProcessHQ) .VirtualUserProfileLayout---current_userid {
  color: #eee !important;
  border-color: #7781bd !important;
}
.VirtualUserProfileLayout---current_userid .VirtualUserProfileLayout---display_name,
.VirtualUserProfileLayout---current_userid .VirtualUserProfileLayout---username {
  display: block !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
.VirtualUserProfileLayout---current_userid .VirtualUserProfileLayout---display_name {
  font-size: 15px !important;
  font-weight: 600 !important;
}
.VirtualUserProfileLayout---current_userid .VirtualUserProfileLayout---username {
  font-size: 13px !important;
}
.VirtualUserProfileLayout---current_user_actions {
  display: block !important;
}
.VirtualUserProfileLayout---show_name_next_to_avatar a {
  padding: 4px 10px !important;
  margin: 7px 34px 7px 7px !important;
  /* sum of margin and padding match the margin and padding in the @side-bar-collapse-animations-user-profile mixin */
  border-radius: 0.2857rem !important;
  /* matches semi_rounded button border radius */
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.VirtualUserProfileLayout---show_name_next_to_avatar.VirtualUserProfileLayout---inExpandedSidebar a:hover {
  background-color: #35556a !important;
  cursor: pointer !important;
}
.VirtualUserProfileLayout---show_name_next_to_avatar .VirtualUserProfileLayout---avatar_image,
.VirtualUserProfileLayout---show_name_next_to_avatar .VirtualUserProfileLayout---avatar_initials_circle {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
}
.VirtualUserProfileLayout---show_name_next_to_avatar .VirtualUserProfileLayout---user_name_overflow_wrapper {
  width: 100% !important;
  overflow: hidden !important;
}
.VirtualUserProfileLayout---show_name_next_to_avatar .VirtualUserProfileLayout---user_name_overflow_wrapper span.VirtualUserProfileLayout---user_name {
  display: block !important;
  width: 153px !important;
  font-size: 0.9286rem !important;
  color: #ededed !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding-left: 10px !important;
}
.VirtualUserProfileLayout---show_name_next_to_avatar a .VirtualUserProfileLayout---user_name {
  opacity: 1 !important;
  -webkit-transition: opacity 250ms ease-in-out !important;
  transition: opacity 250ms ease-in-out !important;
}
.VirtualUserProfileLayout---show_name_next_to_avatar.VirtualUserProfileLayout---inCollapsedSideBar a {
  margin: 11px 17px !important;
  padding: 0 !important;
  border-radius: 19px !important;
  -webkit-transition: border-radius 0ms ease-in-out 250ms, margin 0ms ease-in-out 250ms, padding 0ms ease-in-out 250ms !important;
  transition: border-radius 0ms ease-in-out 250ms, margin 0ms ease-in-out 250ms, padding 0ms ease-in-out 250ms !important;
}
.VirtualUserProfileLayout---show_name_next_to_avatar.VirtualUserProfileLayout---inCollapsedSideBar a .VirtualUserProfileLayout---user_name {
  opacity: 0 !important;
}
/* stylelint-disable-next-line prettier/prettier */

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.WebContentWidget---webcontent {
  height: 100% !important;
  width: 100% !important;
  overflow: auto !important;
  border: none !important;
  display: block !important;
  visibility: hidden !important;
}
.WebContentWidget---webcontent.WebContentWidget---height_short {
  height: 280px !important;
  overflow: auto !important;
}
.WebContentWidget---webcontent.WebContentWidget---height_medium {
  height: 490px !important;
  overflow: auto !important;
}
.WebContentWidget---webcontent.WebContentWidget---height_tall {
  height: 840px !important;
  overflow: auto !important;
}
.WebContentWidget---webcontent.WebContentWidget---working {
  visibility: visible !important;
}
.WebContentWidget---webcontent.WebContentWidget---auto {
  overflow: hidden !important;
}
.WebContentWidget---webcontent.WebContentWidget---border {
  border: 1px solid var(--appian-container-border-color, #d4d4d4) !important;
}
.WebContentWidget---webcontent.WebContentWidget---border.WebContentWidget---inDarkBackground {
  border-color: var(--appian-container-border-color, #d4d4d4) !important;
}
.WebContentWidget---placeholder {
  background-color: #e3e3e3 !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.WebContentWidget---placeholder svg.WebContentWidget---placeholder_icon {
  fill: #7a7a7a !important;
  width: 100px !important;
  height: 100px !important;
}
.WebContentWidget---testImage {
  position: fixed !important;
  visibility: hidden !important;
}
.WebContentWidget---webcontent.WebContentWidget---wrapping_div {
  position: relative !important;
  overflow: visible !important;
}
.WebContentWidget---webcontent.WebContentWidget---wrapping_div.WebContentWidget---disabled {
  overflow: hidden !important;
}
.WebContentWidget---webcontent.WebContentWidget---pointer_events {
  pointer-events: none !important;
}
.WebContentWidget---disabled_webcontent_glass {
  background-color: #fff !important;
  opacity: 0.75 !important;
  z-index: 2 !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  height: 100% !important;
  width: 100% !important;
  min-height: 100% !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.appian-context-component-selector {
  position: relative !important;
}
.XrayComponentSelector---absolute {
  position: absolute !important;
}
.XrayComponentSelector---wrapper {
  position: absolute !important;
  top: -2px !important;
  left: -2px !important;
  bottom: -2px !important;
  right: -2px !important;
  border: 2px solid transparent !important;
  pointer-events: none !important;
}
.XrayComponentSelector---wrapper.XrayComponentSelector---insetSideBorders {
  left: 0 !important;
  right: 0 !important;
}
.XrayComponentSelector---wrapper.XrayComponentSelector---insetTopBorder {
  top: 0 !important;
}
.XrayComponentSelector---wrapper.XrayComponentSelector---highlighted {
  border-color: #2376cd !important;
  z-index: 2000002 !important;
}
.XrayComponentSelector---wrapper.XrayComponentSelector---selector {
  border-color: #ff2285 !important;
  z-index: 2000003 !important;
}
.XrayComponentSelector---wrapper.XrayComponentSelector---outerComponent {
  border-color: #888 !important;
  z-index: 2000001 !important;
}
.appian-context-component-selector-list-drop > .XrayComponentSelector---wrapper {
  border-style: dotted !important;
  border-color: #888 !important;
  z-index: 2000004 !important;
}
div.XrayComponentSelector---overlay_label_container {
  display: none !important;
  pointer-events: none !important;
  position: absolute !important;
  top: -1.5rem !important;
  left: -0.1429rem !important;
  font-size: 0.8571rem !important;
  line-height: 1.5rem !important;
  cursor: default !important;
}
div.XrayComponentSelector---overlay_label_container > p.XrayComponentSelector---overlay_label {
  display: inline-block !important;
  pointer-events: auto !important;
  padding: 0 0.3571rem !important;
  color: #eee !important;
  font-size: 0.8571rem !important;
  line-height: 1.429rem !important;
  white-space: nowrap !important;
  vertical-align: top !important;
}
div.XrayComponentSelector---overlay_label_container.XrayComponentSelector---highlighted {
  display: inline !important;
  z-index: 2000006 !important;
}
div.XrayComponentSelector---overlay_label_container.XrayComponentSelector---insetOverlay {
  top: 0 !important;
}
div.XrayComponentSelector---overlay_label_container.XrayComponentSelector---highlighted > p.XrayComponentSelector---overlay_label {
  background-color: #2376cd !important;
}
div.XrayComponentSelector---overlay_label_container.XrayComponentSelector---outerComponent {
  display: inline !important;
  z-index: 2000005 !important;
}
div.XrayComponentSelector---overlay_label_container.XrayComponentSelector---outerComponent > p.XrayComponentSelector---overlay_label {
  background-color: #888 !important;
}
div.XrayComponentSelector---overlay_label_container.XrayComponentSelector---selector {
  display: inline !important;
  z-index: 2000007 !important;
}
div.XrayComponentSelector---overlay_label_container.XrayComponentSelector---selector > p.XrayComponentSelector---overlay_label {
  background-color: #ff2285 !important;
}
div.XrayComponentSelector---overlay_label_container.XrayComponentSelector---highlighted.XrayComponentSelector---isOverlappingWithBounds,
div.XrayComponentSelector---overlay_label_container.XrayComponentSelector---selector.XrayComponentSelector---isOverlappingWithBounds {
  visibility: hidden !important;
  /* use visibility so that subsequent bounds calculations remain accurate */
}
div.XrayComponentSelector---overlay_label_container > p.XrayComponentSelector---overlay_label > .XrayComponentSelector---dropLabel {
  display: none !important;
  /* keep the drop label hidden when showing a highlight/selection label */
}
.appian-context-component-selector-list-drop > div.XrayComponentSelector---overlay_label_container {
  display: inline !important;
  z-index: 2000008 !important;
}
.appian-context-component-selector-list-drop > div.XrayComponentSelector---overlay_label_container > p.XrayComponentSelector---overlay_label {
  color: #eee !important;
  background-color: #888 !important;
}
.appian-context-component-selector-list-drop > div.XrayComponentSelector---overlay_label_container > p.XrayComponentSelector---overlay_label > .XrayComponentSelector---selectionLabel {
  display: none !important;
}
div.XrayComponentSelector---overlay_label_container .XrayComponentSelector---selectionLabel.XrayComponentSelector---selectionLabelRule {
  position: relative !important;
}
div.XrayComponentSelector---overlay_label_container .XrayComponentSelector---selectionLabel.XrayComponentSelector---selectionLabelRule:after {
  content: "" !important;
  display: block !important;
  border-bottom: 1px dotted #eee !important;
  position: absolute !important;
  bottom: 2px !important;
  height: 1px !important;
  width: 100% !important;
}
div.XrayComponentSelector---overlay_label_container .XrayComponentSelector---selectionLabel.XrayComponentSelector---selectionLabelRule:hover {
  cursor: pointer !important;
}
div.XrayComponentSelector---overlay_label_container .XrayComponentSelector---selectionLabel.XrayComponentSelector---selectionLabelRule:hover:after {
  border-bottom-style: solid !important;
}
.appian-context-component-selector-list-drop > div.XrayComponentSelector---overlay_label_container > p.XrayComponentSelector---overlay_label > .XrayComponentSelector---dropLabel {
  display: inline !important;
}
.appian-context-component-selector-list-drop > div.XrayComponentSelector---overlay_label_container > p.XrayComponentSelector---overlay_label > .XrayComponentSelector---dropLabel > .XrayComponentSelector---dropIcon {
  font-size: 1.1429rem !important;
  font-style: normal !important;
  line-height: 1.1429rem !important;
  margin-right: 2px !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
.appian-context-component-selector-list-drop > div.XrayComponentSelector---overlay_label_container > p.XrayComponentSelector---overlay_label > .XrayComponentSelector---dropLabel > .XrayComponentSelector---dropIcon:before {
  content: "\21E2" !important;
  /* unicode dashed arrow icon */
  /*rtl:raw:
  content: "\21E0"; */
  position: relative !important;
}
.appian-context-os-mac .appian-context-component-selector-list-drop > div.XrayComponentSelector---overlay_label_container > p.XrayComponentSelector---overlay_label > .XrayComponentSelector---dropLabel > .XrayComponentSelector---dropIcon:before {
  top: 1px !important;
}
@-webkit-keyframes XrayComponentSelector---slideInBottom {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes XrayComponentSelector---slideInBottom {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes XrayComponentSelector---slideInTop {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes XrayComponentSelector---slideInTop {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.XrayComponentSelectionManager---wrapper {
  position: relative !important;
}
.XrayComponentSelectionManager---fill_height {
  height: 100% !important;
}
.XrayComponentSelectionManager---outer_padding {
  padding: 0px 2px !important;
}
.XrayComponentSelectionManager---xray_banner {
  background-color: #ecf4ff !important;
  right: -2px !important;
  position: relative !important;
}
.XrayComponentSelectionManager---xray_banner_text {
  font-size: 0.8571rem !important;
  line-height: 1.5rem !important;
  text-align: center !important;
}
.XrayComponentSelectionManager---xray_banner_open_site {
  position: absolute !important;
  top: 0 !important;
  right: 5px !important;
}
.XrayComponentSelectionManager---xray_open_site_text {
  color: #2322f0 !important;
}
.XrayComponentSelectionManager---xray_open_site_text:active {
  color: #2322f0 !important;
}
.XrayComponentSelectionManager---xray_banner_icon {
  height: 0.8571rem !important;
  margin-left: 5px !important;
  color: #2322f0 !important;
}
.XrayComponentSelectionManager---xray_banner_blank {
  height: 0.75rem !important;
}

.MissingComponent---missing {
  background-color: #ff0 !important;
  color: #c00 !important;
  font-weight: bold !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
html {
  font-size: 14px !important;
  line-height: 1.4 !important;
  box-sizing: border-box !important;
}
body {
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
  margin: 0 !important;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  background-color: #f0f0f0 !important;
}
.appian-context-os-ios body {
  font-family: -apple-system, "Appian Open Sans", Sans-Serif !important;
}
.appian-context-os-android body {
  font-family: "Roboto", "Appian Open Sans", Sans-Serif !important;
}
*,
*:before,
*:after {
  box-sizing: inherit !important;
}
@media print {
  body {
    background-color: #fff !important;
  }
  html {
    font-size: 9px !important;
  }
}
.PortalsApp---page_layout {
  background-color: #fff !important;
  min-height: 100vh !important;
}

/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.portals-entryPoint---banner {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  top: 48px !important;
  text-align: center !important;
  z-index: 2000025 !important;
  pointer-events: none !important;
}

.Html403Page---appian_html_error {
  margin: 0 !important;
  padding: 0 !important;
}
.Html403Page---appian_body_error {
  background-color: #f0f0f0 !important;
  overflow: hidden !important;
}
.Html403Page---error_content {
  position: absolute !important;
  top: 40% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -60%) !important;
          transform: translate(-50%, -60%) !important;
  width: 90% !important;
  max-width: 540px !important;
  display: inline-block !important;
  border: 1px solid #d4d4d4 !important;
  background-color: #fff !important;
  padding: 18px 24px !important;
  box-sizing: border-box !important;
}
@media only screen and (max-width: 600px) {
  .Html403Page---appian_body_error {
    background-color: #fff !important;
  }
  .Html403Page---error_content {
    max-width: none !important;
    width: 100% !important;
    border-color: #fff !important;
    position: static !important;
    -webkit-transform: none !important;
            transform: none !important;
  }
}
.Html403Page---error_code {
  margin: 0 0 2px 2px !important;
  color: #888 !important;
  font-size: 13px !important;
  line-height: 1 !important;
}
h1.Html403Page---error_title {
  font-size: 30px !important;
  font-weight: 600 !important;
  color: #1d659c !important;
  margin: 0 0 10px !important;
  line-height: 1.1 !important;
}
p.Html403Page---error_message:last-child {
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: #222222 !important;
  word-wrap: break-word !important;
  margin: 14px 0 !important;
}

/* For integrating with the RTL plugin for proper RTL styling in less files */
/* if this value changes, also update constant in themingManager.web.js and @loading-bar-color */
/* needs rem unit for a calculation in btn-padding-derived() below and in FileUploadWidget.less MultipleFileUploadWidget.less */
/* needs rem unit for calculation in FileUploadWidget.less MultipleFileUploadWidget.less */
/* used to establish a local stacking context */
/* needs px unit for a calculation in SitesApp.less */
/* border color for inputs and dialogs */
/* outline of checkboxes and radio buttons */
/* border color for containers (e.g., card, box, web content, message, hierarchy, content, document viewer, ) */
/* divider color for section and column dividers */
/* use directly when container background color is fixed and not dependent on the configurable page bg color */
/* instructions, secondary button, milestone etc. */
/* counterpart to destructive color for indicating positive trends */
/* for text, etc. that appears on top of an accent color bg, like primary button labels */
/* for accent-colored text on light or dark backgrounds and overlays */
/* for disabled text, etc. that appears on top of an accent color bg, like disabled primary button labels */
/* alt grid row, news feed background */
/* subtle border color for containers (e.g. tab group) */
/* Used for tabbing to selected TagItem */
/* dark accent color */
/* AN-146474: positions modal outside of the z-index order in IE11 to fix bug with doc viewer showing above the modal */
/* for the buttons to expand/collapse panes in SplitPaneLayout and VirtualPane */
/* for the triangle in corner of grid cells with validations */
/* component selector breadcrumb */
/* for SAIL DX: Needs to be over the UI (including nav bar) but under modals */
/* for stacked modals not currently on top, under the glass */
/* the glass to isolate top modal */
/* listboxes, date picker, autosuggest, color picker */
/* tooltips, hovercards */
/* the top most modal dialog, confirmation prompt */
/* listboxes, date picker, autosuggest, color picker in modals */
/* tooltips, hovercards in modals */
/* loading bar, banner, skip nav link */
/* session timeout backdrop */
/* session timeout modal */
/* only for embedded authentication modal */
/* For the DragNDrop drag preview */
/* There are two possible margin-standard values for components */
/* CardLayout, BillboardLayout, BoxLayout, SectionLayout2, CarouselLayout */
/* ButtonLayout, FieldLayout, MultiColumnLayout */
/* These correspond to values in ColumnLayoutUtils.js */
/* needs px unit for a calculation in columns.less */
/* Button */
/* Card Layout */
/* Checkbox Group */
/* Code Mirror */
/* Date Picker */
/* File Upload */
/* Grids */
/* Grid Footer */
/* Hierarchy Field Node */
/* Inputs */
/* Multiple Dropdown Widget */
/* Multiple File Upload Widget */
/* Relationship Diagram Widget */
/* Rich Text: Design Time */
/* Section Layout 2 */
/* Interface Designer SVG's */
/* Live View Placeholder */
/* Dropped Preview Spinner */
/* Accordion Layout */
/* Picker Dialog Components */
/* Designer Guidance */
.SailDndDragPreviewManager---sailcontents {
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-family: "Appian Open Sans"/*{{/@typeface}}*/, Sans-Serif !important;
  box-sizing: border-box !important;
  direction: ltr !important;
}
.appian-context-os-ios .SailDndDragPreviewManager---sailcontents {
  font-family: -apple-system, "Appian Open Sans", Sans-Serif !important;
}
.appian-context-os-android .SailDndDragPreviewManager---sailcontents {
  font-family: "Roboto", "Appian Open Sans", Sans-Serif !important;
}
.SailDndDragPreviewManager---sailcontents *,
.SailDndDragPreviewManager---sailcontents *:before,
.SailDndDragPreviewManager---sailcontents *:after {
  box-sizing: inherit !important;
}
.SailDndDragPreviewManager---auto_focus {
  outline: none !important;
}
@media print {
  .SailDndDragPreviewManager---sailcontents {
    font-size: 9px !important;
  }
}

.middleware-sailDnd-generic-DOMManipulation---drop_hovered {
  height: 100% !important;
  width: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  background-color: rgba(0, 0, 0, 0.04) !important;
  pointer-events: none !important;
}
.middleware-sailDnd-generic-DOMManipulation---grabbing_cursor {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}
.middleware-sailDnd-generic-DOMManipulation---copy_cursor {
  cursor: copy !important;
}
.middleware-sailDnd-generic-DOMManipulation---move_cursor {
  cursor: move !important;
}
.middleware-sailDnd-generic-DOMManipulation---no_drop_cursor {
  cursor: no-drop !important;
}
.middleware-sailDnd-generic-DOMManipulation---fade {
  opacity: 0.2 !important;
}