@ux-aspects/ux-aspects/styles/ux-aspects.css

Open source user interface framework for building modern, responsive, mobile big data applications

/*
 * @ux-aspects/ux-aspects - v12.0.0
 * © Copyright 2025 Open Text. All Rights Reserved. Trademarks owned by Open Text
 */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear,opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
@keyframes cdk-text-field-autofill-start {
  /*!*/
}
@keyframes cdk-text-field-autofill-end {
  /*!*/
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
.focus-outline {
  outline: 2px dotted;
  outline: auto -webkit-focus-ring-color;
  outline-color: #00a7a2;
  outline-offset: 0;
}
.native-focus-outline:not(.ux-focus-indicator) {
  outline: 2px dotted;
  outline: auto -webkit-focus-ring-color;
  outline-color: #00a7a2;
  outline-offset: 0;
}
html {
  height: 100%;
  -ms-overflow-style: scrollbar;
  font-size: 16px;
}
body {
  color: #676a6c;
  font-size: 1rem;
  font-family: 'Source Sans Pro';
  position: relative;
  font-weight: 400;
}
html,
body,
.wrapper {
  min-height: 100%;
}
code {
  font-size: 75%;
}
td > code {
  word-break: break-word;
}
a:hover,
a:focus {
  text-decoration: none;
  cursor: pointer;
}
.page-content {
  margin-left: 240px;
  min-height: 100%;
}
.container-max {
  max-width: 1000px;
}
.container-left {
  margin-left: 0;
}
.container-right {
  margin-right: 0;
}
.row-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e7eaec;
}
.form-control,
.form-control:focus,
.has-error .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.navbar-collapse,
.navbar-form,
.navbar-form-custom .form-control:focus,
.navbar-form-custom .form-control:hover,
.open .btn.dropdown-toggle,
.panel,
.popover,
.progress,
.progress-bar {
  box-shadow: none;
}
.wrapper-content {
  padding: 20px 20px 40px;
}
.page-heading {
  width: 100%;
  padding: 9px 0 2px 23px;
  z-index: 0;
}
ul.unstyled,
ol.unstyled {
  list-style: none outside none;
  margin-left: 0;
}
.aspects-focus-outline:focus:not(.ux-focus-indicator) {
  outline: 2px dotted;
  outline: auto -webkit-focus-ring-color;
  outline-color: #00a7a2;
  outline-offset: 0;
}
/* Plunker */
body > div#ux-plunker-container {
  padding: 15px;
  margin-right: auto;
  margin-left: auto;
}
@font-face {
  font-family: 'ux-icons';
  src: url('../fonts/ux-icons.woff') format('woff'), url('../fonts/ux-icons.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.ux-icon {
  font-family: 'ux-icons';
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ux-icon-3d:before {
  content: '\f101';
}
.ux-icon-achievement:before {
  content: '\f102';
}
.ux-icon-action:before {
  content: '\f103';
}
.ux-icon-actions:before {
  content: '\f104';
}
.ux-icon-active:before {
  content: '\f105';
}
.ux-icon-add:before {
  content: '\f106';
}
.ux-icon-address-book:before {
  content: '\f107';
}
.ux-icon-advanced-search:before {
  content: '\f108';
}
.ux-icon-aggregate:before {
  content: '\f109';
}
.ux-icon-alarm:before {
  content: '\f10a';
}
.ux-icon-alert-filled:before {
  content: '\f10b';
}
.ux-icon-alert:before {
  content: '\f10c';
}
.ux-icon-analytics:before {
  content: '\f10d';
}
.ux-icon-announcement:before {
  content: '\f10e';
}
.ux-icon-app:before {
  content: '\f10f';
}
.ux-icon-archive:before {
  content: '\f110';
}
.ux-icon-article:before {
  content: '\f111';
}
.ux-icon-ascend:before {
  content: '\f112';
}
.ux-icon-assistant:before {
  content: '\f113';
}
.ux-icon-attachment:before {
  content: '\f114';
}
.ux-icon-bar-chart:before {
  content: '\f115';
}
.ux-icon-blog:before {
  content: '\f116';
}
.ux-icon-bloomberg:before {
  content: '\f117';
}
.ux-icon-book:before {
  content: '\f118';
}
.ux-icon-bookmark-filled:before {
  content: '\f119';
}
.ux-icon-bookmark:before {
  content: '\f11a';
}
.ux-icon-bundle:before {
  content: '\f11b';
}
.ux-icon-calculator:before {
  content: '\f11c';
}
.ux-icon-calendar:before {
  content: '\f11d';
}
.ux-icon-camera-filled:before {
  content: '\f11e';
}
.ux-icon-camera:before {
  content: '\f11f';
}
.ux-icon-capacity:before {
  content: '\f120';
}
.ux-icon-caret-down-filled:before {
  content: '\f121';
}
.ux-icon-caret-down:before {
  content: '\f122';
}
.ux-icon-caret-next-filled:before {
  content: '\f123';
}
.ux-icon-caret-next:before {
  content: '\f124';
}
.ux-icon-caret-previous-filled:before {
  content: '\f125';
}
.ux-icon-caret-previous:before {
  content: '\f126';
}
.ux-icon-caret-up-filled:before {
  content: '\f127';
}
.ux-icon-caret-up:before {
  content: '\f128';
}
.ux-icon-catalog:before {
  content: '\f129';
}
.ux-icon-change-password:before {
  content: '\f12a';
}
.ux-icon-chapter-add:before {
  content: '\f12b';
}
.ux-icon-chapter-next-filled:before {
  content: '\f12c';
}
.ux-icon-chapter-next:before {
  content: '\f12d';
}
.ux-icon-chapter-previous-filled:before {
  content: '\f12e';
}
.ux-icon-chapter-previous:before {
  content: '\f12f';
}
.ux-icon-chart-organization:before {
  content: '\f130';
}
.ux-icon-chart-partition:before {
  content: '\f131';
}
.ux-icon-chart-sankey:before {
  content: '\f132';
}
.ux-icon-chat-attachment:before {
  content: '\f133';
}
.ux-icon-chat:before {
  content: '\f134';
}
.ux-icon-checkbox-selected:before {
  content: '\f135';
}
.ux-icon-checkbox:before {
  content: '\f136';
}
.ux-icon-checkmark:before {
  content: '\f137';
}
.ux-icon-chevron-down:before {
  content: '\f138';
}
.ux-icon-chevron-left-double:before {
  content: '\f139';
}
.ux-icon-chevron-left:before {
  content: '\f13a';
}
.ux-icon-chevron-right-double:before {
  content: '\f13b';
}
.ux-icon-chevron-right:before {
  content: '\f13c';
}
.ux-icon-chevron-up:before {
  content: '\f13d';
}
.ux-icon-chorus:before {
  content: '\f13e';
}
.ux-icon-circular-view:before {
  content: '\f13f';
}
.ux-icon-clipboard:before {
  content: '\f140';
}
.ux-icon-clone:before {
  content: '\f141';
}
.ux-icon-close:before {
  content: '\f142';
}
.ux-icon-cloud-computer:before {
  content: '\f143';
}
.ux-icon-cloud-download:before {
  content: '\f144';
}
.ux-icon-cloud-software:before {
  content: '\f145';
}
.ux-icon-cloud-upload:before {
  content: '\f146';
}
.ux-icon-cloud:before {
  content: '\f147';
}
.ux-icon-cluster:before {
  content: '\f148';
}
.ux-icon-code:before {
  content: '\f149';
}
.ux-icon-command-line:before {
  content: '\f14a';
}
.ux-icon-compare:before {
  content: '\f14b';
}
.ux-icon-compass:before {
  content: '\f14c';
}
.ux-icon-compliance:before {
  content: '\f14d';
}
.ux-icon-computer-personal:before {
  content: '\f14e';
}
.ux-icon-configuration-filled:before {
  content: '\f14f';
}
.ux-icon-configuration:before {
  content: '\f150';
}
.ux-icon-confluence:before {
  content: '\f151';
}
.ux-icon-connect:before {
  content: '\f152';
}
.ux-icon-contact-card:before {
  content: '\f153';
}
.ux-icon-contact-us-filled:before {
  content: '\f154';
}
.ux-icon-contact-us:before {
  content: '\f155';
}
.ux-icon-contract:before {
  content: '\f156';
}
.ux-icon-copy:before {
  content: '\f157';
}
.ux-icon-cube-filled:before {
  content: '\f158';
}
.ux-icon-cube:before {
  content: '\f159';
}
.ux-icon-cubes:before {
  content: '\f15a';
}
.ux-icon-cursor-filled:before {
  content: '\f15b';
}
.ux-icon-cursor:before {
  content: '\f15c';
}
.ux-icon-cut:before {
  content: '\f15d';
}
.ux-icon-cycle:before {
  content: '\f15e';
}
.ux-icon-dashboard:before {
  content: '\f15f';
}
.ux-icon-database:before {
  content: '\f160';
}
.ux-icon-defect:before {
  content: '\f161';
}
.ux-icon-deliver:before {
  content: '\f162';
}
.ux-icon-deployment:before {
  content: '\f163';
}
.ux-icon-descend:before {
  content: '\f164';
}
.ux-icon-desktop:before {
  content: '\f165';
}
.ux-icon-detach:before {
  content: '\f166';
}
.ux-icon-directions:before {
  content: '\f167';
}
.ux-icon-dislike-filled:before {
  content: '\f168';
}
.ux-icon-dislike:before {
  content: '\f169';
}
.ux-icon-divide-four:before {
  content: '\f16a';
}
.ux-icon-divide-right:before {
  content: '\f16b';
}
.ux-icon-divide-three:before {
  content: '\f16c';
}
.ux-icon-divide:before {
  content: '\f16d';
}
.ux-icon-document-cloud:before {
  content: '\f16e';
}
.ux-icon-document-compress:before {
  content: '\f16f';
}
.ux-icon-document-config:before {
  content: '\f170';
}
.ux-icon-document-csv:before {
  content: '\f171';
}
.ux-icon-document-data:before {
  content: '\f172';
}
.ux-icon-document-download:before {
  content: '\f173';
}
.ux-icon-document-excel:before {
  content: '\f174';
}
.ux-icon-document-executable:before {
  content: '\f175';
}
.ux-icon-document-html:before {
  content: '\f176';
}
.ux-icon-document-image:before {
  content: '\f177';
}
.ux-icon-document-import:before {
  content: '\f178';
}
.ux-icon-document-locked:before {
  content: '\f179';
}
.ux-icon-document-missing:before {
  content: '\f17a';
}
.ux-icon-document-notes:before {
  content: '\f17b';
}
.ux-icon-document-outlook:before {
  content: '\f17c';
}
.ux-icon-document-pdf:before {
  content: '\f17d';
}
.ux-icon-document-performance:before {
  content: '\f17e';
}
.ux-icon-document-powerpoint:before {
  content: '\f17f';
}
.ux-icon-document-rtf:before {
  content: '\f180';
}
.ux-icon-document-sound:before {
  content: '\f181';
}
.ux-icon-document-test:before {
  content: '\f182';
}
.ux-icon-document-text:before {
  content: '\f183';
}
.ux-icon-document-threat:before {
  content: '\f184';
}
.ux-icon-document-time:before {
  content: '\f185';
}
.ux-icon-document-transfer:before {
  content: '\f186';
}
.ux-icon-document-txt:before {
  content: '\f187';
}
.ux-icon-document-update:before {
  content: '\f188';
}
.ux-icon-document-upload:before {
  content: '\f189';
}
.ux-icon-document-user:before {
  content: '\f18a';
}
.ux-icon-document-verified:before {
  content: '\f18b';
}
.ux-icon-document-video:before {
  content: '\f18c';
}
.ux-icon-document-word:before {
  content: '\f18d';
}
.ux-icon-document:before {
  content: '\f18e';
}
.ux-icon-domain:before {
  content: '\f18f';
}
.ux-icon-down:before {
  content: '\f190';
}
.ux-icon-download:before {
  content: '\f191';
}
.ux-icon-drag:before {
  content: '\f192';
}
.ux-icon-drive-cage:before {
  content: '\f193';
}
.ux-icon-duplicate:before {
  content: '\f194';
}
.ux-icon-edit-filled:before {
  content: '\f195';
}
.ux-icon-edit:before {
  content: '\f196';
}
.ux-icon-efax:before {
  content: '\f197';
}
.ux-icon-eject-filled:before {
  content: '\f198';
}
.ux-icon-eject:before {
  content: '\f199';
}
.ux-icon-expand:before {
  content: '\f19a';
}
.ux-icon-export:before {
  content: '\f19b';
}
.ux-icon-fan:before {
  content: '\f19c';
}
.ux-icon-fast-forward-filled:before {
  content: '\f19d';
}
.ux-icon-fast-forward:before {
  content: '\f19e';
}
.ux-icon-favorite-filled:before {
  content: '\f19f';
}
.ux-icon-favorite:before {
  content: '\f1a0';
}
.ux-icon-filter-filled:before {
  content: '\f1a1';
}
.ux-icon-filter:before {
  content: '\f1a2';
}
.ux-icon-first-aid:before {
  content: '\f1a3';
}
.ux-icon-flag-filled:before {
  content: '\f1a4';
}
.ux-icon-flag:before {
  content: '\f1a5';
}
.ux-icon-folder-cycle:before {
  content: '\f1a6';
}
.ux-icon-folder-open:before {
  content: '\f1a7';
}
.ux-icon-folder:before {
  content: '\f1a8';
}
.ux-icon-gallery-filled:before {
  content: '\f1a9';
}
.ux-icon-gallery:before {
  content: '\f1aa';
}
.ux-icon-globe:before {
  content: '\f1ab';
}
.ux-icon-grid:before {
  content: '\f1ac';
}
.ux-icon-group-add:before {
  content: '\f1ad';
}
.ux-icon-group:before {
  content: '\f1ae';
}
.ux-icon-grow:before {
  content: '\f1af';
}
.ux-icon-halt:before {
  content: '\f1b0';
}
.ux-icon-help-circle:before {
  content: '\f1b1';
}
.ux-icon-help:before {
  content: '\f1b2';
}
.ux-icon-highlighting-remove:before {
  content: '\f1b3';
}
.ux-icon-highlighting:before {
  content: '\f1b4';
}
.ux-icon-history:before {
  content: '\f1b5';
}
.ux-icon-home-filled:before {
  content: '\f1b6';
}
.ux-icon-home:before {
  content: '\f1b7';
}
.ux-icon-host-maintenance:before {
  content: '\f1b8';
}
.ux-icon-host:before {
  content: '\f1b9';
}
.ux-icon-image-filled:before {
  content: '\f1ba';
}
.ux-icon-image:before {
  content: '\f1bb';
}
.ux-icon-impact:before {
  content: '\f1bc';
}
.ux-icon-import:before {
  content: '\f1bd';
}
.ux-icon-in-progress:before {
  content: '\f1be';
}
.ux-icon-inactive:before {
  content: '\f1bf';
}
.ux-icon-inbox:before {
  content: '\f1c0';
}
.ux-icon-indicator-filled:before {
  content: '\f1c1';
}
.ux-icon-indicator:before {
  content: '\f1c2';
}
.ux-icon-information-filled:before {
  content: '\f1c3';
}
.ux-icon-information:before {
  content: '\f1c4';
}
.ux-icon-inherit-filled:before {
  content: '\f1c5';
}
.ux-icon-inherit:before {
  content: '\f1c6';
}
.ux-icon-input-to-process:before {
  content: '\f1c7';
}
.ux-icon-install:before {
  content: '\f1c8';
}
.ux-icon-integration:before {
  content: '\f1c9';
}
.ux-icon-iteration-filled:before {
  content: '\f1ca';
}
.ux-icon-iteration:before {
  content: '\f1cb';
}
.ux-icon-java-filled:before {
  content: '\f1cc';
}
.ux-icon-java:before {
  content: '\f1cd';
}
.ux-icon-language:before {
  content: '\f1ce';
}
.ux-icon-launch:before {
  content: '\f1cf';
}
.ux-icon-license-filled:before {
  content: '\f1d0';
}
.ux-icon-license:before {
  content: '\f1d1';
}
.ux-icon-like-filled:before {
  content: '\f1d2';
}
.ux-icon-like:before {
  content: '\f1d3';
}
.ux-icon-line-chart:before {
  content: '\f1d4';
}
.ux-icon-link-bottom:before {
  content: '\f1d5';
}
.ux-icon-link-down:before {
  content: '\f1d6';
}
.ux-icon-link-next:before {
  content: '\f1d7';
}
.ux-icon-link-previous:before {
  content: '\f1d8';
}
.ux-icon-link-top:before {
  content: '\f1d9';
}
.ux-icon-link-up:before {
  content: '\f1da';
}
.ux-icon-link:before {
  content: '\f1db';
}
.ux-icon-list:before {
  content: '\f1dc';
}
.ux-icon-location-filled:before {
  content: '\f1dd';
}
.ux-icon-location-pin-filled:before {
  content: '\f1de';
}
.ux-icon-location-pin:before {
  content: '\f1df';
}
.ux-icon-location:before {
  content: '\f1e0';
}
.ux-icon-lock:before {
  content: '\f1e1';
}
.ux-icon-login:before {
  content: '\f1e2';
}
.ux-icon-logout:before {
  content: '\f1e3';
}
.ux-icon-mail-attachment:before {
  content: '\f1e4';
}
.ux-icon-mail-filled:before {
  content: '\f1e5';
}
.ux-icon-mail:before {
  content: '\f1e6';
}
.ux-icon-manual:before {
  content: '\f1e7';
}
.ux-icon-map-location:before {
  content: '\f1e8';
}
.ux-icon-map:before {
  content: '\f1e9';
}
.ux-icon-menu:before {
  content: '\f1ea';
}
.ux-icon-microphone-filled:before {
  content: '\f1eb';
}
.ux-icon-microphone:before {
  content: '\f1ec';
}
.ux-icon-monitor:before {
  content: '\f1ed';
}
.ux-icon-more:before {
  content: '\f1ee';
}
.ux-icon-multiple:before {
  content: '\f1ef';
}
.ux-icon-navigate:before {
  content: '\f1f0';
}
.ux-icon-new-window:before {
  content: '\f1f1';
}
.ux-icon-new:before {
  content: '\f1f2';
}
.ux-icon-news-aggregation:before {
  content: '\f1f3';
}
.ux-icon-news-collection:before {
  content: '\f1f4';
}
.ux-icon-news-content:before {
  content: '\f1f5';
}
.ux-icon-news:before {
  content: '\f1f6';
}
.ux-icon-next:before {
  content: '\f1f7';
}
.ux-icon-notes:before {
  content: '\f1f8';
}
.ux-icon-notification-filled:before {
  content: '\f1f9';
}
.ux-icon-notification:before {
  content: '\f1fa';
}
.ux-icon-optimization:before {
  content: '\f1fb';
}
.ux-icon-organization:before {
  content: '\f1fc';
}
.ux-icon-overview:before {
  content: '\f1fd';
}
.ux-icon-pan:before {
  content: '\f1fe';
}
.ux-icon-pause-filled:before {
  content: '\f1ff';
}
.ux-icon-pause:before {
  content: '\f200';
}
.ux-icon-payment-google-wallet:before {
  content: '\f201';
}
.ux-icon-payment-mastercard:before {
  content: '\f202';
}
.ux-icon-payment-paypal:before {
  content: '\f203';
}
.ux-icon-payment-square:before {
  content: '\f204';
}
.ux-icon-payment-visa:before {
  content: '\f205';
}
.ux-icon-pin-filled:before {
  content: '\f206';
}
.ux-icon-pin:before {
  content: '\f207';
}
.ux-icon-plan:before {
  content: '\f208';
}
.ux-icon-platform-apple:before {
  content: '\f209';
}
.ux-icon-platform-chrome:before {
  content: '\f20a';
}
.ux-icon-platform-dropbox:before {
  content: '\f20b';
}
.ux-icon-platform-edge:before {
  content: '\f20c';
}
.ux-icon-platform-firefox:before {
  content: '\f20d';
}
.ux-icon-platform-internet-explorer:before {
  content: '\f20e';
}
.ux-icon-platform-kubernetes:before {
  content: '\f20f';
}
.ux-icon-platform-skype:before {
  content: '\f210';
}
.ux-icon-platform-windows:before {
  content: '\f211';
}
.ux-icon-play-filled:before {
  content: '\f212';
}
.ux-icon-play:before {
  content: '\f213';
}
.ux-icon-power:before {
  content: '\f214';
}
.ux-icon-previous:before {
  content: '\f215';
}
.ux-icon-print:before {
  content: '\f216';
}
.ux-icon-quick-view:before {
  content: '\f217';
}
.ux-icon-radial-selected:before {
  content: '\f218';
}
.ux-icon-radial:before {
  content: '\f219';
}
.ux-icon-redo:before {
  content: '\f21a';
}
.ux-icon-refresh:before {
  content: '\f21b';
}
.ux-icon-resources:before {
  content: '\f21c';
}
.ux-icon-reuters:before {
  content: '\f21d';
}
.ux-icon-rewind-filled:before {
  content: '\f21e';
}
.ux-icon-rewind:before {
  content: '\f21f';
}
.ux-icon-risk:before {
  content: '\f220';
}
.ux-icon-rss:before {
  content: '\f221';
}
.ux-icon-satellite:before {
  content: '\f222';
}
.ux-icon-save-filled:before {
  content: '\f223';
}
.ux-icon-save:before {
  content: '\f224';
}
.ux-icon-scale-out-repository:before {
  content: '\f225';
}
.ux-icon-schedule-clone:before {
  content: '\f226';
}
.ux-icon-schedule-new:before {
  content: '\f227';
}
.ux-icon-schedule-play:before {
  content: '\f228';
}
.ux-icon-schedule:before {
  content: '\f229';
}
.ux-icon-scorecard:before {
  content: '\f22a';
}
.ux-icon-search:before {
  content: '\f22b';
}
.ux-icon-secure:before {
  content: '\f22c';
}
.ux-icon-select-left:before {
  content: '\f22d';
}
.ux-icon-select:before {
  content: '\f22e';
}
.ux-icon-server-cluster:before {
  content: '\f22f';
}
.ux-icon-server-started:before {
  content: '\f230';
}
.ux-icon-server:before {
  content: '\f231';
}
.ux-icon-servers:before {
  content: '\f232';
}
.ux-icon-service-business:before {
  content: '\f233';
}
.ux-icon-service-start:before {
  content: '\f234';
}
.ux-icon-share:before {
  content: '\f235';
}
.ux-icon-shield-configure:before {
  content: '\f236';
}
.ux-icon-shield-filled:before {
  content: '\f237';
}
.ux-icon-shield:before {
  content: '\f238';
}
.ux-icon-shift:before {
  content: '\f239';
}
.ux-icon-shop-basket:before {
  content: '\f23a';
}
.ux-icon-shop-cart:before {
  content: '\f23b';
}
.ux-icon-show-less:before {
  content: '\f23c';
}
.ux-icon-show-more:before {
  content: '\f23d';
}
.ux-icon-sms:before {
  content: '\f23e';
}
.ux-icon-soa:before {
  content: '\f23f';
}
.ux-icon-social-cisco-jabber:before {
  content: '\f240';
}
.ux-icon-social-email:before {
  content: '\f241';
}
.ux-icon-social-facebook-workplace:before {
  content: '\f242';
}
.ux-icon-social-facebook:before {
  content: '\f243';
}
.ux-icon-social-github:before {
  content: '\f244';
}
.ux-icon-social-instagram:before {
  content: '\f245';
}
.ux-icon-social-instant-message:before {
  content: '\f246';
}
.ux-icon-social-jira:before {
  content: '\f247';
}
.ux-icon-social-linkedin:before {
  content: '\f248';
}
.ux-icon-social-medium:before {
  content: '\f249';
}
.ux-icon-social-ms-teams:before {
  content: '\f24a';
}
.ux-icon-social-pinterest:before {
  content: '\f24b';
}
.ux-icon-social-reddit:before {
  content: '\f24c';
}
.ux-icon-social-salesforce-filled:before {
  content: '\f24d';
}
.ux-icon-social-salesforce:before {
  content: '\f24e';
}
.ux-icon-social-sharepoint:before {
  content: '\f24f';
}
.ux-icon-social-skype-for-business:before {
  content: '\f250';
}
.ux-icon-social-slack:before {
  content: '\f251';
}
.ux-icon-social-tumblr:before {
  content: '\f252';
}
.ux-icon-social-twitter:before {
  content: '\f253';
}
.ux-icon-social-vimeo:before {
  content: '\f254';
}
.ux-icon-social-we-chat:before {
  content: '\f255';
}
.ux-icon-social-whats-app:before {
  content: '\f256';
}
.ux-icon-social-yammer:before {
  content: '\f257';
}
.ux-icon-social-youtube:before {
  content: '\f258';
}
.ux-icon-social-zoom:before {
  content: '\f259';
}
.ux-icon-sort:before {
  content: '\f25a';
}
.ux-icon-stakeholder:before {
  content: '\f25b';
}
.ux-icon-star-filled:before {
  content: '\f25c';
}
.ux-icon-star-half:before {
  content: '\f25d';
}
.ux-icon-star:before {
  content: '\f25e';
}
.ux-icon-status-approved-filled:before {
  content: '\f25f';
}
.ux-icon-status-error-filled:before {
  content: '\f260';
}
.ux-icon-status-information-filled:before {
  content: '\f261';
}
.ux-icon-status-information:before {
  content: '\f262';
}
.ux-icon-status-warning-filled:before {
  content: '\f263';
}
.ux-icon-steps-filled:before {
  content: '\f264';
}
.ux-icon-steps:before {
  content: '\f265';
}
.ux-icon-storage:before {
  content: '\f266';
}
.ux-icon-street-view-filled:before {
  content: '\f267';
}
.ux-icon-street-view:before {
  content: '\f268';
}
.ux-icon-subtitles:before {
  content: '\f269';
}
.ux-icon-subtract:before {
  content: '\f26a';
}
.ux-icon-support:before {
  content: '\f26b';
}
.ux-icon-symphony:before {
  content: '\f26c';
}
.ux-icon-sync:before {
  content: '\f26d';
}
.ux-icon-system:before {
  content: '\f26e';
}
.ux-icon-tab-next:before {
  content: '\f26f';
}
.ux-icon-tab-previous:before {
  content: '\f270';
}
.ux-icon-tab-up:before {
  content: '\f271';
}
.ux-icon-table-add:before {
  content: '\f272';
}
.ux-icon-table:before {
  content: '\f273';
}
.ux-icon-tag-filled:before {
  content: '\f274';
}
.ux-icon-tag:before {
  content: '\f275';
}
.ux-icon-target:before {
  content: '\f276';
}
.ux-icon-task:before {
  content: '\f277';
}
.ux-icon-template:before {
  content: '\f278';
}
.ux-icon-test-desktop:before {
  content: '\f279';
}
.ux-icon-test:before {
  content: '\f27a';
}
.ux-icon-text-wrap:before {
  content: '\f27b';
}
.ux-icon-threats:before {
  content: '\f27c';
}
.ux-icon-ticket:before {
  content: '\f27d';
}
.ux-icon-tools:before {
  content: '\f27e';
}
.ux-icon-tooltip:before {
  content: '\f27f';
}
.ux-icon-transaction-filled:before {
  content: '\f280';
}
.ux-icon-transaction:before {
  content: '\f281';
}
.ux-icon-translate:before {
  content: '\f282';
}
.ux-icon-trash-filled:before {
  content: '\f283';
}
.ux-icon-trash:before {
  content: '\f284';
}
.ux-icon-tree:before {
  content: '\f285';
}
.ux-icon-trigger:before {
  content: '\f286';
}
.ux-icon-trophy-filled:before {
  content: '\f287';
}
.ux-icon-trophy:before {
  content: '\f288';
}
.ux-icon-troubleshooting:before {
  content: '\f289';
}
.ux-icon-undo:before {
  content: '\f28a';
}
.ux-icon-unlock:before {
  content: '\f28b';
}
.ux-icon-up:before {
  content: '\f28c';
}
.ux-icon-update:before {
  content: '\f28d';
}
.ux-icon-upgrade-filled:before {
  content: '\f28e';
}
.ux-icon-upgrade:before {
  content: '\f28f';
}
.ux-icon-upload:before {
  content: '\f290';
}
.ux-icon-user-add-filled:before {
  content: '\f291';
}
.ux-icon-user-add:before {
  content: '\f292';
}
.ux-icon-user-admin:before {
  content: '\f293';
}
.ux-icon-user-expert:before {
  content: '\f294';
}
.ux-icon-user-female-filled:before {
  content: '\f295';
}
.ux-icon-user-female:before {
  content: '\f296';
}
.ux-icon-user-filled:before {
  content: '\f297';
}
.ux-icon-user-manager:before {
  content: '\f298';
}
.ux-icon-user-new:before {
  content: '\f299';
}
.ux-icon-user-police:before {
  content: '\f29a';
}
.ux-icon-user-settings:before {
  content: '\f29b';
}
.ux-icon-user-worker:before {
  content: '\f29c';
}
.ux-icon-user:before {
  content: '\f29d';
}
.ux-icon-validation-filled:before {
  content: '\f29e';
}
.ux-icon-validation:before {
  content: '\f29f';
}
.ux-icon-video-filled:before {
  content: '\f2a0';
}
.ux-icon-video:before {
  content: '\f2a1';
}
.ux-icon-view-filled:before {
  content: '\f2a2';
}
.ux-icon-view:before {
  content: '\f2a3';
}
.ux-icon-virtual-machine:before {
  content: '\f2a4';
}
.ux-icon-vm-maintenance:before {
  content: '\f2a5';
}
.ux-icon-voltage:before {
  content: '\f2a6';
}
.ux-icon-volume-filled:before {
  content: '\f2a7';
}
.ux-icon-volume-low-filled:before {
  content: '\f2a8';
}
.ux-icon-volume-low:before {
  content: '\f2a9';
}
.ux-icon-volume-mute-filled:before {
  content: '\f2aa';
}
.ux-icon-volume-mute:before {
  content: '\f2ab';
}
.ux-icon-volume:before {
  content: '\f2ac';
}
.ux-icon-vulnerability:before {
  content: '\f2ad';
}
.ux-icon-waypoint-filled:before {
  content: '\f2ae';
}
.ux-icon-waypoint:before {
  content: '\f2af';
}
.ux-icon-workshop:before {
  content: '\f2b0';
}
.ux-icon-zoom-in:before {
  content: '\f2b1';
}
.ux-icon-zoom-out:before {
  content: '\f2b2';
}
.ux-icon {
  vertical-align: baseline;
}
.ux-rotate-90 {
  transform: rotate(90deg);
}
.ux-rotate-180 {
  transform: rotate(180deg);
}
.ux-rotate-270 {
  transform: rotate(270deg);
}
.ux-flip-vertical {
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
.ux-flip-horizontal {
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.ux-fw {
  width: 1.28571429em;
  text-align: center;
}
.ux-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.ux-2x {
  font-size: 2em;
}
.ux-3x {
  font-size: 3em;
}
.ux-4x {
  font-size: 4em;
}
.ux-5x {
  font-size: 5em;
}
.clickable {
  cursor: pointer;
}
.font-bold {
  font-weight: 600;
}
.font-size-small {
  font-size: 0.75rem;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.navigation-white-bg {
  background-color: #fff !important;
}
.listview-document-th {
  width: 35px;
}
.listview-document-bg {
  color: #808080;
  background-color: #ededed;
}
.m-nil {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}
.m-xxs {
  margin-top: 2px;
  margin-right: 4px;
  margin-bottom: 2px;
  margin-left: 4px;
}
.m-xs {
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
}
.m-sm {
  margin-top: 10px;
  margin-right: 10px !important;
  margin-bottom: 10px;
  margin-left: 10px;
}
.m {
  margin-top: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
  margin-left: 15px;
}
.m-md {
  margin-top: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
}
.m-lg {
  margin-top: 30px;
  margin-right: 30px;
  margin-bottom: 30px;
  margin-left: 30px;
}
.m-xl {
  margin-top: 50px;
  margin-right: 50px;
  margin-bottom: 50px;
  margin-left: 50px;
}
.m-t-nil {
  margin-top: 0;
}
.m-r-nil {
  margin-right: 0;
}
.m-b-nil {
  margin-bottom: 0;
}
.m-l-nil {
  margin-left: 0;
}
.m-t-xxs {
  margin-top: 2px;
}
.m-r-xxs {
  margin-right: 4px;
}
.m-b-xxs {
  margin-bottom: 2px;
}
.m-l-xxs {
  margin-left: 4px;
}
.m-t-xs {
  margin-top: 5px;
}
.m-r-xs {
  margin-right: 5px;
}
.m-b-xs {
  margin-bottom: 5px;
}
.m-l-xs {
  margin-left: 5px;
}
.m-t-sm {
  margin-top: 10px;
}
.m-r-sm {
  margin-right: 10px !important;
}
.m-b-sm {
  margin-bottom: 10px;
}
.m-l-sm {
  margin-left: 10px;
}
.m-t {
  margin-top: 15px;
}
.m-r {
  margin-right: 15px;
}
.m-b {
  margin-bottom: 15px;
}
.m-l {
  margin-left: 15px;
}
.m-t-md {
  margin-top: 20px;
}
.m-r-md {
  margin-right: 20px;
}
.m-b-md {
  margin-bottom: 20px;
}
.m-l-md {
  margin-left: 20px;
}
.m-t-lg {
  margin-top: 30px;
}
.m-r-lg {
  margin-right: 30px;
}
.m-b-lg {
  margin-bottom: 30px;
}
.m-l-lg {
  margin-left: 30px;
}
.m-t-xl {
  margin-top: 50px;
}
.m-r-xl {
  margin-right: 50px;
}
.m-b-xl {
  margin-bottom: 50px;
}
.m-l-xl {
  margin-left: 50px;
}
.p-nil {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.p-xxs {
  padding-top: 2px;
  padding-right: 4px;
  padding-bottom: 2px;
  padding-left: 4px;
}
.p-xs {
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}
.p-sm {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}
.p {
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
}
.p-md {
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
.p-lg {
  padding-top: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
}
.p-xl {
  padding-top: 50px;
  padding-right: 50px;
  padding-bottom: 50px;
  padding-left: 50px;
}
.p-t-nil {
  padding-top: 0;
}
.p-r-nil {
  padding-right: 0;
}
.p-b-nil {
  padding-bottom: 0;
}
.p-l-nil {
  padding-left: 0;
}
.p-t-xxs {
  padding-top: 2px;
}
.p-r-xxs {
  padding-right: 4px;
}
.p-b-xxs {
  padding-bottom: 2px;
}
.p-l-xxs {
  padding-left: 4px;
}
.p-t-xs {
  padding-top: 5px;
}
.p-r-xs {
  padding-right: 5px;
}
.p-b-xs {
  padding-bottom: 5px;
}
.p-l-xs {
  padding-left: 5px;
}
.p-t-sm {
  padding-top: 10px;
}
.p-r-sm {
  padding-right: 10px;
}
.p-b-sm {
  padding-bottom: 10px;
}
.p-l-sm {
  padding-left: 10px;
}
.p-t {
  padding-top: 15px;
}
.p-r {
  padding-right: 15px;
}
.p-b {
  padding-bottom: 15px;
}
.p-l {
  padding-left: 15px;
}
.p-t-md {
  padding-top: 20px;
}
.p-r-md {
  padding-right: 20px;
}
.p-b-md {
  padding-bottom: 20px;
}
.p-l-md {
  padding-left: 20px;
}
.p-t-lg {
  padding-top: 30px;
}
.p-r-lg {
  padding-right: 30px;
}
.p-b-lg {
  padding-bottom: 30px;
}
.p-l-lg {
  padding-left: 30px;
}
.p-t-xl {
  padding-top: 50px;
}
.p-r-xl {
  padding-right: 50px;
}
.p-b-xl {
  padding-bottom: 50px;
}
.p-l-xl {
  padding-left: 50px;
}
[hidden],
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {
  display: none !important;
}
ng\:form {
  display: block;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.ux-keyboard-focus:focus:not(.cdk-keyboard-focused) {
  outline: none;
}
.ux-keyboard-focus:focus.cdk-keyboard-focused {
  outline: 2px dotted;
  outline: auto -webkit-focus-ring-color;
  outline-color: #00a7a2;
  outline-offset: 0;
}
.ux-focus-indicator:focus:not(.ux-focus-indicator-active) {
  outline: none;
}
.ux-focus-indicator:focus.ux-focus-indicator-active {
  outline: 2px dotted;
  outline: auto -webkit-focus-ring-color;
  outline-color: #00a7a2;
  outline-offset: 0;
}
.nav > li > a {
  font-weight: 600;
  padding: 14px 20px 14px 25px;
}
.nav > li > a:focus {
  outline: 0;
}
.navbar-default .nav > li > a {
  font-weight: 300;
  font-size: 0.9375rem;
}
.navbar-default .nav > li > a span.arrow {
  font-size: 0.625rem;
  line-height: inherit;
  position: relative;
  top: 4px;
  right: 3px;
}
.navbar-default .nav-fourth-level > li > a {
  font-size: 0.875rem;
  line-height: 1.2;
}
.navbar-default .nav-fifth-level > li > a {
  font-size: 0.8125rem;
  line-height: 0.9;
}
.navbar-default .nav ul > li > a span.arrow {
  font-size: 0.625rem;
  position: relative;
  line-height: inherit;
  right: 10px;
}
.nav > li > a i {
  margin-right: 6px;
  font-size: 1rem;
}
.heading {
  font-size: 2.5rem;
  margin-top: -8px;
  margin-bottom: 3px;
  word-wrap: break-word;
}
.nav.nav-second-level > li.active {
  border: none;
}
.nav.nav-second-level.collapse[style] {
  height: auto !important;
}
.nav.nav-third-level.collapse[style] {
  height: auto !important;
}
.nav.nav-fourth-level.collapse[style] {
  height: auto !important;
}
.nav.nav-fifth-level.collapse[style] {
  height: auto !important;
}
.nav-second-level li,
.nav-third-level li,
.nav-fourth-level li,
.nav-fifth-level li {
  border-bottom: none !important;
  border-left: 0 !important;
}
.nav-second-level li a {
  padding: 5px 10px;
  padding-left: 52px;
}
.nav-third-level li a {
  padding-left: 62px;
}
.nav-fourth-level li a {
  padding-left: 72px;
}
.nav-fifth-level li a {
  padding-left: 82px;
}
.panel-heading {
  padding: 10px;
}
.panel-body {
  padding: 15px 10px;
}
h4.panel-title {
  font-family: 'Source Sans Pro';
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #676a6c;
  background-color: #fff;
  cursor: default;
}
.nav.nav-tabs li {
  background: none;
}
.nav-tabs > li > a {
  color: #8d9092;
  border-width: 0 0 3px;
  font-family: 'Source Sans Pro';
  font-weight: 600;
  padding: 8px 20px 0;
  cursor: pointer;
  height: 40px;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  background-color: #f5f5f5;
  color: #808486;
  border-color: transparent;
  border-radius: 0;
}
.nav-tabs > li > a i + span,
.nav-tabs > li > a ux-icon + span {
  padding-left: 8px;
}
.outline-tab .nav-tabs > li > a {
  border-width: 1px 1px 2px;
  border-radius: 4px 4px 0 0;
}
.outline-tab .nav-tabs > li > a:hover,
.outline-tab .nav-tabs > li > a:focus {
  border-bottom-width: 2px;
  border-bottom-color: #fff;
  border-radius: 4px 4px 0 0;
}
.minimal-tab {
  border-style: none;
}
.minimal-tab > li {
  padding: 0 10px;
}
.minimal-tab > li.active > a,
.minimal-tab > li.active > a:hover,
.minimal-tab > li.active > a:focus {
  border-bottom: 3px solid #00a7a2;
  border-left: none;
  background-color: transparent;
  border-right: none;
  border-top: none;
  cursor: default;
  color: inherit;
}
.minimal-tab > li > a {
  padding: 8px 0 0;
}
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs,
.tabs-left > .outline-tab > .nav-tabs,
.tabs-right > .outline-tab > .nav-tabs {
  width: 20%;
  border-bottom: 0;
}
.tabs-right > .nav-tabs > li,
.tabs-left > .nav-tabs > li,
.tabs-left > .outline-tab > .nav-tabs > li,
.tabs-right > .outline-tab > .nav-tabs > li {
  border-width: 0 0 3px;
  float: none;
  text-align: left;
  clear: both;
}
.tabs-right > .nav-tabs > li.active > a:hover,
.tabs-left > .nav-tabs > li.active > a:hover,
.tabs-left > .outline-tab > .nav-tabs > li.active > a:hover,
.tabs-right > .outline-tab > .nav-tabs > li.active > a:hover,
.tabs-right > .nav-tabs > li.active > a:focus,
.tabs-left > .nav-tabs > li.active > a:focus,
.tabs-left > .outline-tab > .nav-tabs > li.active > a:focus,
.tabs-right > .outline-tab > .nav-tabs > li.active > a:focus {
  border-width: 0 0 3px;
  background-color: transparent;
  border-bottom: 3px solid #00a7a2;
  color: inherit;
  border-left: none;
  border-right: none;
  border-top: none;
  cursor: default;
}
.tabs-right > .nav-tabs > li > a,
.tabs-left > .nav-tabs > li > a,
.tabs-left > .outline-tab > .nav-tabs > li > a,
.tabs-right > .outline-tab > .nav-tabs > li > a {
  min-width: 50px;
  border-width: 0 0 3px;
  display: table;
  margin-right: 0;
  margin-bottom: 30px;
  padding: 10px 0 3px;
  line-height: normal;
  height: 30px;
}
.tabs-right > .nav-tabs > li > a .tab-title,
.tabs-left > .nav-tabs > li > a .tab-title,
.tabs-left > .outline-tab > .nav-tabs > li > a .tab-title,
.tabs-right > .outline-tab > .nav-tabs > li > a .tab-title {
  line-height: normal;
}
.tabs-right > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .outline-tab > .nav-tabs > li > a:hover,
.tabs-right > .outline-tab > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus,
.tabs-left > .nav-tabs > li > a:focus,
.tabs-left > .outline-tab > .nav-tabs > li > a:focus,
.tabs-right > .outline-tab > .nav-tabs > li > a:focus {
  background-color: #f5f5f5;
  border-color: transparent;
}
.tabs-right > .nav-tabs > li > a.text-right,
.tabs-left > .nav-tabs > li > a.text-right,
.tabs-left > .outline-tab > .nav-tabs > li > a.text-right,
.tabs-right > .outline-tab > .nav-tabs > li > a.text-right {
  float: right;
}
.tabs-right > .nav-tabs > li > a.text-left,
.tabs-left > .nav-tabs > li > a.text-left,
.tabs-left > .outline-tab > .nav-tabs > li > a.text-left,
.tabs-right > .outline-tab > .nav-tabs > li > a.text-left {
  float: left;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.tabs-left > .nav-tabs,
.tabs-left > .outline-tab > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-bottom: none;
}
.tabs-right > .nav-tabs,
.tabs-right > .outline-tab > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-bottom: none;
}
.dropdown-menu {
  border: medium none;
  box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
  color: #676a6c;
  background-color: #fff;
  display: none;
  float: left;
  font-size: 0.75rem;
  left: 0;
  list-style: none outside none;
  padding: 0;
  position: absolute;
  text-shadow: none;
  top: 100%;
  z-index: 1005;
  border-radius: 2px;
}
.dropdown-menu li > a {
  color: inherit;
  line-height: 25px;
  padding: 6px 20px;
  text-align: left;
  font-weight: normal;
  font-size: 1rem;
  display: block;
}
.dropdown-menu li > a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
  color: #676a6c;
}
.dropdown-menu li > a:focus:not(.ux-focus-indicator) {
  outline: 2px dotted;
  outline: auto -webkit-focus-ring-color;
  outline-color: #00a7a2;
  outline-offset: 0;
}
.dropdown-menu li > a.font-bold {
  font-family: 'Source Sans Pro';
  font-weight: 600;
}
.dropdown-menu .divider {
  margin: 5px 0;
}
.form-control {
  background-color: #fff;
  background-image: none;
  border: 1px solid #e5e6e7;
  border-radius: 1px;
  display: block;
  font-size: 1.125rem;
  padding: 4px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  color: #555;
  box-shadow: none;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: default;
  color: #b3b3b3;
}
.form-control::-moz-placeholder {
  color: #ccc;
}
.form-control::-webkit-input-placeholder {
  color: #ccc;
}
:-ms-input-placeholder.form-control {
  color: #ccc;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
.input-lg {
  font-size: 1.125rem;
}
.input-sm {
  font-size: 0.75rem;
}
textarea {
  resize: none;
}
label {
  font-weight: normal;
  margin-bottom: 0;
}
.form-label {
  opacity: 0.7;
}
.form-information {
  opacity: 0.7;
  float: right;
}
.form-control:focus {
  border-color: #7b63a3;
  outline: 0;
  box-shadow: none;
}
.form-control-feedback {
  display: none;
}
.form-control-feedback.ux-icon,
.form-control-feedback ux-icon {
  line-height: 34px;
}
.form-control-validation {
  color: #7b63a3;
}
.has-error .form-control-validation {
  color: #ff454f;
}
.has-error ~ .form-group-validation .form-control-validation {
  color: #ff454f;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control-feedback {
  display: block;
}
.has-success .form-control:focus,
.has-secondary .form-control:focus,
.has-error .form-control:focus {
  box-shadow: none;
}
.has-success .form-control {
  border-color: #00a7a2;
}
.has-secondary .form-control {
  border-color: #7b63a3;
}
.has-error .form-control {
  border-color: #ff454f;
}
.has-error .form-control:focus {
  border-color: #ff454f;
}
.has-error .input-group-addon {
  background-color: #fff;
  border-color: #e5e6e7;
  color: #676a6c;
}
.has-success .control-label {
  color: #00a7a2;
}
.has-secondary .control-label {
  color: #7b63a3;
}
.has-error .control-label,
.has-error .help-block,
.has-error .error-text,
.has-error .form-control-feedback {
  color: #ff454f;
}
.control-label,
.form-label {
  margin-bottom: 5px;
}
.help-block {
  color: #737373;
}
.input-group-addon {
  background-color: #fff;
  border: 1px solid #e5e6e7;
  border-radius: 1px;
  color: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  padding: 5px 12px;
  text-align: center;
}
.inner-addon {
  position: relative;
}
/* style icon */
.inner-addon .ux-icon,
.inner-addon ux-icon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}
.inner-addon-button {
  position: relative;
}
.inner-addon-button .ux-icon,
.inner-addon-button ux-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 16px;
  margin: auto 10px;
  cursor: pointer;
  z-index: 1;
}
/* align icon */
.left-addon .ux-icon,
.left-addon ux-icon {
  left: 0;
}
.right-addon .ux-icon,
.right-addon ux-icon {
  right: 0;
}
/* add padding  */
.left-addon input {
  padding-left: 30px;
}
.right-addon input {
  padding-right: 30px;
}
.input-group-btn button {
  height: 34px;
}
.input-group-btn button.button-secondary {
  border-color: #e5e6e7;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -2px;
}
.ux-float-label {
  position: relative;
  margin-left: 12px;
  margin-bottom: 0;
  font-size: 0.75rem;
  color: #b4b6b8;
  z-index: 3;
}
.ux-float-label:not(.ux-float-label-raised) {
  opacity: 0;
  transform: translateY(16px);
}
.ux-float-label.ux-float-label-raised {
  opacity: 1;
  transition: 0.5s ease-in-out;
}
.ux-float-label ~ input,
.ux-float-input {
  border: none;
  border-bottom: 1px solid #e5e6e7;
}
.table > thead > tr > th {
  border-bottom-width: 1px;
  font-family: 'Source Sans Pro';
  font-weight: 600;
}
.table > tbody > tr > td {
  border-top-color: #e5e5e5;
}
.table > tbody > tr > th {
  border-top: 0;
}
.table > tbody > tr > td.vertical-center-icon {
  vertical-align: middle;
}
.table.ux-resizable-expanding-table td,
.table.ux-resizable-expanding-table th {
  border: none;
}
.pagination > li.page-item > button {
  font-family: 'Source Sans Pro';
  text-transform: uppercase;
  padding: 4px 15px;
  color: #999;
  background: #fff;
  box-shadow: none;
  min-width: 45px;
  padding: 6px 12px;
  border-radius: 0;
  font-size: 0.875rem;
  border: 1px solid #ccc;
}
.pagination > li.page-item > button:focus,
.pagination > li.page-item > button:active:focus,
.pagination > li.page-item > button.active:focus,
.pagination > li.page-item > button.focus,
.pagination > li.page-item > button:active.focus,
.pagination > li.page-item > button.active.focus {
  outline: none;
}
.pagination > li.page-item > button:focus:not(.ux-focus-indicator),
.pagination > li.page-item > button:active:focus:not(.ux-focus-indicator),
.pagination > li.page-item > button.active:focus:not(.ux-focus-indicator),
.pagination > li.page-item > button.focus:not(.ux-focus-indicator),
.pagination > li.page-item > button:active.focus:not(.ux-focus-indicator),
.pagination > li.page-item > button.active.focus:not(.ux-focus-indicator) {
  outline: 2px dotted;
  outline: auto -webkit-focus-ring-color;
  outline-color: #00a7a2;
  outline-offset: 0;
}
.pagination > li.page-item > button:focus.ux-focus-indicator.ux-focus-indicator-active,
.pagination > li.page-item > button:active:focus.ux-focus-indicator.ux-focus-indicator-active,
.pagination > li.page-item > button.active:focus.ux-focus-indicator.ux-focus-indicator-active,
.pagination > li.page-item > button.focus.ux-focus-indicator.ux-focus-indicator-active,
.pagination > li.page-item > button:active.focus.ux-focus-indicator.ux-focus-indicator-active,
.pagination > li.page-item > button.active.focus.ux-focus-indicator.ux-focus-indicator-active {
  outline: 2px dotted;
  outline: auto -webkit-focus-ring-color;
  outline-color: #00a7a2;
  outline-offset: 0;
}
.pagination > li.page-item > button:active,
.pagination > li.page-item > button.active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.pagination > li.page-item > button:hover {
  box-shadow: none;
}
.pagination > li.page-item > button.btn-lg {
  font-size: 1.125rem;
  padding: 6px 20px;
}
.pagination > li.page-item > button.btn-sm,
.pagination > li.page-item > button.btn-xs {
  font-size: 0.75rem;
  padding: 0 10px;
}
.pagination > li.page-item > button.btn-link {
  border: none;
  box-shadow: none;
}
.pagination > li.page-item > button.btn-link:hover {
  text-decoration: none;
  box-shadow: none;
}
.pagination > li.page-item > button.btn-link:focus {
  text-decoration: none;
  box-shadow: none;
}
.pagination > li.page-item > button .ux-icon,
.pagination > li.page-item > button ux-icon {
  line-height: inherit;
}
.pagination > li.page-item > button .ux-icon + *,
.pagination > li.page-item > button ux-icon + * {
  margin-left: 4px;
}
.pagination > li.page-item > button:active,
.pagination > li.page-item > button.active {
  background-color: #ebebeb;
  color: #999;
  border-color: #b8b8b8;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.pagination > li.page-item > button:focus,
.pagination > li.page-item > button.focus {
  background-color: #fff;
  border-color: #ccc;
  color: #999;
}
.pagination > li.page-item > button:hover {
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  color: #999;
  box-shadow: none;
}
.pagination > li.page-item > button.btn-link {
  color: #999;
  background-color: transparent;
  border: none;
}
.pagination > li.page-item > button.btn-link:hover {
  background-color: #e6e6e6;
}
.pagination > li.page-item > button.btn-link:focus {
  background-color: transparent;
}
.pagination > li.page-item > button.btn-link:active {
  color: #999;
  background-color: #ccc;
}
.pagination > li.page-item > button.btn-grouped.active {
  background-color: #00a7a2;
  color: #fff;
  border-color: #00a7a2;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  border-radius: 0;
}
.pagination > li.page-item > button:hover {
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  color: #999;
  box-shadow: none;
}
.pagination > li.page-item.active > button {
  background-color: #00a7a2;
  color: #fff;
  border-color: #00a7a2;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.pagination > li.page-item.active > button:hover {
  background-color: #008e89;
  border-color: #008e89;
  color: #fff;
  box-shadow: none;
}
.pagination > li.page-item.active > button:focus {
  background-color: #00a7a2;
  color: #fff;
  border-color: #00a7a2;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.pagination > li.page-item.disabled > button {
  background-color: #ededed;
  color: #a8a8a8;
  border-color: #ededed;
  box-shadow: none;
}
.pagination-details {
  margin: 20px 0;
  padding: 6px 12px;
  vertical-align: top;
  display: inline-block;
}
.pagination > .disabled > span,
.pagination > .disabled > button {
  background-color: #ededed;
  color: #a8a8a8;
  border-color: #ededed;
  box-shadow: none;
}
.pagination > .disabled > span:hover,
.pagination > .disabled > button:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > button:focus {
  background-color: #ededed;
  color: #a8a8a8;
  border-color: #ededed;
  box-shadow: none;
}
.pagination > li > button {
  color: #999;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: none;
  position: relative;
  float: left;
  margin-left: -1px;
}
.pagination > li > button:active,
.pagination > li > button.active {
  background-color: #ebebeb;
  color: #999;
  border-color: #b8b8b8;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.pagination > li > button:focus,
.pagination > li > button.focus {
  background-color: #fff;
  border-color: #ccc;
  color: #999;
}
.pagination > li > button:hover {
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  color: #999;
  box-shadow: none;
}
.pagination > li > button.btn-link {
  color: #999;
  background-color: transparent;
  border: none;
}
.pagination > li > button.btn-link:hover {
  background-color: #e6e6e6;
}
.pagination > li > button.btn-link:focus {
  background-color: transparent;
}
.pagination > li > button.btn-link:active {
  color: #999;
  background-color: #ccc;
}
.pagination > li > button.btn-grouped.active {
  background-color: #00a7a2;
  color: #fff;
  border-color: #00a7a2;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  border-radius: 0;
}
.pagination > li > button:hover {
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  color: #999;
  box-shadow: none;
}
.pagination > li.active > button {
  background-color: #00a7a2;
  color: #fff;
  bord