@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 - v11.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;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 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 {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
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;
  border-color: #00a7a2;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  z-index: 3;
  cursor: default;
}
.pagination > li.active > button:hover {
  background-